@import url(layout.css);
body, html {
	background: #ebebeb;
	font-size:12px;
	color:#666;
	font-family:Arial,Helvetica, Verdana,  sans-serif;
	position:relative;
}
/* ===================
Value
====================*/
.value_txt {
	line-height:160%;
	font-size:12px;
	letter-spacing:0.2px;
	line-height:14<0%;
	margin:10px 0 15px 0;
}
.value_txt2 {
	line-height:160%;
	font-size:12px;
	letter-spacing:0.2px;
	line-height:14<0%;
	font-weight:bold;
}
.value-icon {
	float:left;
	width:25%;
	padding-top:30px;
}
.vlaue-icon2{
   padding-top:10px;
}


.value-text {
	float:left;
	width:36%;
	padding-top:30px;
   *padding-top:50px;

}
.value-text2 {
	width:36%;
	right:10px;
	padding-top:30px;
   *padding-top:50px;
    position:absolute;
	font-size:16px;

}
#value-menu {
	display:block;
	float:right;
	width:36.5%;
	padding-top:160px;
}
.value-text h2 , .value-text2 h2 {
	font-size:36px;
	float:left;
	color:#fff;
	margin-top:5px;
}
.index-title{
	font-size:26px;
	font-weight:bold;
	line-height:26px;
	font-family:Arial;
	}
.value-text-cap {
	float:left;
	font-size:12px;
	line-height:110%;
	margin:5px 0 0 10px;
}
.value-text-2 {
	padding-top:-20px;
	font-size:12px;
}
.value-text-3 {
	padding-top:-20px;
	font-size:16px;
}
.value-text-tw {
	padding-top:-100px;
	font-size:12px;
	line-height:18px;
}

.strong{
	font-weight:bold;
	position:relative;
	display:block;
	}
#value-f-list-1col {
	float:none;
	width:100%;
}
.value-f-list {
	float:left;
	width:100%;
	border-top: 1px dotted #eee;
}
.value-f-list-r {
	float:right;
	width:49.5%;
	border-top: 1px dotted #eee;
	min-height:150px;
}
.value-f-list img {
	float:left;
	margin-right:10px;
}
.value-f-list-text {
	float:left;
	width:80%;
}
.value-f-list-text2{
	float:left;
	width:80%;
}
#value-f-list-container {
	padding:15px 30px 0 30px;
}
.value-f-list-box {
	padding:10px 5px;
}
/*================================
   改版設定版本
======================================= */

#value-menu2 {
	display:block;
	float:right;
	width:17.5%;
	padding-top:220px;
}

#value-menu2 li {
	display:block;
	float:left;
	height:48px;
}
#value-menu2 a {
	display:block;
	float:left;
	width:49px;
	height:48px;
	text-indent:-9000px;
	position:relative;
}
#value-menu2 .btn1 {
	background: url(../img/value_protect_s.png) no-repeat !important;
	background: url(../img/value_protect_s.gif) no-repeat;
	height:48px;
}
#value-menu2 .btn2 {
	background: url(../img/value_space_s.png) no-repeat !important;
	background: url(../img/value_space_s.gif) no-repeat;
	height:48px;
}
#value-menu2 .btn3 {
	background: url(../img/value_share_s.png) no-repeat !important;
	background: url(../img/value_share_s.gif) no-repeat;
	height:48px;
}
#value-menu2 .btn4 {
	background: url(../img/value_manage_s.png) no-repeat !important;
	background: url(../img/value_manage_s.gif) no-repeat;
	height:48px;
}
#value-menu2 .btn4:hover {
	background: url(../img/value_manage_s_hover.png) no-repeat !important;
	background: url(../img/value_manage_s_hover.gif) no-repeat;
	height:48px;
}
#value-menu2 .btn1_on {
	background: url(../img/value_protect_s_hover.png) no-repeat !important;
	background: url(../img/value_protect_s_hover.gif) no-repeat;
	height:48px;
}
#value-menu2 .btn2_on {
	background: url(../img/value_space_s_hover.png) no-repeat !important;
	background: url(../img/value_space_s_hover.gif) no-repeat;
	height:48px;
}
#value-menu2 .btn3_on {
	background: url(../img/value_share_s_hover.png) no-repeat !important;
	background: url(../img/value_share_s_hover.gif) no-repeat;
	height:48px;
}
#value-menu2 .btn4_on {
	background: url(../img/value_manage_s_hover.png) no-repeat !important;
	background: url(../img/value_manage_s_hover.gif) no-repeat;
	height:48px;
}
/*====================
 Value2
 ====================*/
 #value-menu2 .btn1_2 {
	background: url(../img/value_protect_s_en2.png) no-repeat !important;
	background: url(../img/value_protect_s_en2.gif) no-repeat;
	height:48px;
}
#value-menu2 .btn2_2 {
	background: url(../img/value_space_s_en2.png) no-repeat !important;
	background: url(../img/value_space_s_en2.gif) no-repeat;
	height:48px;
}
#value-menu2 .btn3_2 {
	background: url(../img/value_share_s_en2.png) no-repeat !important;
	background: url(../img/value_share_s_en2.gif) no-repeat;
	height:48px;
}
#value-menu2 .btn4_2 {
	background: url(../img/value_manage_s_en2.png) no-repeat !important;
	background: url(../img/value_manage_s_en2.gif) no-repeat;
	height:48px;
}
#value-menu2 .btn1_on_2 {
	background: url(../img/value_protect_s_hover_en2.png) no-repeat !important;
	background: url(../img/value_protect_s_hover_en2.gif) no-repeat;
	height:48px;
}
#value-menu2 .btn2_on_2 {
	background: url(../img/value_space_s_hover_en2.png) no-repeat !important;
	background: url(../img/value_space_s_hover_en2.gif) no-repeat;
	height:48px;
}
#value-menu2 .btn3_on_2 {
	background: url(../img/value_share_s_hover_en2.png) no-repeat !important;
	background: url(../img/value_share_s_hover_en2.gif) no-repeat;
	height:48px;
}
#value-menu2 .btn4_on_2 {
	background: url(../img/value_manage_s_hover_en2.png) no-repeat !important;
	background: url(../img/value_manage_s_hover_en2.gif) no-repeat;
	height:48px;
}
.increase-height2{ /*首頁下方高度不足所以加的css*/
	height:35px;
	*height:57px;
    _height:10px;
	background-image: url(../img/bottom-bg_02.jpg);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	}
