@charset "utf-8";
a:link {
	color:#000;
	text-decoration: none;
}
a:hover {
color: #FF6600;

text-decoration: underline;

}
a:visited{
	color:#000;
}

.li{
	

}
.wrapper {
	width:960px;
	margin:0 auto;
	left:10px;
}
.mz_content {
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 0px;
	padding-left: 0px;
	width: 960px;
	height: 300px;
	padding-top: 0px;

}

.wrapper .mz_content .mz_top {
	position: relative;
}

.wrapper .mz_content .mz_top .mz_title {
	position:relative;
	color:#f28423;
	font: inherit;
	font-size:24px;	
	margin-left: 18px;
	margin-top: 24px;
}
.wrapper .mz_content .mz_top .greeting {
	position: relative;
	float:left;
	font-size: 16px;
	margin-left: 18px;
	margin-top: 20px;
}


.wrapper .mz_content .mz_top .mz_member_grade {
        height: 32px;
        position: relative;
        float: right;
        font-size: 13px;
        margin-top: 10px;
        margin-right: 20px;
}
.wrapper .mz_content .mz_top .mz_member_grade .mz_member_badge {
        position: relative;
        width:30px;
}
.wrapper .mz_content .mz_top .mz_member_grade .mz_mamber_gradename {
        width:100px;
        
        position: relative;
        margin-left:35px;
        margin-top:-15px;
}


.wrapper .mz_content .mz_top .mz_member_gift {
    position: relative;
    float:right;
    font-size:13px;   
    margin-top: 10px;   
        margin-right:20px;
}
.wrapper .mz_content .mz_top .mz_member_gift .mz_gift_pic {
        position: relative;
}
.wrapper .mz_content .mz_top .mz_member_gift .mz_gift_name {
        
        position: relative;
        margin-left:35px;
        margin-top:-17px;
}


.wrapper .mz_content .mz_top .mz_logout {
    position: relative;
    float:right;
    font-size:13px;
        margin-right:20px;
    margin-top: 15px;   
}
.wrapper .mz_content .mz_top .mz_logout .logout {
        position: relative;
        display:block;
        cursor:pointer;
        width:21px;
        height:26px;
        z-index:35;       
                background-image:url(../image/logout1.gif)
}


.wrapper .mz_content .mz_top .mz_logout .logout_name {  
        position: relative;
        margin-left:27px;
        margin-top:-15px;
}


a.logout { background-image:url(../image/logout1.gif); }
a.logout:hover { background-image:url(../image/logout2.gif); }


.wrapper .mz_content .mz_top .mz_banner {
	position: relative;
	float:left;
	margin-top:10px;
	margin-left:15px;
	width:930px;
	height:220px;
}


.wrapper .mz_content .mz_top .mz_banner .mz_banner_bg {
	position: relative;
	float:left;
	height: 208px;
	width: 930px;
	left:0px;
}

.wrapper .mz_content .mz_top .mz_banner .mz_banner_arrow_l {
	position: absolute;
	display:block;
	cursor:pointer;
	width:15px;
	height:17px;
	top:90px;
	left:5px;
}
.wrapper .mz_content .mz_top .mz_banner .mz_banner_arrow_r {
	position: absolute;
	display:block;
	cursor:pointer;
	width:15px;
	height:17px;
	top:90px;
	right:5px;
}
a.mz_banner_arrow_l { background-image:url(../image/arrow_l.gif); }
a.mz_banner_arrow_l:hover { background-image:url(../image/arrow_l2.gif); }
a.mz_banner_arrow_r { background-image:url(../image/arrow_r.gif); }
a.mz_banner_arrow_r:hover { background-image:url(../image/arrow_r2.gif); }

.wrapper .mz_content .mz_top .mz_banner .mz_banner_bg .mz_banner_txt {
	position:absolute;
	font-size:13px;
	line-height:20px;
	width:540px;
	top:20px;
	left:20px;	
}

.wrapper .mz_content .mz_top .mz_banner .mz_banner_bg .mz_banner_pic {
	padding:1px;
	background-color:#cecece;
	position: absolute;
	top:20px;
	right:20px;
}
.slide .mz_banner_txt {
	
	font-size:13px;
	line-height:20px;
	width:480px;
	top:20px;
	left:20px;	
}

.slide.mz_banner_pic {
	padding:1px;
	background-color:#cecece;
	position: absolute;
	top:20px;
	right:20px;
}
/* Banner灰底文字圖片 END */



.wrapper .mz_content .my_cyberlink_products {	
	position:relative;
	float:left;
	width: 460px;
	z-index: 100;
	margin-left: 15px;
	margin-top:10px;
}
.wrapper .mz_content .my_account {
	position: relative;
	float:left;
	width: 460px;
	z-index: 100;
	margin-left: 10px;
	margin-top:10px;
}

