@charset "utf-8";
body {
	margin: 0;
	padding: 0;
	background-color: #fff;
}
body, table { font-family: "微軟正黑體", Arial , Helvetica, sans-serif;}
img {
	border: none;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.clear {
	clear: both;
}
dl,dt,dd{ padding:0; margin:0;}
.container {
	width: 100%;
	margin: 0 auto;
	position: relative;
}
/***********************head*************/
.head {
	width: 960px;
	margin: 10px auto 0 auto;
}
.head_logo {
	width: 190px;
	height: 60px;
	float: left;
	margin: 0 0 25px 10px;
}
.head_banner {
	width: 500px;
	height: 50px;
	float: left;
	margin: 10px 0 25px 10px;
}
.head_notice{
	color: #101010!important;
	font-weight: bold;
	text-decoration-line: none;
}
.head_banner img{float: left;}
.head_right {
	width: 90px;
	float: right;
}
.head_fb {
	font: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	/*width: 405px;*/
	float: right;
	margin: 15px 0 5px 0px;
	border-bottom: 1px solid #d7d7d7;
}
.head_fb span {
	font-size: 12px;
	font: Arial, Helvetica, sans-serif;
	color: #C00;
}
.head_fb a {
	color: #666666;
	text-decoration: none;
	display: block;
	float: left;
}
.head_fb a:hover {
	color: #C00;
}
.head_fb a img {
	display: block;
}
.head_fb ul {
	padding: 0px;
	margin: 0px;
}
.head_fb li {
	float: left;
	margin: 0 7px 0 0;
	list-style: none;
}
.head_trend {
	width: 90px;
	height: 35px;
	float: right;
}
/***********************kv*************/
.kv_div {
	width: 960px;
	margin: 0 auto 30px auto;
}
.kv {
	width: 850px;
	height: 295px;
	float: left;
	position: relative;
}
.kvcut {
	position: absolute;
	top: 0;
	left: 0;
}
.kvmenu {
	position: absolute;
	bottom: 10px;
	right: 10px;
}
.kvmenu li {
	width: 27px;
	height: 10px;
	float: left;
}
.kvmenu li img {
	display: block;
}
.kv_right {
	width: 102px;
	height: 297px;
	float: right;
	margin:0 5px 0 0;
}
.kv_bt a {width:102px;height:97px;display: block;text-indent: -10000px; margin-bottom:3px; background:url(../../images/2017/kvRight_btn.png); margin-bottom:3px;}
.kv_bt a:hover{ background-position:right 0;}
.kv_bt .buy{background-position:left 197px;}
.kv_bt .buy:hover{background-position:right 197px;}
.kv_bt .renewal{background-position:left 97px;}
.kv_bt .renewal:hover{background-position:right 97px;}
/*.kv_bt .renewal{ background-position:left 97px;}
.kv_bt .free{ background-position:left 197px;}
.kv_bt .renewal:hover{ background-position:right 97px;}
.kv_bt .free:hover{ background-position:right 197px;}*/

.kv_bottom{ clear:both; overflow:hidden; padding-top:15px;}
.kv_bottom>ul,.kv_bottom>div{ float:left;}
.kv_bottom>ul a{ display:block; background-image:url(../../images/2017/kvbottom_left.gif); width:191px; height:64px;}
.kv_bottom>ul .kv_bottom_lastLi a{ background-position:0 bottom;}
.kvBottom_mid1{ width:287px; height:127px; margin-left:3px;float:left;}
.kvBottom_mid2{ width:287px; height:127px; margin-left:3px;float:left;}
.kvBottom_midWrapper{ float:left;}
.kvBottom_right{ width:180px; height:125px; margin-left:3px;}
.kv_bt2 {
	width: 180px;
	height: 60px;
	padding-bottom:2px;
}

/***********************index_Menu*************/

.nav_index {
	list-style: none;
	width: 100%;
	float: left;
	margin: 0 0 13px 0;
	padding: 0;
	z-index: 99;
	position: relative;
	border-bottom:solid 1px #e0e0e0;
}
.nav_index>ul{ width:960px; margin:0 auto; height:45px; border-top:solid 1px #e0e0e0; border-left:solid 1px #e0e0e0; border-right:solid 1px #e0e0e0;}
.nav_index>ul>li {
	position:relative;
	float: left;
	text-align:center;
	border-right:solid 1px #e0e0e0;
}
.nav_index>ul>li>a {
	display: block;
	line-height:45px;
	width: 191px;
	text-decoration:none;
	font-family: "微軟正黑體", Arial , Helvetica, sans-serif;
	color:#404040;
}
.nav_index>ul>li>a:hover{ background:url(../../images/nav_bgHover.jpg) repeat-x;}
.index1 li{ float:left;}
.nav_index .index5{border-right:none;}
.nav_index .index5>a{width: 192px;}

/** 2015-1 選單更改 **/
.mainmenu.menu_1{ box-shadow:0 10px 10px -5px #000; width:960px; position:absolute;left:-1px;top:45px; background-color:#FFF; background-image:none; display: none;z-index:100; border-style:solid; border-width:0 1px 1px; border-color:#e0e0e0; padding-bottom:0;}
	.mainmenu dl{ width:240px;  float:left; text-align:center;padding-bottom:20px;}
	.mainmenu dl:last-child dt{ border-right:none;}
		.mainmenu dt{ background-color:#e0e0e0; font-weight:bolder; padding:10px 20px; text-align:left; border-right:solid 1px #FFF; color: #c00; font-size:14px;font-family: "微軟正黑體", Arial , Helvetica, sans-serif;}
		.mainmenu dd{ text-align:left; padding:6px 20px;}
			.mainmenu dl a{ text-decoration:none; }
			.mainmenu dt a{ color: #c00;}
			.mainmenu dd a{ color: #787878; background: url(../../images/menu_dd_bg.png) no-repeat left center; padding-left:10px; font-size:13px;}
			
.mainmenu {
	background-color: #d9d9d9;
	width: 960px;
	position: absolute;
	left: 0;
	top: 45px;
	background-image: url(../../images/bg_bg.jpg);
	background-repeat: no-repeat;
	display: none;
	z-index:100;
	padding-bottom:20px;
}

.mainmenu li {
	width : 240px;	/* 208px改成240px */
	float: left;
	text-align: center;
	padding-top: 11px;
}
.mainmenu li.Width187px{ width:187px;}
.mainmenu li.Width187px li{ text-align:center;}
.mainmenu li.Width187px .link{ padding-left:48px;}
.mainmenu li.Width190px{ width:190px;}
.mainmenu li.Width190px li{ width:80px;}
.mainmenu li.Width190px .link{ padding-left:24px;}
.mainmenu .link a {
	color: #5a5a5a;
	text-decoration: none;
	font-size: 13px;
	background-image: none;
	text-indent: 0;
/*	width: 98px;
	height: auto;
	display: inline;*/
}
.mainmenu .link a:hover {
	color: #C00;
	background-image: none;
}
.member_adv {
	width: 192px;
}
.support_adv {
	width: 192px;
}
.news_adv {
	width:192px;
}
.link {
	padding:16px 0 0 25px;
	overflow:hidden;
}
.link.leftPadding{padding-left:40px;}
.link li {
	padding-top: 0;
	width: 150px;
	float: left;
	text-align: left;
}
.link li.moreWidth {
	width: 150px;
}

/***********************main*************/
.main {
	width: 960px;
	overflow: hidden;
	margin:0 auto;
	padding-bottom:8px;
	background:url(../../images/main_lineBg.jpg) repeat-x 0 bottom;
	font-family:Arial, Verdana, "微軟正黑體", "細明體";
}
.main.paddingTop{ padding-top:15px;}
.main h2{ background:url(../../images/main_h5.jpg) no-repeat left 0; line-height:27px; font-size:17px; margin:0 0 12px 8px; padding-left:12px; font-weight:bold;}
.main>ul{ overflow:hidden;}
	.main>ul>li{ float:left; width:290px; height:180px;  padding-bottom:10px; padding-left: 10px;}
	.main>ul>li:first-child{padding-left: 70px;}
	.main .mainLiLast{ background:none;}
		.main h5{ font-size:18px; margin:0; padding-left:15px;}
			.main h5 a{color:#000; text-decoration:none;}
			.main h5 span{ font-size: 14px;}
		.main strong{ font-size:13px; color:#cf4a44; font-weight:normal; padding-left:15px;}
		.main_list{ padding-top:15px; overflow:hidden;}
			.main_listImg{ width:100px; float:left; padding-left:5px;}
			.main_list ul{ float:left; width:135px;}
				.main_list li{padding-left: 12px;}
					.main_list a{ color:#560f11; font-size:12px; text-decoration:none;} 
					.main_list a:hover{ text-decoration:underline;}
	.mainLiLast.mainLiLast_mu .main_listImg{ padding:15px 0 0 25px;}
	/*.mainLiLast.mainLiLast_mu .main_list{ padding-top:5px;}
	.mainLiLast.mainLiLast_mu .main_listImg{ float:none; margin-left:50px;}
	.mainLiLast.mainLiLast_mu .main_list ul{ float:none; width:auto; overflow:hidden;}
		.mainLiLast.mainLiLast_mu .main_list ul li{ float:left;}*/

.main_listImg_center{display: block; text-align: center;}

.solve_left {
	font: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	width: 250px;
	height: 270px;
	float: left;
	background: url(../../images/Solve_bg.gif) no-repeat;
}
.solve_left a {
	color: #333;
	text-decoration: none;
}
.solve_left a:hover {
	color: #C00;
}
.solve_left ul {
	padding: 0;
	margin: 64px 0 0 32px;
}
.solve_left li {
	margin: 0 0 10px 0;
	color: #C00;
}
.solve_box {
	width: 190px;
	height: 65px;
	float: left;
	margin: 25px 5px 0 5px;
}
.solve_logo {
	width: 190px;
	height: 65px;
	float: left; margin-bottom:25px;
} 
.solve_logo img {
	float: left;
}
.solve_txt {
	width: 117px;
	height: 50px;
	margin: 15px 0 0 8px;
	float: left;
}
.solve_Arrow {
	width: 15px;
	height: 15px;
	float: left;
	margin: 55px 0 0 10px;
	cursor: pointer;
}
.solve_Arrow2 {
	width: 15px;
	height: 15px;
	float: left;
	margin: 55px 0 0 0px;
	cursor: pointer;
}
.protect {
	width: 700px;
	height: 270px;
	float: right;
	background: url(../../images/Protect.gif) no-repeat;
	position: relative;
}
.protect ul {
	padding: 0;
	margin: 67px auto 0 auto;
}
.protect li {
	margin: 0 0 0 46px;
	float: left;
	list-style: none;
}
.protect img {
	display:block;
}
.protect_main {
	width: 700px;
	height: 100px;
	float: left;
	margin-top: 5px;
}
.redpointer {
	position: absolute;
	left: 83px;
	top: 163px;
}
.pc {
	float: left;
	font-size: 12px;
	font: Arial, Helvetica, sans-serif;
	color: #444444;
	width: 560px;
	height: 100px;
}
.pc ul { 
	padding: 0;
	margin: 5px 0 20px 0;
	float:left;
}
.pc li {
	width: 270px;
	float: left;
	margin: 10px 2px 0 8px;
	list-style: none;
}
.pc li span {
	color: #c00;
	margin-right:5px;
}
.pc li a {
	text-decoration: none;
	color: #444;
}
.pc li a:hover {
	color: #c00;
}
.pc_bt_div {
	text-align: center;
	width: 136px;
	height: 90px;
	float: left;
	background: url(../../images/pc_bt_bg.jpg) no-repeat;
	margin-bottom:20px;
}
.pc_bt_div ul {
	padding: 0;
	margin: 0;
}
.pc_bt_div li {
	padding: 0;
	margin: 0;
	float: left;
	list-style: none;
}
.pc_bt {
	width: 114px;
	height: 51px;
	margin: 5px 0px 0 15px;
}
.pc_bt a {
	display: block;
	width: 114px;
	height: 51px;
	background-image: url(../../images/pc_btn.png);
}
.pc_bt a:hover {
	background-image: url(../../images/pc_btn_ov.png);
}
.buy_bt {
	float: left;
	width: 55px;
	height: 23px;
	margin-top: 5px;
	margin-right: 3px;
	margin-bottom: 0;
	margin-left: 15px;
}
.buy_bt a {
	display: block;
	width: 55px;
	height: 23px;
	background-image: url(../../images/buy_btn.png);
}
.buy_bt a:hover {
	background-image: url(../../images/buy_btn_ovr.png);
}
.renewal_bt {
	float: left;
	width: 56px;
	height: 23px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
}
.renewal_bt a {
	display: block;
	width: 56px;
	height: 23px;
	background-image: url(../../images/renew_btn.png);
}
.renewal_bt a:hover {
	background-image: url(../../images/renew_btn_ovr.png);
}
.otherdevice_bt {
	width: 114px;
	height: 51px;
	margin: 5px 0px 0 15px;
}
.otherdevice_bt a {
	display: block;
	width: 115px;
	height: 51px;
	background-image: url(../../images/buy_btn_soon.png);
}
.otherdevice_bt a:hover {
	background-image: url(../../images/buy_btn_soon_ov.png);
	cursor: default;
}






.mani_dw {
	width: 960px;
	height: 66px;
	margin: 20px auto 0 auto;
	/*
	background: url(../../images/bg.jpg) no-repeat;
	*/
}
.mani_dw_div01 {
	margin: 0 30px 0 0;
	width: 228px;
	height: 66px;
	float: left;
}
.mani_dw_div02 {
	margin: 0 50px 0 0;
	width: 170px;
	height: 66px;
	float: left;
}
.mani_dw_div03 {
	width: 149px;
	height: 66px;
	float: left;
}
.mani_dw_div04 {
	margin: 7px 5px 0 30px;
	padding-left:30px;
	border-left:solid 1px #c1c1c1;
	width: 85px;
	float: left;
}
.mani_dw_div05 {
	margin: 7px 5px 0 0;
	width: 85px;
	float: left;
}
.mani_dw_div06 {
	width: 85px;
	float: left;
}
/** index_jB **/
.index_jB{ width:480px; height:190px; background:url(../../images/main_liBg.jpg) repeat-y right center; float:left;}
.index_jBMenu{ overflow:hidden;}
.index_jBMenu>a{ float:left;}
.index_jBMenu>ul{ float:left; width:240px; padding-left:40px;}
	.index_jBMenu>ul li{ width:90px; float:left; margin-bottom:8px;}
		.index_jBMenu>ul a{ color:#560f11; font-size:12px; text-decoration:none;}
		.index_jBMenu>ul a:hover{ text-decoration:underline;}
.main>a{ float:left; padding:10px 0;}

/***********************ft*************/
.ft_div {
	width: 100%;
	margin: 0;
	/*--background-color:#e5e5e5;--*/
	 font-family:Arial, Verdana, "微軟正黑體", "細明體";
}
.ft {
	width: 960px;
	margin: 0 auto;
	overflow:hidden;
}
.ft_box {
	width: 142px;
	float: left;
	margin: 20px 0 0 0;
} 
.ft_box:nth-child(1), .ft_box:nth-child(2){
	width: 196px;
}

.ft_box span {
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;

}
.ft_box ul {
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding: 0;
	margin: 5px 0 0 0;
	font-weight: normal;
}
.ft_box li {
	margin: 10px 0 10px 0px;
	/*background:url(../../images/dot_footer.gif) no-repeat top left;
	padding-left:15px;*/
}
.ft_dw {
	width: 960px;
	text-align: center;
	margin: 10px auto 20px auto; 
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	font-size: 12px;
	background:url(../../images/line_footer.gif) no-repeat top center;
	padding-top:20px;
	color:#666;
}
.ft_box ul a {
	color: #666;
	text-decoration: none;
}
.ft_box ul a:hover {
	color: #C00;
	text-decoration: none;
}
.ft_lineTop { width:960px; margin:30px auto 0 auto;
               background:url(../../images/line_footer.gif) no-repeat top center;}

.applyBtn{ display:block; width:189px; height:49px; background:url(../../images/apply_btn.png); text-indent:-9999px; margin:0 auto; background-position: top;}
.applyBtn:hover{background-position: bottom;}
	
.index_protect{ float:left; width:240px; height:180px; background:url(../../images/main_liBg.jpg) repeat-y right 0; padding-bottom:10px;}
.index_protect.no_bg{ background-image:none;}	
	.index_protect h5{ font-size:18px; margin:0; padding-left:15px;}
		.index_protect h5 a{color:#000; text-decoration:none;}
	.index_protect strong{ font-size:13px; color:#cf4a44; font-weight:normal; padding-left:15px;}
		.main_listImg{ width:100px; float:left; padding-left:5px;}
		.main_list ul{ float:left; width:135px; margin-top: 12px; }
			.main_list a{ color:#666666; font-size:13px; text-decoration:none;} 
			.main_list a:hover{ text-decoration:underline;}
			