/*=============================================================================================*/

#value-menu li {
	display:block;
	float:left;
}
#value-menu a {
	display:block;
	float:left;
	width:80px;
	height:100px;
	text-indent:-9000px;
	position:relative;
}
#value-menu .btn1 {
	background: url(../img/value_protect_s.png) no-repeat !important;
	background: url(../img/value_protect_s.gif) no-repeat;
}
#value-menu .btn2 {
	background: url(../img/value_space_s.png) no-repeat !important;
	background: url(../img/value_space_s.gif) no-repeat;
}
#value-menu .btn3 {
	background: url(../img/value_share_s.png) no-repeat !important;
	background: url(../img/value_share_s.gif) no-repeat;
}
#value-menu .btn4 {
	background: url(../img/value_manage_s.png) no-repeat !important;
	background: url(../img/value_manage_s.gif) no-repeat;
}
#value-menu .btn4:hover {
	background: url(../img/value_manage_s_hover.png) no-repeat !important;
	background: url(../img/value_manage_s_hover.gif) no-repeat;
}
#value-menu .btn1_on {
	background: url(../img/value_protect_s_hover.png) no-repeat !important;
	background: url(../img/value_protect_s_hover.gif) no-repeat;
}
#value-menu .btn2_on {
	background: url(../img/value_space_s_hover.png) no-repeat !important;
	background: url(../img/value_space_s_hover.gif) no-repeat;
}
#value-menu .btn3_on {
	background: url(../img/value_share_s_hover.png) no-repeat !important;
	background: url(../img/value_share_s_hover.gif) no-repeat;
}
#value-menu .btn4_on {
	background: url(../img/value_manage_s_hover.png) no-repeat !important;
	background: url(../img/value_manage_s_hover.gif) no-repeat;
}
/*====================
 Value2
 ====================*/
 #value-menu .btn1_2 {
	background: url(../img/value_protect_s_en.png) no-repeat !important;
	background: url(../img/value_protect_s_en.gif) no-repeat;
}
#value-menu .btn2_2 {
	background: url(../img/value_space_s_en.png) no-repeat !important;
	background: url(../img/value_space_s_en.gif) no-repeat;
}
#value-menu .btn3_2 {
	background: url(../img/value_share_s_en.png) no-repeat !important;
	background: url(../img/value_share_s_en.gif) no-repeat;
}
#value-menu .btn4_2 {
	background: url(../img/value_manage_s_en.png) no-repeat !important;
	background: url(../img/value_manage_s_en.gif) no-repeat;
}
#value-menu .btn1_2:hover {
	background: url(../img/value_protect_s_hover_en.png) no-repeat !important;
	background: url(../img/value_protect_s_hover_en.gif) no-repeat;
}
#value-menu .btn2_2:hover {
	background: url(../img/value_space_s_hover_en.png) no-repeat !important;
	background: url(../img/value_space_s_hover_en.gif) no-repeat;
}
#value-menu .btn3_2:hover {
	background: url(../img/value_share_s_hover_en.png) no-repeat !important;
	background: url(../img/value_share_s_hover_en.gif) no-repeat;
}
#value-menu .btn4_2:hover {
	background: url(../img/value_manage_s_hover_en.png) no-repeat !important;
	background: url(../img/value_manage_s_hover_en.gif) no-repeat;
}
#value-menu .btn1_on_2 {
	background: url(../img/value_protect_s_hover_en.png) no-repeat !important;
	background: url(../img/value_protect_s_hover_en.gif) no-repeat;
}
#value-menu .btn2_on_2 {
	background: url(../img/value_space_s_hover_en.png) no-repeat !important;
	background: url(../img/value_space_s_hover_en.gif) no-repeat;
}
#value-menu .btn3_on_2 {
	background: url(../img/value_share_s_hover_en.png) no-repeat !important;
	background: url(../img/value_share_s_hover_en.gif) no-repeat;
}
#value-menu .btn4_on_2 {
	background: url(../img/value_manage_s_hover_en.png) no-repeat !important;
	background: url(../img/value_manage_s_hover_en.gif) no-repeat;
}
#features, #features-value1 {
	background: url(../img/kv.jpg) no-repeat right;
	height:280px;
	width:907px;
	overflow:hidden;
	color:#fff;
	position:relative;
}
#features, #features-value2 {
	background: url(../img/kv2.jpg) no-repeat right top;
	height:280px;
	width:907px;
	overflow:hidden;
	color:#fff;
	position:relative;
}
#features, #features-value3 {
	background: url(../img/kv3.jpg) no-repeat right top;
	height:280px;
	width:907px;
	overflow:hidden;
	color:#fff;
	position:relative;
}