.wrapper .mz_content .mz_top .my_cyberlink_products .my_cyberlink_products_title {
	font-weight:bold;
	width: 430px;
	height:23px;
	position: absolute;
	display: block;
	z-index: 751;
	left: 15px;
	top: 10px;
	font-size:18px;
	
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #ef7c1f;	
}
.wrapper .mz_content .mz_top .my_account .my_account_title {
	font-weight:bold;
	width: 430px;
	height:23px;
	position: absolute;
	display: block;
	z-index: 752;
	left: 15px;
	top: 10px;
	font-size:18px;

	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #ef7c1f;
}
.wrapper .mz_content .mz_top .my_cyberlink_products .my_cyberlink_products_title_sub1 {
	position: absolute;
	display: block;
	z-index: 753;
	left: 30px;
	top: 40px;
	line-height:20px;
	font-size:13px;
	text-decoration:none;
}
.wrapper .mz_content .mz_top .my_cyberlink_products .my_cyberlink_products_title_sub2 {
	position: absolute;
	display: block;
	z-index: 754;
	left: 240px;
	top: 40px;
	line-height: 20px;
	font-size: 13px;

}


.wrapper .mz_content .mz_top .my_account .my_account_title_sub1 {
	position: absolute;
	display: block;
	z-index: 755;
	left: 20px;
	top: 30px;
	line-height: 20px;
	font-size:13px;

}
.wrapper .mz_content .mz_top .my_account .my_account_title_sub2 {
	position: absolute;
	display: block;
	z-index: 754;
	left: 240px;
	top: 30px;
	line-height: 20px;
	font-size:13px;

}
.option_more {
	font-size:13px;
	color:#3e7cb1;
	
	top: 5px;
	margin-left:20px;
}

.option_more a:link {
	color:#3e7cb1;
}
.option_more a:visited {
	color:#3e7cb1;
}
.wrapper .mz_content .mz_top .section_support {
	position:relative;
	float:left;
	width: 245px;
	height: 130px;
	z-index: 801;
	margin-left: 15px;
	margin-top: 20px;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color:#CCC;
	
}
.wrapper .mz_content .mz_top .section_tutorial {
	position:relative;
	float:left;
	width: 203px;
	height: 130px;
	z-index: 802;
	margin-left: 15px;
	margin-top: 20px;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color:#CCC;
}
.wrapper .mz_content .mz_top .section_services {
	position:relative;
	float:left;
	width: 220px;
	height: 130px;
	z-index: 803;
	margin-left: 15px;
	margin-top: 20px;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #CCC;
}
.wrapper .mz_content .mz_top .section_servicesSubscription {
	position:relative;
	float:left;
	width: 220px;
	height: 130px;
	z-index: 803;
	margin-left: 15px;
	margin-top: 20px;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #CCC;
}

.wrapper .mz_content .mz_top .section_servicesSubscription {
	position:relative;
	float:left;
	width: 220px;
	height: 130px;
	z-index: 803;
	margin-left: 15px;
	margin-top: 20px;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #FFF;
}

.wrapper .mz_content .mz_top .section_MVP {
	position:relative;
	float:left;
	width: 220px;
	height: 130px;
	z-index: 804;
	margin-left: 15px;
	margin-top: 20px;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #FFF;
}

.wrapper .mz_content .mz_top .section_MVPSubscription {
	position:relative;
	float:left;
	width: 220px;
	height: 130px;
	z-index: 804;
	margin-left: 15px;
	margin-top: 20px;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #FFF;
}

.wrapper .mz_content .mz_top .section_MVPSubscription {
	position:relative;
	float:left;
	width: 220px;
	height: 130px;
	z-index: 804;
	margin-left: 15px;
	margin-top: 20px;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #CCC;
}


.wrapper .mz_content .mz_top .section_support .section_support_title {
	
	color:#990000;
	position: absolute;
	left:30px;
}
.wrapper .mz_content .mz_top .section_tutorial .section_tutorial_title {
	
	color:#990000;
	position: absolute;
	left:20px;
}
.wrapper .mz_content .mz_top .section_services .section_services_title {
	
	color:#990000;
	position: absolute;
	left:20px;
}
.wrapper .mz_content .mz_top .section_servicesSubscription .section_services_title {
	
	color:#990000;
	position: absolute;
	left:20px;
}
.wrapper .mz_content .mz_top .section_MVP .section_MVP_title {
	
	color:#990000;
	position: absolute;
	left:20px;
}

.wrapper .mz_content .mz_top .section_MVPSubscription .section_MVP_title {
	
	color:#990000;
	position: absolute;
	left:20px;
}


