/* CSS Document */

* { 	margin:0; padding:0;	border:0;}
body{ background:url(../image/bg_bot.jpg) bottom center repeat;	 border:0;	 font-family:'Myriad Set Pro', 'Arial', 'Helvetica', 'sans-serif';  font-size:16px; color:#666; line-height:21px; z-index:-10000;}

/* ============================= main layout ====================== */

a{ color:#00aeef; text-decoration: underline; cursor:pointer; outline:none}
a:hover{ text-decoration: none;}
li{ list-style:none}
h1, .t1{ 	font-family:'Myriad Set Pro', 'Arial', 'Helvetica', 'sans-serif';  font-size:36px; color:#222222; line-height:38px; padding:35px 0 24px 0; font-weight:200; }
.t1{	font-size:36px;color:#666;font-weight:200; }
h2{	 font-size:28px; color:#333; line-height:20px; padding:35px 0 20px 0;font-weight:400; }
p{ padding-bottom:18px;}
img{ vertical-align:top}
/* .under{ background:url(../image/line_hor1.jpg) bottom repeat-x;} */
.spacing{clear:both;height:35px;overflow:hidden;}
.spacing2{clear:both;height:40px;overflow:hidden;}
.spacing3{clear:both;height:20px;overflow:hidden;}
.spacing4{clear:both;height:32px;overflow:hidden;}
.spacing5{clear:both;height:38px;overflow:hidden;}
.clear{ clear:both; overflow:hidden;}

/* ============================= header ====================== */
#login{ width:958px; padding-top:3px;height:30px; text-align:right;line-height:23px; font-size:15px; color:#949494; position:relative; z-index: 100;}
#login a{ text-decoration:none;}
#lang1 { margin-top:3px; padding-left:10px;}
.ind_sns{ margin-top:2px; padding-left:10px;}
#lang { float: right; margin: 0; padding: 0;  font-size: 16px;padding-right:10px;}
#lang a { text-decoration: none; color: #333; margin: 0px; padding: 0px; line-height: 21px; }
#lang_option { margin:0; line-height: 13px;  z-index: 100; height: 130px; padding:0 2px; border:3px solid #eee; background-color:#fff; position:absolute; left:900px; top:28px;}
#lang_option dl { width:45px; text-align: center; margin:0; padding:0; }
#lang_option dt { height: 2px; }
#lang_option dd { color: #666666; font-size: 14px; line-height: 25px; margin: 0px; padding: 0px; border-bottom:1px dotted #D5D5D5; }
#lang_option a { text-decoration: none; color: #333; font-size: 15px; display:block; }
#lang_option a:hover {display:block; background:#03A0EF 0 0; }
.i-share { font-size:15px;}
.i-share a{ text-decoration:none; padding-right:12px; color:#949494;}



#logo{float:left;padding-top:15px;}
#menu { float:right; height:59px; padding:40px 0 0 0;}
#menu li { float:left; padding-left:10px}
#menu li a{ float:left; font-size:17px; color:#666; text-decoration:none; line-height:30px; }
#menu li a span{ float:left;}
#menu li a span span{ margin:0 14px; padding-bottom:29px;}
#menu li a:hover, #menu #menu_active a{color:#fff; background:url(../image/menu_left.gif) top left no-repeat;}
#menu li a:hover span, #menu #menu_active a span{ background:url(../image/menu_right.gif) top right no-repeat;}
#menu li a:hover span span, #menu #menu_active a span span{ background:url(../image/menu_bg.gif) top repeat-x;} 

#head_banner h1{ padding:35px 0 10px 0}
#head_banner .font1{ font-size:22px; line-height:28px; color:#636363; font-family: 'Noto Sans', sans-serif; }
#head_banner .font1 span{ color:#00bdf3}

.banner_img {width:960px;height:356px;overflow:hidden;position:relative;}
.banner_nums {	width:80px;height:20px;position:relative;z-index:500005;float:right;margin-top:320px;display:inline;overflow:hidden;}
.banner_img .container {margin:0px auto;}
.banner_nums li {display:inline;width:19px;height:19px;float:left;background:url(../image/banner_numbg.jpg) no-repeat;margin:1px;line-height:19px;text-align:center;}
.h_banner {width:960px;	height:356px;margin:0px auto;position:relative;}
.h_banner .imgs li {position:absolute;}
.h_banner .num li {	display:inline;	width:15px;	height:15px;float:left;		margin:3px; background:#4b6d3f; -moz-border-radius: 15px;      /* Gecko browsers */
    -webkit-border-radius: 15px;   /* Webkit browsers */
    border-radius:15px;            /* W3C syntax */line-height:15px;text-align:center;	position:relative;	z-index:1000000;}
.h_banner .num li.curr {display:inline;	width:15px;	height:15px;float:left;	 background:#fff;margin:3px;	line-height:19px;text-align:center;}

.banner {  height:356px; position:relative; width:960px; margin: 0 auto; overflow:hidden; }
.banner .slides { height:356px; overflow:hidden; }
.banner .slides a { display:block; width:1000px; text-align:center; overflow:hidden; position:relative; height:360px; }
.banner .slides a img {  position:absolute; top:0; left:50%; margin-left:-500px; width:960px; height:356px;}
.banner .flex-control-paging { position:absolute; bottom:10px; left:50%; text-align:center; list-style:none; margin-left:-45px; }
.banner .flex-control-paging li { margin-right:10px; display:inline-block; *display:inline;}
.banner .flex-control-paging li a { display:inline-block; width:40px; height:8px; cursor:pointer;  filter:alpha(Opacity=50);background: rgba(255, 255, 255, 0.5) !important;}
.banner .flex-control-paging li a.flex-active {filter:alpha(Opacity=50);background: rgba(3, 160, 239, 0.5) !important; }
/*.banner .flex-prev, .banner .flex-next { background:url(image/prev.png) no-repeat; width:55px; height:80px; position:absolute; top:42%; left:50%; z-index:1; text-indent:-9999px; }
.banner .flex-prev:focus, .banner .flex-next:focus { outline:none; }
.banner .flex-prev { margin-left:-565px; }
.banner .flex-next { background-position:-55px 0; margin-left:525px; }*/


#banner{ width:100%; overflow:hidden; position:relative;}
#btnFix{ float:right;width:400px;}
#btnFix a{ margin-left:53px;padding:0px;position:relative; z-index:11; display:block;}
#btnFix .bha_1 { width:204px; height:53px;background:url(../image/features_button.png) no-repeat 0px -61px; margin-left:-65px; position:relative}
#btnFix .bha_1:hover { background:url(../image/features_button.png) no-repeat -206px -62px;}

#btnFix .bha_1_buy { width:209px; height:54px;background:url(../image/features_button.png) no-repeat 0px 1px; margin-left:175px; margin-top:-72px; position:relative}
#btnFix .bha_1_buy:hover { background:url(../image/features_button.png) no-repeat -207px 0px;}

#btnFix .bha_2_buy { width:209px; height:54px;background:url(../image/features_button.png) no-repeat 0px 1px; margin-left:175px; margin-top:-53px; position:relative}
#btnFix .bha_2_buy:hover {background:url(../image/features_button.png) no-repeat -207px 0px; }

#btnFix .bha_2 { width:204px; height:53px; margin-left:-55px; margin-top:-55px; background:url(../image/features_button.png) no-repeat 0px -123px; position:relative}
#btnFix .bha_2:hover { background:url(../image/features_button.png) no-repeat -206px -124px;}
#btnFix .bha_3 { width:175px; height:44px;background:url(../image/index_button.png) no-repeat 0px -110px; margin-left:30px;  position:relative}
#btnFix .bha_3:hover { background:url(../image/index_button.png) no-repeat -179px -110px;}
#btnFix .bha_4 { width:175px; height:44px; margin-left:242px; margin-top:-45px; background:url(../image/index_button.png) no-repeat 0px -55px; position:relative}
#btnFix .bha_4:hover { background:url(../image/index_button.png) no-repeat -180px -55px;}
#btnFix .bha_more { width:175px; height:44px; margin-left:242px; margin-top:-45px; background:url(../image/index_button.png) no-repeat 0px 0px; position:relative}
#btnFix .bha_more:hover { background:url(../image/index_button.png) no-repeat -180px 0px;}

.img_hello{ margin-top:10px; float:left; width:165px; }
.img_hello img{ position:absolute; }
.img_hello .text{margin: 175px 0 0 0; text-align:center; }
.ind_right{ width:439px; float:right}

/* ============================= content ====================== */
.pad_left1{ padding-left:35px;}
.pad_left2{ padding-left:63px;}
.pad_left3{ padding-left:35px;}
.pad_bot1{ padding-bottom:39px;}
.pad_bot2{ padding-bottom:5px;}
.pad_bot3{ padding-bottom:7px; padding-top:7px;}
.pad_bot4{ height:70px; margin-top:35px;}
.marg_right1{ margin-right:25px;}
.marg_right2{ margin-left:25px;}
.marg_top{ background:url(../image/marker_2.jpg) right 7px no-repeat;margin:12px 16px 0 0; padding-right:10px;}
.marg_top2{ background:url(../image/marker_2.jpg) right 7px no-repeat;margin:37px -205px 0 0; padding-right:10px;}
.marg_top3{ background:url(../image/marker_2.jpg) right 9px no-repeat;margin:12px 16px 0 0; padding-right:10px;}
.in_content { width:100%; overflow:hidden;}
.indFace { float:right; margin-top:20px;padding-right:5px;}


#banner_no1 { background:url(../image/download_1.jpg) no-repeat; height:416px; position:relative}
#banner_no1 .buy { font-size:14px; font-weight:bold; color:#333333;padding:110px 0 0 173px}
#banner_no1 .buy a {color:#333333; text-decoration:none}
#banner_no1 #text1{ position:relative;padding-top:10px;padding-left:15px; }
#text1 .bha_1 { width:123px; height:32px;background:url(../image/mac_btn3.png) no-repeat;position:absolute}
#text1 .bha_1:hover { background:url(../image/mac_btn33.png) no-repeat}
#text1 .bha_2 {width:123px; height:32px; background:url(../image/pc_btn3.png) no-repeat; position:absolute;margin-left:130px}
#text1 .bha_2:hover {background:url(../image/pc_btn33.png) no-repeat}
.button{ font-size:17px; color:#fff; display:inline-block; text-decoration:none; margin-right:24px; line-height:31px; background:url(../image/button_left.gif) top left no-repeat;}
.button span{ display:block; background:url(../image/button_right.gif) top right no-repeat}
.button span span { margin:0 16px; background:#000000}
.button:hover{ color:#00bdf3}
.font1{ font-size:18px; line-height:22px; color:#666;}
.font2{ font:18px bold; line-height:22px; color:#222222; margin:12px 0 0 12px}

.list1 li{background:url(../image/line_hor2.jpg) top repeat-x; padding:10px 0 12px 0;}
.list1 img{ float:left; margin-right:12px;}
.list1 div{width:550px;height:68px; padding:16px 5px 8px; display:none}
.list1 a{ font-size:16px; font-weight:bold; text-decoration:none; padding-right:10px; background:url(../image/marker_2.jpg) right 7px no-repeat}
.list1 a:hover{color:#222222;}
.list1 .summary_date{color:#00AEEF;}
.list2{ margin-top:-6px; margin-bottom:-6px}
.list2 li{ line-height:30px;}
.col5 div{width:279px;height:68px; padding:16px 5px 8px; display:none}

.ind_feature li{background: url(../image/t7.png) no-repeat scroll left 10px;padding: 5px 25px 5px 15px;}
.ind_feature a:hover{ text-decoration:underline}
.ind_feature a{text-decoration:none} 

.table{ line-height:22px;}
.table td{ background:url(../image/t7.gif) no-repeat left 13px; line-height:30px; padding-left:15px;}
.site .summary_title a{display:block; background:none repeat scroll 0 0 #F6F6F6; font-family:Verdana, Geneva, sans-serif;height:27px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:1px; margin:5px 0; padding:0 12px; border:1px solid #E8E8E8; width:420px; overflow:hidden;}
.site .summary_title a:hover{ color:#000; background:none repeat scroll 0 0 #F0F0F0;}
.siteMapList { padding-left: 20px; padding-bottom:25px;}
.siteMapList ul li {  list-style: disc outside none; }
.siteMapList ul li a { color: #525252;  text-decoration: underline;}
.siteMapList ul li ul { padding-left: 10px;}
#cse-search-results iframe {width:640px;}
.sosu {float: right;margin-top: 48px;}
.sosun div {float: left;}
.sosu div { float: left;}
#sosu1 {background:url(../image/search.png) repeat scroll right center transparent; border: medium none;
   height: 29px;margin-top: -1px;width: 26px; margin-left:-25px;}
.link1{background:url(../image/marker_1.png) 0 8px no-repeat; padding:12px 0 40px 31px}
.link1 a{ font-weight:bold; text-decoration:none; font-size:13px}
.link1 a:hover{ text-decoration:underline}
.link a{ color:#acacac; text-decoration:none}
.link a:hover{ text-decoration:underline}
.link2{ color:#acacac}



/* ============================= comments ====================== */
.contentTit {color:#0A0A0A;  font:25px/25px 'Roboto', sans-serif;}
.commentbg { background-color:#FFF; width:280px; height:139px; padding:7px; border:1px solid #E8E8E8; }
.commentbg a{ color:#666666; }
.commentbg a:hover{ color:#00AEEF;}
.commentbg2 ul li{ height:30px; line-height:30px; }



/* ============================= download ====================== */
.c_wrap01 {background:url(../image/c_top.gif) no-repeat;padding-top: 4px; clear:both; width:627px; float:left;}
.c_wrap02 {background:url(../image/c_bottom.gif) no-repeat bottom; padding-bottom: 3px; width:627px;}
.cont { background:url(../image/c_bg.gif) repeat-x;border-left: 1px solid #B9BDC4;border-right: 1px solid #B9BDC4;padding-top: 5px;width: 625px;}
.cont .text{ color: #525252;font-size: 16px;margin: 0 20px;padding: 7px 0;line-height:21px; }
.cont .text2{ color: #525252;font-size: 16px;margin: 0 20px;padding: -7px 0; border-bottom:1px dashed #cccccc; padding-bottom:35px; padding-top:15px;line-height:21px; }
.item2 a { text-decoration:none; color:#949494}

.downlist{ text-align:center;color:#747474;}
.downlist .top_tr{height:34px;font-size:14px;color:#444444;border-bottom:solid 1px #dadada;}
.downlist .td2{border-left:none; color:#000000}
.downlist .tdr{border-right:none;border-top: 1px solid #DADADA;}
.downlist .tdr1{border-right:none; color:#000000}

.text_descript_1{ line-height:18px;  text-align:left;}
.download_btn_s1 { display:block;margin:-3px auto;width:103px;height:32px;overflow:hidden;background:url(../image/mac_btn4.png) no-repeat;}	
.download_btn_s2 { display:block;margin:-3px auto;width:103px;height:32px;overflow:hidden;background:url(../image/pc_btn4.png) no-repeat;}	



.box{ margin-top:30px;}
.box .img{float:left; margin-left:5px;}
.box .text{ padding:0 0 0 250px;}
.box .des{ text-align:center;}
.text h2{padding:0; font-size:18px;}
.text ul{padding:18px 0 10px;}
.text li{ background:url(../image/arrow-3.png) no-repeat left 6px; line-height:18px; padding-left:12px; }
.text .btn{position:relative;padding:21px 0 30px; height:57px;}
.btn .bha_2 {width:310px;height:76px;  background:url(../image/btn-down.png) no-repeat; position:absolute;}


.item01{ background:url(../image/item-bg2.jpg) no-repeat;  width:268px; height:361px;  }
.item02{ background:url(../image/item-bg.jpg) no-repeat;  width:268px; height:361px; }
.item02 ul{ padding:190px 25px 25px; color:#000;}
.item02 li{ background:url(../image/arrow-4.png) no-repeat left 8px; line-height:19px; padding-left:12px; }
.item01 ul{ padding:190px 25px 25px; color:#000;}
.item01 li{ background:url(../image/arrow-4.png) no-repeat left 8px; line-height:19px; padding-left:12px; }


.color1{ color:#222; }
.color2{ color:#00bdf3}

.scroll{ padding-bottom:10px; margin-bottom:40px}
.scroll a{ position:absolute; margin-top:6px; margin-left:35px}



/* ============================= display ====================== */
.list1 .tip{ border:solid 1px #D8D8D8;margin-top:20px; background-color:#F3F3F3; background-image:none; padding:0px; height:auto}
.list1 .tip .lft{ background:url(../image/tl.png) no-repeat bottom left; float:left; width:20px; height:6px; margin:-1px; display:inline-block}
.list1 .tip .rft{background:url(../image/tr.png) no-repeat bottom left; float:right; width:48px; height:16px; margin-top:-13px; margin-right:-1px; display:inline-block}
.list1 .tip .lfb{ background:url(../image/bl.png) no-repeat bottom left; float:left; width:20px; height:6px; margin-top:-5px; margin-left:-1px; display:inline-block;overflow:hidden}
.list1 .tip .rfb{ background:url(../image/br.png) no-repeat bottom left; float:right; width:48px; height:5px; margin-top:-4px; margin-right:-1px;display:inline-block; overflow:hidden}
.list1 .tip .tip_ct{ clear:both; padding:8px}
.list1 .tip .tip_ct1{ clear:both; padding:0px 8px; color:#00AEEF}
.display{clear:both; padding:8px 16px}


/* ============================= footer ====================== 
#footer { color:#222222; padding-top:12px; line-height:24px; padding-bottom:8px; text-align:center;}
#footer a{ color:#222222; text-decoration:none}
#footer a:hover{ color:#00aeef}
#footer .button_top{ font-size:13px; font-weight:bold; color:#ffffff; text-decoration:none; float:left; line-height:22px; background:#000; margin-right:12px;}
#footer .button_top span{ display:block; background:url(../image/button3_left.jpg) top left no-repeat}
#footer .button_top span span{ padding:0 7px 0 13px; background:url(../image/button_3_right.jpg) top right no-repeat}*/
#bck { bottom: 30px; right:20px; position: fixed;}
#bck a {  background: url(../image/top.jpg) no-repeat; display: block; height: 49px; width: 59px;}



#jsddm {margin-top:15px;  padding-left:55px}
#jsddm li { float:left; list-style: none}
#jsddm li a { font-size:12px; display: block; color:#888888;padding:0px 7px;text-decoration: none; text-align:center; border-right:1px solid #D5D5D5; white-space: nowrap}
#jsddm li a:hover { color:#00BBE4}

.screenshot li{ float:left; padding:5px 5px;width:302px;text-align:center;}
.screenshot li a{width:305px; height:210px; display:block;background:url("../image/jietubj.png") no-repeat center -1px;}
.screenshot li a img{margin-top:3px;}


.product_table{ border:1px solid #DADADA;text-align:center; }
table {  border-collapse: collapse;}
.top_table{	background-color:#CCC;    border-bottom: 1px solid #DADADA;    font-family: Verdana,Arial,Helvetica,sans-serif;    font-size: 14px;    height: 34px;}
.top_table .td1{     background: none repeat scroll 0 0 #E1E1E1;    border-bottom: 1px solid #DADADA;    border-left: medium none;    border-right: 1px solid #DADADA;	font-weight:bold;}
.td2{     border-bottom: 1px solid #DADADA;    border-left: medium none;    border-right: 1px solid #DADADA;	padding:5px;	}
.td3{     border-bottom: 1px solid #DADADA;    border-left: medium none;    border-right: 1px solid #DADADA;	padding:5px;    text-align:left;	}

.media_download{ display: block;color:#fff; background:url(../image/macmedia_btn1.jpg)  left  top no-repeat; width:304px; height:30px; padding:35px 0 0 70px; font-size:13px; text-decoration:none;}
.media_download:hover{background:url(../image/macmedia_btn1.jpg) left -66px no-repeat; text-decoration:underline;}

/* ============================= cooperation ====================== */
#promobar .promo {      background: none repeat scroll 0 0 #FBFBFB;    border: 1px solid #EAEAEA;    color: #6E6E6E;
    display: block;    margin-top: 25px;    padding: 10px;	-webkit-box-shadow: 0 0 1px rgba(0,0,0,.1);	-moz-box-shadow: 0 0 1px rgba(0,0,0,.1);	-webkit-border-radius: 10px;-moz-border-radius: 10px;}
#promobar .promo:hover{background:none repeat scroll 0 0 #F4F4F4;}
.promo h3{color: #2C2B2B; display: block;font-size: 13px;font-weight: bold;text-shadow: 0 0 1px white;margin-left:65px;}
.promo h3 a{ text-decoration:none;color: #2C2B2B; }
.promo p{margin-left:65px;padding-bottom:0;}
.support_sns{margin:6px;}
.support_sns img{margin:0 8px;}


/* ============================= store419 ====================== */

.store_left{float:left; width:705px; height:auto;border:1px solid #dfdfdf;-moz-border-radius:5px;
    -webkit-border-radius:5px;     border-radius:5px;	box-shadow: 0 0 3px rgba(0,0,0,0.2);	-webkit-transition:all 0.3s ease;	-moz-transition:all 0.3s ease;	-ms-transition:all 0.3s ease;	-o-transition:all 0.3s ease;	transition:all 0.3s ease;background-color:#fff; margin-left:5px;}
	
	
.store_Purchase{height:35px; line-height:24px; margin-left:20px;text-align:center; width:336px; background:url(../image/store_Purchasebj.jpg) no-repeat;}
.store_left1{float:left; width:380px; text-align:center; color:#00aeef;height:280px;}
.store_right1{float:right; width:300px;  height:280px;padding:0px 10px;}
.store_right1 ul li{line-height:21px; height:21px;list-style:inside; font-size:12px;}

.store_button{background:url(../image/store_button.png) no-repeat; width:218px; height:50px; display:block;}
.store_button:hover{ background:url(../image/store_button.png) no-repeat left -52px;}
.store_button1{background:url(../image/store_button.png) no-repeat left -107px; width:188px; height:35px; display:block; margin:0 auto;}
.store_button1:hover{ background:url(../image/store_button.png) no-repeat left -142px;}

.store_recommended{ background:url(../image/store_recommendedbj.jpg) no-repeat top center; width:auto; padding:0px 10px; height:243px;}
.store_recommended1{ background:url(../image/store_recommendedbj2.jpg) no-repeat top center; width:auto; padding:0px 10px; height:243px;}
.store_box{width:305px; float:left; height:140px; margin-top:20px; padding:0px 10px 0px 80px; background:url(../image/store_boxbj.jpg) center right no-repeat; }
.store_box a{ float:left;color:#666; text-decoration:none;text-align:center;}
.store_buttonan{ width:200px; float:right; padding:30px 90px 0px 0px;}
.store_buttonan p{ padding-bottom:10px;}


.store_right{float:right; width:235px;}
.store_30day{background:#FFF url(../image/store_30day_2.png) no-repeat center center;width:233px; height:400px; border:1px solid #dfdfdf;-moz-border-radius:5px;    -webkit-border-radius:5px;     border-radius:5px;}
.store_ulli{background:#FFF;margin-top:10px;width:21s5px; padding:10px; border:1px solid #dfdfdf;-moz-border-radius:5px;    -webkit-border-radius:5px;     border-radius:5px;}
.store_ulli p{ padding:0px; font-size:18px; margin-bottom:5px;}
.store_ulli ul li{ line-height:21px; height:21px;list-style:inside; font-size:12px;}
.store_ulli ul li a{ color:#666; text-decoration:none;}
.store_ulli ul li a:hover{color:#00aeef; text-decoration: underline;}



/* ============================= store ====================== */
.store-nav li{ float:left;text-align:center; border-bottom:1px solid #dedede;border-left:1px solid #dedede; position:relative;letter-spacing:0px; }
.store-nav li .icon{ display:inline-block; background:url(../image/store-nav.png) no-repeat; width:32px; height:34px;margin-bottom: -10px; padding-right:6px;}
.store-nav li.item1 .icon{ background-position:0 -39px;}
.store-nav li.item1.curr .icon{ background-position:0 -3px; }
.store-nav li.item2 .icon{ background-position:-50px -40px;}
.store-nav li.item2.curr .icon{ background-position:-50px 0;}
.store-nav li.item3 .icon{ background-position:-95px -36px;}
.store-nav li.item3.curr .icon{ background-position:-95px 0;}
.store-nav li.item4 .icon{ background-position:-140px -39px;}
.store-nav li.item4.curr .icon{ background-position:-140px 0;}
.store-nav li a{ display:block; height:60px; line-height:60px; font-size:16px; background:#fff; text-decoration:none;text-align:center; }  
.store-nav li a:hover{ background:#fff; text-decoration:none}
.store-nav li a span{ display:inline-block;}
.store-nav ul a{ background-color:#fff; color:#666; height:60px;}
.store-nav li.curr a{ background-color:#59ADE3; color:#fff; }
.store-nav li.curr a:hover{color:#fff;}
.store-nav li.curr .dot{ position:absolute; z-index:1;background:url(../image/store-nav-dot.png) no-repeat 50% 0; width:100%; height:9px; bottom:-9px;  left:0;}



.tab-content3{ width:99%;  border:1px solid #e0e0e0; line-height:22px; border-bottom:none; background-color:#FFF;}
.tab-content3 .td-des{ width:550px; float:left;}
.tab-content3 .td-price{ font-size:20px; margin-top:40px;}
.tab-content3 .td-price .new{ font-size:25px; padding-left:25px}
.tab-content3 .td-price .old{ font-size:16px;}
.tab-content3 .td-btn{ float:right;width:168px; height:48px; margin-top:-35px; }
.td-btn1{ background:url(../image/store-btn.png) no-repeat; width:168px; height:48px; display:block; margin-right:10px}
.td-win{ background-position:0 -49px;}
.td-buy{background-position:0 -98px;}
.td-btn1:hover, .td-win:hover, .td-buy:hover{ background-position:0 -147px;}
.td-btn-more{ background:url(../image/store-btn.png) no-repeat 0px -196px; width:168px; height:48px; display:block; margin-right:10px}
.td-btn-more:hover{ background:url(../image/store-btn.png) no-repeat 0px -245px;}

.td-btn-down_1{ background:url(../image/down-btn.png) no-repeat; width:168px; height:48px; display:block; margin-right:10px}
.tdbtndown1:hover{background-position:0 -147px;}
.tdbtndown2{background-position:0 -49px; }
.tdbtndown2:hover{background-position:0 -147px; }
.tdbtndown3{background-position:0 -98px; }
.tdbtndown3:hover{background-position:0 -147px; }

.tab-content3 .product-list .td-des1{ width:600px; float:left;}
.tab-content3 .product-list .td-btn-down{ float:right;width:218px; height:48px; padding-top:45px;}
.td-des1_ul li{ float:left; margin-right:25px; padding-left:12px;background:url("../image/arrow-down.png") no-repeat scroll left 9px;  }

.tab-content3 h2{ padding:10px 0 15px; color:#555555;font-family:'Roboto', sans-serif; font-size:26px; }
.tab-content3 .single{ font-size:16px; margin-bottom:5px;}
.tab-content3 .product-list{ padding:20px 20px 0; border-bottom:1px solid #e0e0e0;overflow:hidden; }
.td-product-img{float:left;background:url(../image/store-box.jpg) no-repeat; width:115px; height:161px;display:inline-block; vertical-align:top; margin-right:30px; }
.img1{ background-position:0px -171px;}
.img2{ background-position:0px -351px;}
.img3{ background-position:0px -516px;}
.img4{ background-position:0px -683px;}
.img5{ background-position:0px -850px;}
.security{ background:repeat #f9f9f9; text-align:center; padding:15px 0;border-bottom:1px solid #e0e0e0;}
.title-store{ font-size:25px; text-align:center; background-color:#e5e5e5; padding:18px 0; color:#555555}

.note{ width:99%; background-color:#FFF; padding:20px 0; overflow:hidden;  line-height:20px;}
.note h3{ font-size:25px; border-bottom:4px solid #C5D4E5; padding-bottom:15px; text-indent:20px;}
.notelist{padding:30px 20px 0;}
.notelist img{ margin-right:10px; margin-bottom:20px; width:55px; height:55px; float:left;}
.text{ margin-top:15px;}

.td-mac-img{float:left;background:url(../image/store-mac-icon.jpg) no-repeat; width:152px; height:132px;display:inline-block; vertical-align:bottom; margin:10px 30px 15px 0;}
.td-win-img{float:left;background:url(../image/store-win-icon.jpg) no-repeat; width:135px; height:112px;display:inline-block; vertical-align:bottom; margin:10px 30px 20px 0;}
.icon2{ background-position:0 -149px;}
.icon3{ background-position:0 -287px;}
.icon4{ background-position:0 -440px;}
.icon5{ background-position:0 -588px;}
.icon6{ background-position:0 -726px;}
.td-product{ padding:40px 30px 20px;}
.td-product-mac{ float:left; margin-right:40px; clear:both;}
.td-product-mac-title{ padding:0 0 20px; font-size:30px;}
.td-product .system{ padding:-1px 0 0 346px; margin-right:17px;}
.td-product .system a{ text-decoration:none;}
.td-product .ox{ margin-top:-87px; margin-right:25px;}
.td-product .win{ margin-top:-54px; margin-right:45px;}


/* ============================= faq====================== */
.nav-2{ background-color:#FFF; width:278px;}
.navtop{ background: url(../image/side-tit-bg.jpg) no-repeat; height: 34px; }
.navtop h3{ font-size:15px; color:#333333; font-family:Verdana, Geneva, sans-serif; padding:10px 0 0 10px;}
.navcenter{ border-left:1px solid #E6E6E6;border-right:1px solid #E6E6E6; padding: 10px 0 0; font-size:13px;}
.navcenter p{background: url(../image/t7.png) no-repeat scroll left 10px; margin-left:10px;padding: 5px 25px 5px 15px; }
.navcenter li{background: url(../image/t7.png) no-repeat scroll left 10px; margin-left:10px;padding: 5px 25px 5px 15px;}
.navbottom{ border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:1px; height: 20px;border:1px solid #E6E6E6; border-top:none; }

/* ============================= tutorial-all ====================== */
.cenbox{float:left;margin:0 12px;}
.cenbox .right{ margin-left:12px;}
.pic2{ margin-bottom:10px;}
.pic{position:relative;}
.pic img{ max-width:100%;}
.pic .txt0{color:#fff;font-size:18px; color:#fff;font-weight:200; width:210px;padding:10px; line-height:25px;position:absolute;left:0;top:20px;text-decoration:none;}
.pic .txt1{color:#fff;font-size:18px; color:#fff; width:210px;padding:10px; line-height:25px;position:absolute;left:0;bottom:0;text-decoration:none;}
.pic .txt2{position:absolute;left:0;bottom:20px;}
.pic .bg1{background:url(../image/banner-bg1.png) repeat;}
.pic .bg2{background:url(../image/banner-bg2.png) repeat;}
.pic .bg3{background:url(../image/banner-bg3.png) repeat;}
.pic .bg4{background:url(../image/banner-bg4.png) repeat;}
.pic .bg5{background:url(../image/banner-bg5.png) repeat;}
.pic .bg6{background:url(../image/banner-bg6.png) repeat;}

.tab-content2{ width:639px; float:left; line-height:22px; border:1px solid #e0e0e0; background-color:#FFF;}
.tab-content2 h3{ font-size:24px; font-weight:normal;border-bottom:5px solid #EDEDF0;line-height:34px; padding:0 0 10px 0; margin-bottom:20px;}
.tab-content2 h3 a{color:#555; text-decoration:none;}
.tab-content2 h3 a:hover{ color:#00AEEF; }
.tab-content2 .name{ font-size:24px; font-weight:normal;  line-height:34px; padding:0 0 10px 0; margin-bottom:20px;}
.tab-content2 .name a{ color:#555; text-decoration:none;}
.tab-content2 .name a:hover{ color:#00AEEF; }
.tab-content2 h4{ color:#00AEEF; width:270px; font-size:15px;}
.tab-content2 .no1{ background:url(../image/no1.jpg) no-repeat left 0px; padding-left:40px;}
.tab-content2 .no2{ background:url(../image/no2.jpg) no-repeat left 6px; padding-left:42px; padding-top:2px;}
.tab-content2 .no3{ background:url(../image/no3.jpg) no-repeat left 6px; padding-left:42px; padding-top:5px;}
.tab-content2 .no4{ background:url(../image/no4.jpg) no-repeat left 6px; padding-left:42px; padding-top:5px;}
.item{ padding-bottom:20px;}
.item li{ text-indent:10px; width:320px;}
.item li a{ color:#666; text-decoration:none;}
.item li a:hover{text-decoration:underline;color:#00aeef;}

/* ============================= tutorial ====================== */
.conFac { float:right; margin-top:-47px;}
.faqtit{font-size:28px;   background-color:#71E05E; color:#FFF; padding:20px 10px;font-weight:400;}
.faqtit2{ font-size:24px; background-color:#9B4F97; color:#FFF; padding:20px 10px;}
.tab-content2 h2{ margin:20px 0; padding:0; font-weight:400;font-size:24px; }
.tab-content2 .faqlist{ border-bottom:1px dashed #E0E0E0; padding-bottom:10px;}
.tab-content2 .guidecon{ padding:20px;}
.tab-content2 .published{ font-size:12px; clear:both}
.tab-content2 .author{ margin:0 0 10px 80px;}
.tab-content2 .btn{ text-align:center;}
.tab-content2 .mac-btn{ color:#008a00;}
.tab-content2 .text{ border-bottom:1px dashed #e0e0e0; padding:10px 0 20px;}
.tab-content2 .title{ font: bold 14px Verdana, Geneva, sans-serif; margin:10px 8px; padding-bottom:0;}
.tab-content2 .btndown{ float:right; margin-right:47px;}
.consub{ float:left; width:310px; font-size:13px; line-height:20px;}
.consub .title{ margin:10px 0}
.buy-win, .down-win,.buy-win2, .down-win2{
    border-radius:2px;
    color: #FFFFFF;
    display: inline-block;
    height: 28px;
    line-height: 28px;
    margin-bottom: 10px;
    padding: 0 15px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease 0s;
}
.buy-win{ background-color:#01BCF3; margin-right:20px;}
.down-win{ background-color:#7FBA00; }
.buy-win2{ background:url(../image/btn-buy.jpg) no-repeat; margin-right:20px;}
.down-win2{ background:url(../image/btn-try.jpg) no-repeat; }
.new{ color:#f63906; padding-left:15px;}
.old{ text-decoration:line-through;}
.tutorial{ background: none repeat scroll 0 0 #F3F3F3; float: right; padding: 0 10px 10px; width: 260px;}
.tutorial li { background:url(../image/dot-gray.png) no-repeat 0 center;  padding-left:15px; margin:10px; }
.tutorial a{ color:#666; text-decoration:none;}
.tutorial a:hover{ color:#00aeef;}

.box2 {background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #E0E0E0; width:280px; }
.box2 .tit1 {background-color:#eeeeee; color: #444444; font-size: 16px; padding: 10px 0 10px 10px;}
.box2 .list li { background:url(../image/dot-gray.png) no-repeat 0 4px;  padding-left:15px; margin:10px; }
.box2 .list li a {color:#666;text-decoration:none;}
.box2 .list li a:hover { color:#00aeef;}
.comments{ background-color:#F3F3F3; padding:10px;}
.postbox{position:relative;}
.form{ padding-bottom:20px;}
.textarea{ background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95); border-radius: 4px 4px 4px 4px; box-shadow: 0 0 0 2px rgba(16, 48, 68, 0.2) inset;margin: 0 0 0 60px;position: relative;padding:10px;}
.user img{ border-radius:3px;display: block; position:absolute; top:0; height: 48px; width: 48px;}
.mainnav{ border-bottom: 2px solid rgba(0, 49, 79, 0.08);  margin: 0 0 18px;  padding: 0; position: relative;}
.caret{ display: block; position: absolute; right: 10px; top: 15px; border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-top: 4px solid #000000;
    content: "↓";
    display: inline-block;
    height: 0;
    opacity: 0.3;
    text-indent: -99999px;
    vertical-align: top;
    width: 0;}

/* ============================= support ====================== */
.tab-content-support{ width:720px;float:left;border:1px solid #e0e0e0; background-color:#FFF; text-align:left; line-height:22px;}
.tab-content-support a{ text-decoration:none;}
.title{background:repeat #f9f9f9;padding:15px 20px;}
.language img{ vertical-align:middle; margin:0 6px 0 10px;}
.language{text-decoration:none;}
.title-support{ font-size:22px;background-color:#c9c7c7; padding:18px 20px; color:#555555}
.title-support2{ font-size:18px;background-color:#E5E5E5; padding:12px 20px; color:#555555}
.title-support2 .des{ font-size:12px;color:#666;}
.tab-list{ padding:20px 20px 0;}
.support-list{padding:10px 0;}
.support-list .item{ float:left; width:340px;min-height:94px;}
.support-list .item a{ color:#666;}
.support-list h4{ padding:5px 0 7px;}
.support-list h4 a:hover{color:#00AEEF;}
.support-list .img{ float:left; margin-right:15px;}
.support-list p{padding:0 20px 0 0;}
.tab-list .item2{ float:left; width:76px; margin:0 30px 0; padding-bottom:20px;text-align:center;}
.tab-list .item2 img{ vertical-align:top; margin-bottom:10px;}
.tab-list p{ padding-bottom:15px;}
.btn-pdf{ border-radius:2px; border:2px solid #55bdf2; height:40px; line-height:40px; background:url(../image/pdf-down.jpg) no-repeat right; font-size:18px; padding:0 20px; display:block; text-decoration:none; }
.box3{ width:210px;}
.list-support li{ background:none; margin:10px 10px 10px 7px;}
.list-support li a {color:#666;text-decoration:none;}
.list-support li a:hover { color:#00aeef;}
.list-support img{ padding-right:7px;}



.tab-content-table{ margin-bottom:20px; }
.tab-content-table td{ border:1px solid #dfdfdf; text-align:center;padding:10px 0; }
.tab-content-table .title1{ background-color:#E5E5E5; color:#222;}
.tab-content-table .title1 td{ padding:5px 0;}
.tab-content-table tr:hover td{ background:repeat #F5F5F5; border-collapse:collapse;}
.box2info{ text-align:center; padding:10px 0;}
.box2info .des{ padding:10px 0; line-height:22px;}
.box2info .btn-down{ border-radius:3px; background:url(../image/hardware-down-icon.png) no-repeat right 19px center #3598DC; width:170px; height:35px; line-height:35px;display:inline-block; color:#FFFFFF !important;text-decoration:none; font-size:18px; text-indent:-25px}.box3{ width:210px;}

#kbtitle{font:bold 26px/30px  'Roboto', sans-serif;padding:10px 0;}
.blufast{ color:#222; font-size:16px; font-family:Arial, Helvetica, sans-serif; padding:0; line-height:28px;}

.mac-pro-table{ border:1px solid #ccc; border-right:none; border-bottom:none;}
.mac-pro-table td{ border:1px solid #ccc; border-top:none; border-left:none; padding:10px;}


.international{ background:#f7f7f7; float:right; text-align:right; margin-top:17px; border:1px solid #ccc; width:34px; height:34px;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius: 5px;}
.Language { width:34px; height:34px; position:relative; float:right;}
.Language li a, .Language li a:visited { display:block; width:30px; height:45px; text-align:center; line-height:45px; font-size:14px; overflow:hidden; }
.Language li { float:left; margin-right:1px; position:relative; height:45px; line-height:45px; }
.Language li a { background:url(../image/Language_module.png) no-repeat -4px -165px; height:34px; width:34px; line-height:35px; }
.Language li ul { display: none;z-index:999999; }
.Language li:hover a { color:#fff; }
.Language li:hover ul { display:block; position:absolute; left:-117px; top:53px; width:150px; background:#fff; border:1px solid #CCC; }
.Language li:hover ul li { float:none; margin:0px; width:150px; height:30px; }
.Language li:hover ul li a { display:block; color:#000; width:120px; padding:0px 15px; text-align:left; height:30px; line-height:30px; text-decoration:none; }
.Language li:hover ul .jp a { background-position:117px -238px; }
.Language li:hover ul .de a { background-position:117px -180px; }
.Language li:hover ul .fr a { background-position:117px -209px; }
.Language li:hover ul .ru a { background-position:117px -150px; }
.Language li:hover ul .zh a { background-position:117px -122px; }
.Language .english { background-position:2px -265px; width:34px; height:54px;}
.Language li:hover ul li:hover { background:#f7f7f7; }
/* top start */
.head { width:100%; z-index:99999; background:url(../image/headbg.png);  border-bottom:2px solid #ccc;}
.header { width:1000px; height:70px;z-index:99999; margin:0 auto;  }
.logo { padding-top:15px; width:200px; height:55px; line-height:70px; float:left; }
.logo a{ line-height:70px;}

.nav { width:610px; height:70px; margin:0 auto;  float:left;}
.nav .nav_list { float:left;}
.nav li { float:left; height:70px; line-height:70px; position:relative;}
.nav li.last { background:none; }
.nav li a { float:left; display:block; width:110px; height:70px; text-align:center; font-size:17px; line-height:70px; text-decoration:none; color:#6a6a6a;   }
.nav li a:hover, .now, .over{ color:#333;text-decoration:none; background:#f6f6f6;border-bottom:2px solid #009ad9; }
.nav li a.selected { background:#f6f6f6; color:#333;border-bottom:2px solid #009ad9;}
.nav li.selected .submenu { display:block; }
.nav li .submenu { display:none; position:absolute; top:72px; left:-200px; background:url(../image/headbg.png); width:1000px;z-index:99;border:1px solid #ccc;border-top:none;}
.nav .nav_list .drop-menu-effect .products-img img{ padding-top:33px; padding-left:5px;}

.Media_Player { width:484px; height:230px; margin:20px 0px; padding-left:10px; border-right:1px solid #CCC; float:left; }
#drop-down-menu { width:484px; height:230px; margin:0px; padding:0px; }
#drop-down-menu-title { margin:0px; padding:0px; line-height:40px; height:40px; font-size:16px; padding-bottom:10px; }

#drop-down-menu .div-list{float:left; width:150px; height:185px; font-size:14px; background:none; color:#666;text-align:center;margin-right:5px; border:none;   border-right:dashed 1px #CCC;padding-right:5px;}
#drop-down-menu .div-list span{ clear:both; line-height:40px; height:40px;}
#drop-down-menu .div-list a{ background:none; color:#666;font-size:13px; border:none; text-align:center; line-height:21px; width:100%;}
#drop-down-menu .div-list a:hover{ color:#00aeef; text-decoration:none; }
#drop-down-menu .div-list .dh-img-a{ height:135px; display:block; width:150px; font-size:14px; overflow:hidden; padding:0px;}
#drop-down-menu .div-list .dh-img-a .dh-system-icon{ font-size:13px;background:url(../image/xitong-icon-25.png) no-repeat 25px 0px; padding-left:35px;}
#drop-down-menu .div-list .dh-img-a:hover .dh-system-icon{background:url(../image/xitong-icon-25.png) no-repeat 25px  -25px;}
#drop-down-menu .div-list .dh-img-a .dh-system-icon-pc{ font-size:13px;background:url(../image/xitong-icon-25.png) no-repeat 25px -50px; padding-left:35px;}
#drop-down-menu .div-list .dh-img-a:hover .dh-system-icon-pc{background:url(../image/xitong-icon-25.png) no-repeat 25px -75px;}

#drop-down-menu .div-list p{ padding:0px; margin:0px; line-height:30px; }
#drop-down-menu .div-list p .dot-gray{ height:28px; line-height:28px; overflow:hidden; margin:0 auto;  text-align:left; padding-left:55px}

#drop-down-menu .div-list p .dot-gray-mac{background:url(../image/xitong-icon-25.png) no-repeat 25px 0px;}
#drop-down-menu .div-list p .dot-gray-mac:hover{background:url(../image/xitong-icon-25.png) no-repeat 25px  -25px;}
#drop-down-menu .div-list p .dot-gray-win{background:url(../image/xitong-icon-25.png) no-repeat 25px -50px;}
#drop-down-menu .div-list p .dot-gray-win:hover{background:url(../image/xitong-icon-25.png) no-repeat 25px -75px;}


.facebook_icon{ width:130px; float:left; z-index:999; height:70px; }
.facebook_icon li{ float:left; height:52px; padding-top:17px; margin-right:10px;}
.facebook_icon li a{filter:alpha(opacity=80); -moz-opacity:0.8;  -khtml-opacity: 0.8;  opacity: 0.8; }
.facebook_icon li a:hover{filter:alpha(opacity=100); -moz-opacity:1.0;  -khtml-opacity: 1.0;  opacity: 1.0;}
.facebook_icon li img{ width:36px; height:36px;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius: 5px;}
/* top over */
.footer{ width:auto; height:auto; background:#e2e2e2;  clear:both;}
.footerbg{ width:1000px; height:auto; margin:0 auto;}
.footerbg div{ float:left; width:170px; padding:30px 15px; }
.footerbg div p{ font-size:18px}
.footerbg div ul li{ padding-bottom:10px;padding-right:15px; overflow:hidden;}
.footerbg div ul li a{ text-decoration:none; color:#888;}
.footerbg div ul li a:hover{ text-decoration:underline; color:#555;}


.top_close_bg{background:url(../image/disc_topbg.jpg) center no-repeat;}
.top_close{ width:1000px; margin:0px auto;height:100px; display:none;}
.closediv{width:40px; height:40px; position:relative; left:1010px; top:-70px;  cursor:pointer; background:#fff;-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; text-align:center; line-height:40px; font-family:Arial, Helvetica, sans-serif; color:#999; font-weight:bold; font-size:24px;-webkit-box-shadow: #999 0px 0px 10px;-moz-box-shadow: #999 0px 0px 10px;box-shadow: #999 0px 0px 10px;}
.closediv:hover{ -webkit-box-shadow: #666 0px 0px 10px;-moz-box-shadow: #666 0px 0px 10px;box-shadow: #666 0px 0px 10px; color:#666;}