/* ===================
Structure
====================*/
#features {
 	 	 	height:280px;
 	 	 	width:907px;
 	 	 	overflow:hidden;
 	 	 	color:#fff;
 	 	 	position:relative;
 	 	 	background:#ffe578;
}
#features, #features-value {
	background: url(../img/kv0.jpg) no-repeat right;
	height:280px;
	width:907px;
	overflow:hidden;
	color:#fff;
	position:relative;
}
#kv {
	width:907px;
	overflow:hidden;
}
#features li{
	height:280px;
	float:left;
	width:50px;
	overflow:hidden;
	cursor:pointer;
	position:relative;
}
#features a, #features a:visited{
	color:#fff;
}
#features {
	width:907px;
	overflow:hidden;
}
#features .kv-img {
	float:left;
	padding:40px 20px 0 50px;
	position:relative;  
}
#features .kv-text {
	float:left;
	padding-top:10px;
   *padding-top:30px;
	overflow:hidden;
	width:60%;
}
#features h2 {
	font-size:26px;
	line-height:28px;
	color:#fff;
    position:relative;/*解決首頁字有黑邊的問題*/
}
#features special {
	font-size:28px;
	color:#fff;
    position:relative;/*解決首頁字有黑邊的問題*/
}
#features p {
}
#features .txt {
	margin-bottom:20px;
	font-size:13px;
}
#features .kv-cap {
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#features a, #features a:visited {
}
.kv1 {
 	 background: url(../img/feature1_bg.jpg) no-repeat;
}
.kv2 {
     background: url(../img/feature2_bg.jpg) no-repeat;
}
.kv3 {
     background: url(../img/feature3_bg.jpg) no-repeat;
}
.kv4 {
     background: url(../img/feature4_bg.jpg) no-repeat;
}
.kv5 {
	 background: url(../img/feature5_bg.jpg) no-repeat;
}
#wrapper {
	width:923px;
	margin:0 auto ;
}
#back-top {
   width:35px;
   height:24px;
   position:absolute;
   bottom:30px;
   right:0px;	}
	
#back-top a {
}
#wrapper .top {
	height:17px;
	background: url(../img/main_top.gif) left bottom no-repeat;
}
#wrapper .mid {
	background: url(../img/main_mid.gif) repeat-y;
}
#wrapper .bottom {
	height:17px;
	background: url(../img/main_bottom.gif) left top no-repeat;
}
#main-box {
	margin:0 8px 0px 8px;
	min-height:25px;
	padding-bottom:15px;
}
/*例外:首頁的main-box有加style的行內css*/
#main-box2 {
	margin:0 8px 0 8px;
	height:16px;
	padding-bottom:18px;
   *padding-bottom:13px;
}
#main-box_header {
	margin:0 8px 0 8px;
	min-height:18px;
	padding-bottom:15px;
}
#header {
	z-index:100;
	position:relative;
	top:8px;
}
#function_slogan{
  color: #063956;
  margin-top:15px;
  padding-left:20px;
  padding-right:20px;
  line-height:140%;
  }
#function_slogan .title{
	color: #063956;
	font-size:20px;
	line-height:35px;
	font-weight:bold;
 }
  
#container {
	position:relative;
	margin-top:10px;
}
#container2 {
	position:relative;
	margin-top:10px;
	background-image: url(../img/bottom-bg_01.jpg);
	background-repeat: no-repeat;
}
.index-bg{
	background-image: url(../img/bottom-bg_03.jpg);
	background-repeat: repeat-y;
}
#member-login, #new-function , #join {
	height:205px;
	
}
#member-login {
	float:left;
	width:30%;
}
#member-login2 {
	width:450px;
	margin:0 auto;
}
.non_mb{
   float:left;
   width:100px;
}
#new-function {
	float:left;
	width:39%;
	background: url(../img/line.gif) no-repeat 0px 60px;
}
.new-function {
	float:left;
	width:23%;
}
#join {
	float:right;
	width:30%;
	background: url(../img/line.gif) no-repeat 0px 60px;
}
#download {
	background: url(../img/download_arrow.gif) right 0 no-repeat;
	text-align:right;
	height:32px;
	display:block;
	padding-bottom:0px;
}
#download a, #download a:visited {
	position:relative;
    top:15px;
	right:10px;
	color:#666;
	display:block;
}
.section-header {
	background: url(../img/box_header_background.jpg) no-repeat;
	height:48px;
	margin-bottom:5px;
}
.section-header2 {
	color:#666666;
    height:25px;
	padding-left:2px;
   *padding-top:5px;
}
.section-header h2,.section-header2 h2 {
	padding:7px 0 0 8px;
	font-size:15px;
	font-weight:bold;
	color:#333;
}
.join-box {
	text-align:center;
}
.new-function-img {
	float:left;
	width:43%;
	padding-left:3px;
}
.new-function-text {
	float:right;
	width:56%;
}
#container h3 {
	color:#1fa6e2;
	font-weight:bold;
	font-size:15px;
}
.small-cap {
	font-size:12px;
	color:#333;
	line-height:140%;
	margin-bottom:10px;
}
.more-btn {
	text-align:right;
	float:inherit;
	padding-right:10px;
}
.more-btn a, .more-btn a:visited {
	font-size:11px;
	color:#999;
	text-decoration:underline;
}
.more-btn a:hover {
	text-decoration:none;
	color:#1FA6E2;
}
.index-link a, .index-link a:visited {
	color:#FFFFFF;
	font-size:15px;
	font-weight:bold;
	background-color: #666;
	display:block;
	margin-right:16px;
	padding:3px ;
	text-align:center;
	border-left:#333 5px solid;
	border-right:#333 5px solid;
}
.index-link a:hover {
	text-decoration:none;
	color:#FFFFFF;
}