.wrapper .mz_content .mz_top .section_support .section_support_title_sub {
	position: relative;
	top:15px;
	left:30px;
	line-height: 20px;
	font-size:13px;
}
.wrapper .mz_content .mz_top .section_tutorial .section_tutorial_title_sub {
	position: relative;
	top:15px;
	left:20px;
	line-height: 20px;
	font-size:13px;
}
.wrapper .mz_content .mz_top .section_services .section_services_title_sub {
	position: relative;
	top:15px;
	left:20px;
	line-height: 20px;
	font-size:13px;
}
.wrapper .mz_content .mz_top .section_servicesSubscription .section_services_title_sub {
	position: relative;
	top:15px;
	left:20px;
	line-height: 20px;
	font-size:13px;
}
.wrapper .mz_content .mz_top .section_MVP .section_MVP_title_sub {
	position: relative;
	top:15px;
	left:20px;
	line-height: 20px;
	font-size:13px;
}

.wrapper .mz_content .mz_top .section_MVPSubscription .section_MVP_title_sub {
	position: relative;
	top:15px;
	left:20px;
	line-height: 20px;
	font-size:13px;
}

.wrapper .mz_content .mz_top .section_recommendation {
	position:relative;
	float:left;
	width: 960px;
    height: 280px;
	z-index: 901;
	margin-left: 15px;
	margin-top: 20px;
	border-width: thin;
	border-style: solid;
	border-color: #ffffff;
}
.wrapper .mz_content .mz_top .section_recommendation .section_recommendation_title {
	position:relative;
	float:left;
	font-weight:bold;
	width: 910px;
	height:20px;

	display: block;
	z-index: 902;
	left: 10px;
	top: 0px;
	font-size:16px;
	
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #ef7c1f;	
}
.wrapper .mz_content .mz_top .section_recommendation .section_recommendation_trials {
	position: relative;
	float:left;
	width: 240px;
	margin-top:10px;
	
}
.wrapper .mz_content .mz_top .section_recommendation .section_recommendation_offers {
	position: relative;
	float:left;
	width: 720px;
	margin-top:10px;
	
}
.wrapper .mz_content .mz_top .section_recommendation .section_recommendation_trials .section_recommendation_trials_title {
	position:relative;
	float:left;
	color:#990000;

	margin-left:20px;
}
.wrapper .mz_content .mz_top .section_recommendation .section_recommendation_offers .section_recommendation_offers_title {
	position:relative;
	float:left;
	color:#990000;

	margin-left:10px;
}
.wrapper .mz_content .mz_top .section_recommendation .section_recommendation_offers .section_recommendation_offers_products {
	position:relative;
	float:left;
	width: 690px;

	margin-top:10px;
	
}
.wrapper .mz_content .mz_top .section_recommendation .section_recommendation_trials .section_recommendation_trials_products {
	position:relative;
	float:left;
	font-size:13px;
	padding:15px;
	width: 190px;
	height:184px;

	margin-top:10px;
	left:10px;
	background-color:#f1f1f1;
	vertical-align:central;
	   
}
.align_center {
	position:relative;
	top:-5px;
	
}
.wrapper .mz_content .mz_top .section_free_html {
	position:relative;
	float:left;
	width: 910px;
	z-index: 951;
	margin-left: 25px;
	margin-top: 0px;
	border-width: thin;
	border-style: solid;
	border-color: #fff;
	
}


#path {
	width: 910px;
	padding-left: 20px;
	font-size: 13px;
	color: #333333;
	display: block;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 10px;
}
#path a {
	color: #000000;
	font-size: 13px;
	text-decoration: underline;
}
#path a:hover {
	color: #0066CC;
	text-decoration: underline;
}
#path span {
	color: #000000;
	font-size: 13px;
}


.wrapper .mz_content .my_account1 {
	position: relative;
	float:left;
	width: 460px;
	z-index: 100;
	margin-left: 10px;
	margin-top:10px;
}

.wrapper .mz_content .mz_top .my_account1 .my_account_title {
	font-weight:bold;
	width: 430px;
	height:23px;
	position: absolute;
	display: block;
	z-index: 752;
	left: 15px;
	top: 10px;
	font-size:18px;

	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #ef7c1f;
}

.wrapper .mz_content .mz_top .my_account1 .my_account_title_sub1 {
	width:420px;
	position: absolute;
	display: block;
	z-index: 755;
	left: 30px;
	top: 40px;
	line-height: 20px;
	font-size:13px;

}

.wrapper .mz_content .mz_top .my_account1 .my_account_title_sub2 {
	position: absolute;
	display: block;
	z-index: 754;
	left: 240px;
	top: 30px;
	line-height: 20px;
	font-size:13px;

}

.no_subs {
}
.no_subs a {
	color: #3e7cb1;
	text-decoration: underline;
}
.no_subs a:hover {
	color: #f60;
	text-decoration: underline;
}


.plan_list {
 line-height:5px;
 margin-top:5px; 
 margin-bottom:5px;
 color:#000;
}

.wrapper .mz_content .mz_top .my_account1 .my_account_title_sub1 .plan_list p, table, td, tr {
 line-height:10px;
}