/* ===================
Page
====================*/
#main{
	background-image: url(../img/main_mid.gif);
	background-repeat: repeat-y;
	background-position: center;
	width:923px;
	margin:0 auto;
}
#main-header {
	height:53px;
	background: url(../img/main-header.jpg) no-repeat;
	font-size:20px;
	line-height:53px;
	text-indent:30px;
	color:#fff;
	font-weight:bold;
	width:908px;
	margin:0 auto;
}
#sub-menu, #avator-sub, #sub-menu-2 {
	float:left;
	width:26.5%;
	background: url(../img/sub_menu_background.jpg) repeat-x left bottom;
	min-height:400px;
}
#sub-menu-2 >ul {
	padding:10px 20px;
}
#sub-menu-2 ul ul{
	padding:0;
}
#sub-menu-2 ul li {
	margin:20px 0;
}
#sub-menu-2 ul ul li {
	margin:10px 0;
} 
#sub-menu-2 h2 {
	font-size:150%;
}
#avator-sub {
	text-align:center;
	position:relative;
}
#avator-sub li.avator-link {
	text-align:left;
	padding-left:20px;
	font-size:11px;
	font-family:Georgia, 'Times New Roman', Times, serif;
}
#avator-sub ul {
	padding-top:20px;
}
#avator-sub li {
	line-height:190%;
}
#avator-sub img {
	border:3px solid #fff;
}
#page-content {
	float:right;
	width:665px;
	background:#fff;
}
#page-content li {
	list-style:none;
}
#page-container {
	padding-top:20px;
	background-image: url(../img/value.jpg);
	background-repeat: no-repeat;
	background-position: right 50px;
}
#page-container2 {
	padding-top:20px;
	margin:0 auto;
}
#page-container-1col {
	padding-top:20px;
	margin:0 auto;
}
#page-container-1col .warning-cap {
	padding:0 30px;
	font-size:13px;
	line-height:150%;
	margin-bottom:25px;
}
#page-container-1col-box {
	padding:0 30px;
}
#page-container-1col-box ol {
	margin:20px 10px;
}
#page-container-1col-box ol ol li {
	list-style:decimal;
	list-style-position:inside;
}
#page-container-1col-box li {
	line-height:150%;
	margin:10px 0;
	padding-left:10px;
}
#page-container-1col-box li li {
	padding:0;

}
#page-content h2, #page-container2 h2,#page-container h2, #page-container-1col h2 {
	color:#1fa6e2;
	font-weight:bold;
	font-size:18px;
	padding:5px 0 5px 21px;
	margin:0 0 15px 0;
	line-height:140%;
	padding-left:10px;
   *padding-right:0px;
}
#page-content #page-content-box h2 {
	padding-left:0;
}

#page-content ul {

}
#page-content ul ul {
	font-size:11px;

}
#page-content .download-box-list ul {
	margin:10px 0 30px 0;
	padding:0;
}
#page-content .download-box-list li {
	list-style:none;
}
.download-box-list span {
	font-weight:bold;
	color:#666;
}
#page-content .download-box-list .requirement-list {
	margin:0;
	list-style: decimal;
}
#page-content .download-box-list .requirement-list li {
	list-style: decimal;
	list-style-position:inside;
}
.notice {
	color:#f5851f;
	line-height:16px;
	padding-top:3px;
	margin-bottom:10px;
	font-size:12px;
}
.delete {
	color:#f5851f;
	line-height:16px;
	padding-top:3px;
	margin-bottom:10px;
	font-size:12px;
	text-decoration: line-through;
}
.notice-1 {
	font-size:11px;
	color:#b9b9b9;
	line-height:140%;
	padding-top:3px;
}
#page-content li {
	line-height:130%;
}
#page-nav {
	text-align:center;
	padding:10px 0;
}
#page-nav li{
	display:inline;
	margin:0 10px;
}
#page-nav .prev a {
	background: url(../img/page_nav_prev.gif) no-repeat left 7px;
	padding:10px 0 10px 30px;
}
#page-nav .next a {
	background: url(../img/page_nav_next.gif) no-repeat right 7px;
	padding:10px 30px 10px 0;
}
#page-nav .prev {
	text-align:left;
}
#page-nav .next {
	text-align:right;
}
#content-left {
	float:left;
	width:55%;
	margin-left:20px;
}
#content-left-box {
	padding:0 0px 0 25px;
}
#content-left-box p {
	margin-bottom:20px;
}
.service-rule-check {
    margin-left:30px;
}
#page-container-1col .service-rule {
	overflow:normal;
} 
.service-rule {
    width:750px;
	background:#FAFAFA none repeat scroll 0 0;
	border:1px solid #CCCCCC;
	font-size:11px;
	height:295px;
	margin:20px 0 10px 0;
	overflow:auto;
	padding:10px 20px;
	margin:0 auto;
	margin-left:30px;
}
.asus-service-rule {
    width:800px;
	background:#FAFAFA none repeat scroll 0 0;
	border:1px solid #CCCCCC;
	font-size:11px;
	height:295px;
	margin:20px 0 10px 0;
	overflow:auto;
	padding:10px 20px;
	margin:0 auto;
}
.service-rule h3, #page-container-1col-box h3 {
	margin:0;  
	padding:15px 0 5px 0;
}
.service-rule p {
	color:#666;
}
.service-rule ul, #page-container-1col-box ul {
	margin-left:20px;
	padding:10px 0;
}
#page-container-1col-box li {
	list-style:decimal;
	line-height:120%;
	margin:9px 0;
}
.service-rule li {
	line-height:160%;
}
.service-rule ol li, #page-container-1col-box ol li {
	list-style:square;
}
#page-container-1col-box li li {
	margin:3px 0;
}
.step-button {
	padding:10px 0 20px 0;
}
a.linky, a.linky:visited {
	color:#77c0e1;
	text-decoration:underline;
	padding-left:5px;
}
a.linky:hover {
	text-decoration:none;
}
/* ===================
Member-Login
====================*/
#page-container #member-login {
	float:left;
	width:51%;
	padding:30px 0;
}
#page-container2 #member-login {
	float:left;
	width:51%;
	padding:30px 0;
}
#page-container #mini-nav {
	position:relative;
	margin-top:20px;
}
#page-container2 #mini-nav {
	position:relative;
	margin-top:20px;
}
#member-apply {
}
#value {
	width:42%;
	float:right;
	margin:0 20px 10px 0;
	text-align:right;
}
#member-login-box {
	padding-top:20px;
	
}
.still-not-member a {
	font-size:11px;
}
/* ===================
Member-apply
====================*/
#member-apply-box {
	width:650px;
	margin:0 auto;
}
#member-apply-box li {
	margin:20px 0;
}
#member-apply label {
	display:block;
	float:left;
	width:150px;
	text-align:right;
	padding:3px 0;
}
#member-apply .b, .valid-code-input {
	float:left;
	width:380px;
}
.valid-code-input input {
	margin: 0 5px 0 0;
	background:#fdf9ce;
	border:1px solid #ccc;
	padding:3px 1px;
}
#page-content #from-design {
	padding:0;
	margin:0;
}
/* ===================
Sub-Menu
====================*/
#page-content-box {
	padding:20px 30px 0 30px;
}
#sub-menu a, #sub-menu a:visited {
	color:#333;
	font-size:11px;
}
#sub-menu ul li div {
	display:block;
	color:#999;
	padding-left:46px;
	height:50px;
}
#sub-menu ul li a {
	display:inline-block;
	line-height:110%;
}
#sub-menu a:hover {
	color:#1fa6e2;;
	text-decoration:none;
}
#sub-menu ul li {
	font-size:13px;
	line-height:50px;
}

#sub-menu li li:hover {
	background:none;
} 
#sub-menu li:hover, #sub-menu li.on  {
	background: url(../img/sub_menu_hover.jpg) repeat-x;
}
.btn-align {
	text-align:center; 
	margin:auto; 
	width:180px;
}
/* ===================
Login-form
====================*/
#login-form, #mini-nav {
	padding:0 15px;
}
#login-form li {
	line-height:170%;
}
#login-form label {
	font-weight:normal;
	display:inline-block;
	text-align:right;
	margin-right:0px;
}
#login-form input {
	border:1px solid #bcbcbc;
	color:#666;
	font-size:11px;
}
#login-form .box{
	padding-left:5px;
}
#login-form .left {
	float:left;
}
#login-form .right {
	float:right;
}
#login-form .right2 {
	float:right;
	width:100%;
}
#login-form label, .text-input {
	padding:2px;
}
.text-input{
   width:120px;
   height:18px;
}
.text-input2{
	width:50px;
	height:18px;
}
#container2 #login-btn .buttonOrange,#container #login-btn .buttonOrange {
	float:right;
}
#login-btn input{
	display:block;
	float:left;
}
#remember-pass{	
	padding-bottom:3px;
}

#remember-pass input {
	display:inline;
}
#remember-pass label {
	display:inline;
	font-weight:normal;
	font-size:11px;
}
.friend-invite label {
	padding: 0 ;
	text-align:left;
}

label {
	padding: 0 ;
	text-align:right;
}
label2 {
	padding: 0 ;
	text-align:right;
}

#member-login {
	position:relative;
}
#mini-nav {
	position:absolute;
	bottom:-10px;
	left:0px;
	font-size:10px;
}
#mini-nav li {
	display:inline;
	margin:0 3px;
}
#page-content #active-option {
	margin:30px 0 10px 0;
	padding:0;
}
#active-option .a {
	float:left;
	width:34%;
}
#active-option .b {
	float:left;
	width:45%;
	padding-left:30px;
	border-left:1px solid #eee;
}
/* ===================
Friends
====================*/
#friend-list > li{
	list-style:none;
	line-height:100%;
	background:#f6f6f6;
	margin:1px 0;
	padding:5px;
	border-bottom:#FFFFFF 2px solid;
}
#friend-list li.on {
	background:#ebf1f4;
}
ul#friend-list {
	margin:0;
	padding:0;
}
.friend-img {
	float:left;
	width:13%;
	vertical-align: middle;
   *margin:5px 2px;
}
.friend-img img {
	border:1px solid #ccc;
	margin:2px;
}
.friend-name {
	float:left;
	position:relative;
}
.friend-name div {
	float:left;
	margin-right:10px;
	padding-top:10px;
}
.fd-name {
	font-size:13px;
	width:20%;
	font-weight:bold;
	color: #666666;
}
.fd-email {
	width:31%;
}
.friend-name .status {
	font-size:12px;
}
.status {
	color:#f5851f;
	font-size:10px;
	letter-spacing:-0.5px;
}
#page-content ul.shard-folder {
	padding:0;
	margin:0;
	font-size:10px;
}
.shard-folder {
	font-size:10px;
	position:absolute;
	bottom:2px;
}
#friend-list .shard-folder li {
	display:inline;
	padding:0;
	background:none;
	margin-right:15px;
	color:#15619f;
}
.shard-folder a {
	margin-right:15px;
}
.friend-button {
	float:right;
	margin-top:15px;
	text-align:right;
	font-size:9px;
	white-space:nowrap;
}
.friend-button a {
	border:1px solid #ccc;
	background:#eee;
	padding:3px 5px;
	margin-right:5px;
	line-height:220%;
	height:20px;
}
.friend-button a:hover {
	background:#1FA6E2;
	color:#fff;
	text-decoration:none;
}
.add-a-friend {
	padding:15px 0 5px 0;
}
.friend-invite {
	margin-bottom:15px;
}
.friend-invite label {
	padding:3px 0;
	display:block;
}
.friend-invite a {
	margin-left:10px;
}
.buttonOrange {
	background: url(../img/btn_bak_left.gif) no-repeat left top;
	padding-left:7px;
	line-height:normal
}

.buttonOrange2{
	line-height:normal
}

#buttonOrange-box td, #buttonOrange-box tr {
	padding:0;
	border:none;
}
.buttonOrange a, .buttonOrange a:visited {
	background: url(../img/btn_bak_right.gif) no-repeat right top;
	padding:6px 13px 7px 6px;
	display:block;
	float:left;
	color:#fff;
	text-decoration:none;
}
.buttonOrange a:hover {
	color:#ffd49e;
	text-decoration:none;
}
.mini-menu2 {
	text-align:left;
	padding:0 0 0 20px;
	margin:0;
}
.mini-menu2 li{
	display:inline;
	margin-right:5px;
}
.mini-menu2 a {
	padding:3px 5px;
	border:1px solid #ccc;
	background:#eee;
	font-size:10px;
}
.mini-menu2 a:hover {
	background:#b7ddea;
	color:#fff;
	text-decoration:none;
}
/* ===================
Download
====================*/ 
.login{
    position:absolute;
	left:700px;
	top:95px;
	z-index:150;
} 
#download-box {
	font-weight: normal;
	line-height: 20px;
	padding-left: 200px;
	background-image: url(../img/download_01.jpg);
	background-repeat: no-repeat;
	background-position: 30px;
}
#download-box2 {
	font-weight: normal;
	line-height: 20px;
	padding-left: 200px;
	background-image: url(../img/download_02.jpg);
	background-repeat: no-repeat;
	background-position: 30px;
}
.download-box-icon {
	float:left;
	width:40%;
}
.download-box-list {
	font-weight: normal;
}
#description {
	font-size: 12px;
	color: #666;
	background-color: #F1F8FE;
	width: 800px;
	text-align: left;
	line-height: 20px;
	border-top:1px dotted #84ADD7;
	border-bottom: 1px dotted #84ADD7;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 10px 10px 10px 35px;	
}
	
.s3 {
	font-size: 13px;
	font-weight: bold;
	color: #20B7FF;
}
/* ===================
Footer
====================*/
.footer-nav li.copyright{
	padding-left:10px;
   *border:none;
	font-size:11px;
  }
#footer {
	background: url(../img/main_bottom.gif) left top no-repeat;
	margin:0 auto;
	width:923px;
}
.footer-nav {
    margin-top:15px;
	padding-left:10px;
	float:left;
	width:81%;
}
.footer-nav li.line{
	display:inline;
	padding: 0 10px;
	border-right:1px solid #ccc;
}
.footer-nav li.non_line {
    padding: 0 10px;
	display:inline;
	border-right:1px none #ccc;
}
.footer-nav li:last-child {
	border:none;
	font-size:11px;
}
#lang-selector {
	float:right;
	width:15%;
	text-align:right;
	padding-right:20px;
	margin-top:15px;
}
#footer a, #footer a:visited {
	color:#8d8d8d;
}
/* ===================
Menu
====================*/
.logo {
	margin:0px 0 10px 0;
}
.logo a {
	display:inline-block;
	margin-left:5px;
}
#navigation {
	position:absolute;
	bottom:0;
	right:0;
	text-align:right;
}
#navigation-box {
	text-align:right;
	margin-bottom:0px;
}
.mini-menu {
	font-size:10px;
	position:absolute;
	top:-2px;
	right:12px;
	width: 1020px;
	text-align:right;
}
.menu {
	float:right;
	margin-right:20px;
}
.mini-menu li {
	display:inline;
	margin:0 5px;
}
.menu li {
	background: url(../img/menu_left.gif) no-repeat left top;
	float:left;
	padding: 0 0 0 10px;
	margin:0 2px 0 -5px!important;
    margin:0 -2px 0 -5px;}
.menu a, .menu a:visited {
	background: url(../img/menu_right.gif) no-repeat right top;
	color:#666;
	display:block;
	padding: 13px 18px 8px 7px;
	font-size:12px;
}
.menu li.current {
	background: url(../img/orange_menu_left.gif) no-repeat left top;
}
.menu li.current a, .menu li.current a:visited {
	background: url(../img/orange_menu_right.gif) no-repeat right top;
	color:#fff;
}
.menu a:hover {
	color:#1fa6e2;
	text-decoration:none;
}
/*======================
Style
======================*/
.increase-height{ /*首頁下方高度不足所以加的css*/
	height:95px;
	}
.buynow {
	background: url(../img/btn_bak_left.gif) no-repeat left top;
	padding-left:7px;
	color:#fff;
    display: inline-block; 
	margin:0 auto;  
}
.buynow a, .buynow a:visited {
	background: url(../img/btn_bak_right.gif) no-repeat right top;
	padding:6px 13px 6px 6px;
	display:block;
	float:left;
	color:#fff;
	text-decoration:none;
}
.buynow a:hover {color:#fff;
	            text-decoration:none;
}

h1, h2, h3, h4, h5, p, li, ul, ol {
	vertical-align: baseline;
}
.lm5 {
	margin:0 5px;
}
.lm10 {
	margin:0 10px;
}
.login_line {
    border:#1fa6e2 1px solid;
}
    
.pb20 {
	padding-bottom:20px;
}
#page-container2 .en{
   padding-left:30px;
}
table {
	margin:10px 0;
}
th {
	background:#e5f6fd;
	color:#1FA6E2;
	font-size:13px;
	font-weight:normal;
}
#support_model td, th {
	border: 1px solid #ccc;
}
td {
}
.noBorder td {
	border:none;
	padding:10px 20px;
}
h3 {
	margin:10px 0;
	font-size:15px;
	color:#666;
	font-weight:bold;
	display: inline;
}
h4 {
	padding:15px 0 5px 0;
	font-size:13px;
	color:#666;
}
p {
	line-height:145%;
	font-size:100%;
	letter-spacing:0.1px;
	line-height:14<0%;
	margin:10px 0 15px 0;
}
.index_p{padding-left:10px;
        padding-right:10px;
		line-height:18px;
		}
 .clearfix .index_p p{
        line-height:18px;}

#login-btn .forgot_pwd a, a:visited {
	color: #1fa6e2;
	text-decoration: none;
	background-image: none;
	/*white-space:nowrap;*/
}
.float_r{
    float:right;
}
.news{
	float:left;
	display:block;
	padding-left:15px;
    position:absolute;
   *position:relative;

}
a, a:visited {
	color:#1FA6E2;
	text-decoration:none;
	font-size:12px;
}
a:hover {
	text-decoration:underline;
	color:#1FA6E2;
	text-decoration:none;
}
#page-content .no-list {
	padding:0;
}
#page-content .no-list li {
	list-style:none;
}
#page-content ul#fix-info {
	margin-top:20px;
}
#page-content ul.guide {
	margin:20px 0 20px 20px;
	padding:0;
}
#page-content ul.guide li {
	list-style:decimal;
	padding-left:10px;
}
.guide img {
	border:1px solid #ccc;
	padding:2px;
}
#fix-info li {
	margin:10px 0;
}
#fix-info label {
	float:left;
	width:135px;
}
.red {
	color:#ec614f;
	font-size:12px;
	line-height: 15px;
}
.red2 {
	color:#ec614f;
	font-size:10px;
	line-height: 12px;
}
#page-content .number {
	padding-left:25px;
	padding-bottom:10px;
}
#page-content .number li {
	list-style:decimal;
}
.margin_left{
    margin-left:20px;
	}
	
/* ===================
Clearfix
====================*/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;                  
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}
.clearit {
	height:1px;
	clear:both;
}
.clear{
	clear:both
}
/*======================
Email
======================*/
#mailer-wrapper .footer-nav {
	float:none;
	width:100%;
}
#mailer-wrapper {
	width:750px;
	margin:auto;
}
#mailer-box {
	border:1px solid #ccc;
	background:#fff;
}
.mail-content {
	padding-right:2%;
}
#mail-sidebar {
	font-size:13px;
	padding-top:10px;
}
.mail-sidebar-box {
	float:left;
	margin-right:40px;
}
#page-container-1col #mail-sidebar h2 {
	padding:0;
	margin:0;
	line-height:200%;
}
#page-container-1col-box #mail-sidebar ul {
	padding-bottom:15px;
}
#page-container-1col-box #mail-sidebar li {
	border-bottom:1px solid #eee;
	margin:0;
	padding:0;
	line-height:160%;
}
.mail-content h1 {
	font-size:250%;
}
/*======================
Form
======================*/
.disabled {
	opacity:0.5;
}
.require {
	color:#f04384;
	font-size:11px;
	margin-left:10px;
	letter-spacing:-0.5px;
	display:none;
}
#submit-button .require {
	display:inline;
}
.textfield {
	overflow:auto;
}
.textfield, textarea, select[size] {
	background-color:#fff;
	border:1px solid #ccc;
	padding-bottom:3px;
	padding-top:2px;
}
select {
	background-color:#FEFEFE;
	border:1px solid #c4cccc;
	font-size:11px;
	color:#A8A8A8;
}
.textfield:hover, .textfield:focus, textarea:hover, textarea:focus {
	border: 1px solid #ccc;
	background: #fff;
}
select:hover, select:focus {
	border-color:#8FB43E;
}
.textfield:focus, select:focus, textarea:focus {
	background-color:#FFFFFF;
}
.button:hover {
	outline-width:2px;
	text-decoration:none;
}
.submit {
	background:#FEFEFE url(../img/element_bg.gif) repeat-x;
	border:1px solid #c4cccc;
	color:#666666;
	cursor:pointer;
	padding:3px 9px;
	text-align:center;
	font-size:11px;
}
.submit:hover {
	background-color: #FFF;
	outline: #498EBA solid 1px;
}
input {
	margin-right:5px;
   
}
/*======================
Side Button
======================*/
.oxa div {
    display:block;
	background: url(../img/arrow.png) no-repeat 0px 0px !important;
	background: url(../img/arrow.gif) no-repeat;
}
.oxa div:hover {
	cursor:pointer;
	background: url(../img/arrow_hover.png) no-repeat 0px 0px !important;
	background: url(../img/arrow_hover.gif) no-repeat;	
}
#btn-eeepc div {
	background: url(../img/arrow_eeepc.png) no-repeat 0px 0px !important;
	background: url(../img/arrow_eeepc.gif) no-repeat;
}
#btn-eeepc div:hover {
	background: url(../img/arrow_eeepc_hover.png) no-repeat 0px 0px !important;
	background: url(../img/arrow_eeepc_hover.gif) no-repeat;	
}
#btn-quickstart div {
	background: url(../img/arrow_quick_start.png) no-repeat 0px 0px !important;
	background: url(../img/arrow_quick_start.gif) no-repeat;
}
#btn-quickstart div:hover {
	background: url(../img/arrow_quick_start_hover.png) no-repeat 0px 0px !important;
	background: url(../img/arrow_quick_start_hover.gif) no-repeat;	
}
#btn-space div {
	background: url(../img/arrow_space.png) no-repeat 0px 0px !important;
	background: url(../img/arrow_space.gif) no-repeat;
}
#btn-space div:hover {
	background: url(../img/arrow_space_hover.png) no-repeat 0px 0px !important;
	background: url(../img/arrow_space_hover.gif) no-repeat;	
}
#btn-protect div {
	background: url(../img/arrow_protect.png) no-repeat 0px 0px !important;
	background: url(../img/arrow_protect.gif) no-repeat;
}
#btn-protect div:hover {
	background: url(../img/arrow_protect_hover.png) no-repeat 0px 0px !important;
	background: url(../img/arrow_protect_hover.gif) no-repeat;	
}
#btn-share div {
	background: url(../img/arrow_share.png) no-repeat 0px 0px !important;
	background: url(../img/arrow_share.gif) no-repeat;
}
#btn-share div:hover {
	background: url(../img/arrow_share_hover.png) no-repeat 0px 0px !important;
	background: url(../img/arrow_share_hover.gif) no-repeat;	
}
#btn-manage div {
	background: url(../img/arrow_manage.png) no-repeat 0px 0px !important;
	background: url(../img/arrow_manage.gif) no-repeat;
}
#btn-manage div:hover {
	background: url(../img/arrow_manage_hover.png) no-repeat 0px 0px !important;
	background: url(../img/arrow_manage_hover.gif) no-repeat;	
}
#btn-homesever div {
	background: url(../img/arrow_homesever.png) no-repeat 0px 0px !important;
	background: url(../img/arrow_homesever.gif) no-repeat;
}
#btn-homesever div:hover {
	background: url(../img/arrow_homesever_hover.png) no-repeat 0px 0px !important;
	background: url(../img/arrow_homesever_hover.gif) no-repeat;	
}
#sub-menu li ul {
	background:#f8f8f8 url(../img/sub_menu_background_2.jpg) repeat-x;
}
#sub-menu li li {
	line-height:30px;
}
#sub-menu ul li li a {
	height:30px;
	display:block;
	line-height:30px;
	background: url(../img/sub-menu_arrow.gif) no-repeat;
	background-position:25px 10px;
	text-indent:45px;
}
.quick-start-list {
	width:100%;
}
.quick-start-list img {
	float:left;
	margin-bottom:10px;
	display:block;
}
.step_bt{
  margin-left:30px;
  }
.step_bt2{
  margin-left:150px;
  }
/*======================Advertise======================*/
a.tooltip{
	position:relative;
	color: #1fa6e2;
}
a.tooltip:hover{
	height:2em;/*Fixes bug in IE5.x/Win*/
}
a.tooltip span{
	display:none;
	text-decoration: none;
	}
	
a.tooltip:hover span{
	display:block;
	position:absolute;
	top:1.2em;
	left:0em;
	padding:0.2em 0.6em;
	border:1px dashed #1fa6e2;
	background-color:#FFFFFF;
	color:#666666;
	font-size: 12px;
	text-decoration: none;
	}

/*======================Button======================*/
a.button,button{display:block;float:left;margin:0 0.583em 0.667em 0;padding:7px 10px 7px 7px;/* Links */border:1px solid #dedede;border-top:1px solid #eee;border-left:1px solid #eee;background-color:#f5f5f5;font-family:"Lucida Grande",Tahoma,Arial,Verdana,sans-serif;font-size:100%;line-height:130%;text-decoration:none;font-weight:bold;color:#565656;cursor:pointer}
button{width:auto;overflow:visible;padding:4px 10px 3px 7px;/* IE6 */}
button[type]{padding:4px 10px 4px 7px;/* Firefox */line-height:17px;/* Safari */}
*:first-child+html button[type]{padding:4px 10px 3px 7px;/* IE7 */}
button img,a.button img{margin:0 3px -3px 0 !important;padding:0;border:none;width:24px;height:24px;float:none}
/* Standard */button:hover,a.button:hover{background-color:#dff4ff;border:1px solid #c2e1ef;color:#336699}
a.button:active{background-color:#6299c5;border:1px solid #6299c5;color:#fff}
/* Positive */body .positive{color:#529214}
a.positive:hover,button.positive:hover{background-color:#E6EFC2;border:1px solid #C6D880;color:#529214}
a.positive:active{background-color:#529214;border:1px solid #529214;color:#fff}
/* Negative */body .negative{color:#d12f19}
a.negative:hover,button.negative:hover{background:#fbe3e4;border:1px solid #fbc2c4;color:#d12f19}
a.negative:active{background-color:#d12f19;border:1px solid #d12f19;color:#fff}
/*======================Message======================*/
.message {
	margin-top: 60px;
	margin-bottom: 80px;
	margin-right: auto;
	margin-left: auto;
}
.message_txt{
	text-indent: 20px;
}
/* ===================
Buynow
====================*/
.price_bg{
	border-left:#ccc 1px dotted;
	padding-left:15px;
}
.price_bg2{
	border-bottom:#ccc 1px dotted;
}
#news_msg{
	position:absolute;
	left: 50%;
	margin-left: -225px;
	top:140px;
	height:260px;
	z-index:1000;
	visibility: hidden;
	width:460px;
	padding:1px;
    background-color: #fbfcfd;
    border:#bfe8fe 1px solid;
}
#news_msg .title{
	height:35px;
	line-height:20px;
	margin:0;
	padding-left:10px;
	background-image: url(../img/SS_header.gif);
	background-repeat: repeat-x;
}
#news_msg  p{
	padding-left:10px;
	padding-right:10px;
	}
.com_soon{
   font-size:13px;
   font-weight:bold;
   }
.oeo_embed{
   width:53%;
   float:left;
}
.oeo_embedbox img{
   float:right;
   }
.oeo_embedbox2{
   float:right;
   width:300px;
   position:relative;
   margin-top:-30px;
}
.activeinfo {
   font-size:12px;
   }
.activeinfo_map{
	background-image: url(../img/world_map.jpg);
	background-repeat: no-repeat;
	background-position: right 120px;
  }
.activeinfo_bg{
	background-image: url(../img/activeinfo_bg.jpg);
	background-repeat: repeat-x;
	margin-top:50px;
	border-top: 1px dashed #DBDBDB;
	border-bottom: 1px dashed #DBDBDB;
	}
.asus_plusimg{
	padding:5px;
	border:1px solid #CCCCCC;
	}
.asus_pluscontent{
		}
.asus_pluscontent li{
	background-image: url(../img/plus_mark.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:15px;
	padding-bottom:5px;
	padding-top:5px;
}
.btn-r{
	height: 39px;
	display: block;
	float: left;
}
	
.btn-l {
	height: 39px;
	width: 22px;
	background: url(../img/btn_download_01.jpg) no-repeat left top;
	float: left;
}

.btn-r a{
	background: url(../img/btn_download_02.jpg) no-repeat right top;
	color: #FFFFFF;
	font-size: 15px;
	font-weight: bold;
	line-height: 15px;
	display: block;
	float: left;
	height: 20px;
	padding: 12px 22px 7px 0px;
	
}
.btn-r a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}
#cancle-page-content{
	clear: both;
}
#file-download-box {
	width:580px;
	float: left;
	padding:20px 20px 0 0;
}
#download-description {
	font-size: 12px;
	color: #666;
	width: 240px;
	text-align: left;
	line-height: 21px;
	float: left;
	padding:5px 25px 10px 25px;
	margin:10px 10px 25px 0;
	border-left: 1px solid #EAEAEA;	
}
	
#download-description2{
	font-size: 12px;
	color: #666;
	background-color: #F1F8FE;
	width: 800px;
	text-align: left;
	line-height: 20px;
	border-top:1px dotted #84ADD7;
	border-bottom: 1px dotted #84ADD7;
	clear: both;
	margin: 20px auto 0 auto;
	padding: 10px 10px 10px 35px;
}
.blue_txt{
    color: #1fa6e2;
	font-size:12px;}