@media (max-width: 1000px) {
.span20,.ParentLayer,.bodydiv,.resouceCon,.header .wrap,.toplink .wrap,.wrap{width:750px;}
img{max-width:100%; height:auto;}
}
@media (max-width: 767px) {
.span20,.ParentLayer,.bodydiv,.resouceCon,.wrap{width:460px;}
.float_share,.float_livechat{display:none;}
}
@media (max-width: 479px) {
.span20,.ParentLayer,.bodydiv,.resouceCon,.wrap{width:300px;padding:0px 4px;}
h1{font-size:30px;}
}

/*header*/
@media (max-width:1000px){
.toplink{margin-bottom:36px;}
.toplink ul li { padding-left:20px;}
.toplink,.toplink .wrap{height:0px;overflow:visible;}
.toplink li span{padding:0 5px;}
.header .logo_box{float:none;position:absolute;left:10px;top:-20px;}
.header .logo{width:145px;height:27px;top:22px;background-size:cover;}

}
@media (max-width:767px){
.toplink { display:none;}
.header .logo_box{position:static;margin-left:10px;}
.header .logo{width:290px;height:38px;position:static;background-size:auto;}
.header .logo_box{margin-bottom:10px;}
.header .media_buy,.header .media_show{width:34px;display:none;cursor:pointer;height:34px;background:url(/images_2017/index/icon-index.png) 4px -870px no-repeat;position:absolute;right:40px;top:8px;display:block;}
.header .media_show{background-position:8px -914px;right:0px;}
.header{height:auto;}
.header .nav{float:none;height:auto;display:none; margin:auto;}
.header .nav.current{display:block;}
.header .nav .nav_li{float:none;width:auto;padding:0;height:auto;}
.header .nav .nav_li .nav_a{display:block;background:#f1f1f1 !important;margin-bottom:2px;color:#2f2f2f !important;padding:5px 4% !important;}
.header .nav .nav_li:hover,.header .nav li.store:hover{background-color:none;}
.header .content{padding:0px;}
.header .content dl{width:auto !important;margin:1px 0 !important;min-height:inherit;float:none;}
.header .content .all dl{width:auto;}
.header .content dl dt a{background:none;}
.header .content .all dl.special .img_box{margin-right:8px;}
.header .nav li:hover p,.header .nav li.current p{background:#3c4c5b;}
.header .nav li:hover .nav_a,.header .nav li.store:hover .nav_a,.header .nav li.current .nav_a,.header .nav li.store.current .nav_a{color:#fff;}
.header .nav li:hover .content,.header .nav li.current .content{position:static;}
.header .nav_li:hover .store_content{display:none;}
.header .nav_li.current .store_content{display:block;}
.header .nav .nav_li:hover{background:none;}
.header .nav .nav_li:hover .content{display:none;}
.header .nav .nav_li.current .content{display:block;}
}
/*footer*/
@media (max-width:1000px){
.footer .box,.footer dl{width:32%;}
.gura_f ul li,.gura_f ul li.bg1{width:50%;}
}
@media (max-width:767px){
.footer .box,.footer dl{min-width:40%;padding:0 5%;}
.gura_f ul li.bg1 p{line-height:20px;margin-top:20px;}

}
@media (max-width:479px){
.footer .box,.footer dl{min-width:90%;padding:0 5%;min-height:auto;}
.gura_f ul li,.gura_f ul li.bg1{width:100%;}
.gura_f ul li.bg1 p{line-height:65px;margin-top:0px;}
}

/*footer-end*/
/*float_bar and page_banner*/
@media (max-width: 1000px) {
.float_bar.drw .txt,.float_bar .txt{font-size:16px; width:auto;}
.float_bar .price{font-size:18px; margin-right:10px;}
.article_content,.articleText,.articlesCon,.article_content.span15.fl,.span15{width:500px;}
.article_content.span15.fl { margin-right:0 !important;}
.iosArticles{width:96%;}
.article_content p img,.articleText p img,.iosArticles p img{width:100% !important; height:auto !important;}
.article_content a img,.articleText a img,.iosArticles a img{width:auto !important; height:auto !important;}
.author_info{width:auto;}
.author_info .bot{display:none;}
.author_info .info{float:left;}
.catListItem,.catListItem.list3{margin:2px 0 2px 34px;}
.DrwBuyNowRightContext,.main_col{width:480px;}
.main_col .span7{width:auto;}
.main_col .item_topseller {width:100%;}
.buynow_list li{width:44%; margin:0; padding:0 2%;}
.list_pro.buynow_list li a.li_a,.buynow_list p.desc{width:auto;}
.item_topseller .item_desc{width:70%;}
}
@media (max-width: 767px) {
.page_banner{height:50px; line-height:50px;}
.page_banner p{font-size:26px;}
.float_bar.drw{height:72px;}
.float_bar{height:auto;}
.float_bar .img{display:none;}
.float_bar .price{line-height:20px; margin:10px 10px 10px 0;}
.float_bar p a{margin:0 0 10px 0;}
.float_bar.drw .txt,.float_bar .txt{float:none; line-height:18px; font-size:14px;}
.float_bar.drw p.fr{float:none !important;}
.article_content,.articleText,.articlesCon,.article_content.span15.fl,.span15{width:100%;}
.sidebar,.catSidebar{display:none;}
.related_bar ul,.related_bar ul li{width:100%;}
.catListItem,.catListItem.list3{margin:2px 0 2px 75px;}
.LeftContext,.sidecol{display:none;}
.DrwBuyNowRightContext,.main_col{width:auto; float:none;}
.product_guide{padding:10px 4px 0 4px;}
.product_guide .box{width:auto; float:none;margin:2px 0;}
}
@media (max-width: 479px) {
.float_bar.drw p a{margin:0px; width:86px;}
.author_info ol,.author_info .info{width:260px;}
.topic_main_col { width: 100%;}
.catListItem,.catListItem.list3{margin:2px 0; padding:0px; border-left:0; border-right:0;}
.buynow_list li{width:96%;}
}
/*banner*/
@media (max-width: 1000px) {
.banner_cata{padding:10px 0;}
.banner_cata h1,.banner_cata p{margin-left:10px;}
.list_tab{width:auto; height:auto;}
}
@media (max-width: 767px) {
.banner_cata{height:auto;}
.banner_cata.bg_10{ background:#1898c5;}
.banner_cata h1,.banner_cata p{margin-bottom:6px;}
.list_tab li{width:49%; padding:0 !important; font-size:12px;}
.list_tab li.current{height:38px;}
}
@media (max-width: 479px) {
.banner_cata p a{margin:2px 0;}
}
/*article*/
@media (max-width: 1000px) {
.topic_main_col{width:500px;}
.RightContext{width:400px;}
.top_banner h1{font-size:26px;}
.RightContext img{max-width:100%;height:auto;}
.RightContext .Content{width:96%; margin-left:4%;}
.RightContext .ImgScreen2{float:left;}
.RightContext .list_reseller_kb li{width:100%; float:none;}
.RightContext .list_level li{width:100%; float:none; padding:20px 0; text-align:center;}
.RightContext .contact_banner{height:200px;}
.RightContext .affiliate_list li{width:auto; float:none;}
.RightContext .partner_logo div{margin:0 0 20px 0;}
.partner_scroll{width:100%;}
.affiliate_list li,.affiliate_list li.right{float:none;width:auto;margin:30px 0;}
.contact_list li{width:100%;margin:2px 0;}
.contact_list li p,.contact_list li a{margin-left:86px;}
}
@media (max-width: 767px) {
.topic_main_col,.RightContext{width:100%;}
.topic_main_col p img{width:96% !important; height:auto !important;}
.LeftSideBar{display:none;}
.RightContext .Content{width:auto; float:none; margin:0px;}
}
@media (max-width: 479px) {
.top_banner h1{font-size:24px; line-height:26px;}
.RightContext .list_reseller_kb li{background-image:none !important;}
}
/*product buy*/
@media (max-width: 1000px) {
.banner_buyonly_con .de_infor{width:260px !important;}
.banner_buyonly_con .de_infor h1{font-size:20px; margin-bottom:10px;}
.list_bundle li{margin-right:50px !important;}
.list_bundle li.price_bar{margin-top:20px;}
.list_bundle li:first-child { margin-bottom:10px;}
.list_bundle li .ico_plus { left:155px; bottom:-22px; top:auto;}
.list_bundle li .ico_bracket { top:-75px;}
.list_bundle li .ico_equal {top:-18px;}
.list_bundle li:last-child { position:absolute; top:170px; left:440px;} 
}
@media (max-width: 767px) {
.list_bundle{width:100%;}
.list_bundle li{float:none; height:auto;}
.list_bundle li .ico_plus { left:205px; top:auto; bottom:-22px;}
.list_bundle li .ico_equal{ left:205px; top:auto; bottom:-22px;}
.list_bundle li .ico_bracket { display:none;}
.list_bundle li.price_bar { background:#FFF;}
.list_bundle li{width:90% !important; padding:4% !important; margin:0px !important;}
.list_bundle li .img_text_bar{width:100%;}
.part_box_support_media_show{position:fixed; background:url(/images/ioc-media-sidebar-nav.png) no-repeat; width:49px; height:45px; bottom:120px; right:0px; cursor:pointer;}
.part_box_support{position:fixed; z-index:998; top:0px; left:0px; background:#fff; width:235px; height:100%; overflow:auto;}
.part_box_support .list_dl_dose{display:block !important;}
.list_bundle li:last-child { position: inherit;} 

}
@media (max-width: 479px) {
.banner_buyonly_con img{top:60px !important; left:110px !important;}
.banner_buyonly_con .banner_img{width:100px; height:auto;}
.img_text_bar .info{width:67%;}
.img_text_bar img{margin-right:4px;}
.list_bundle li .ico_plus, .list_bundle li .ico_equal { left:135px;}
h2.title_bundle { width:100%; height:auto; background:#3eb4e5; padding-left:5px;}
}

/*产品download页面*/
.tbf_form { width:416px; margin-left:auto; margin-right:auto;}
form.tbf_form p.des-p { height:auto;}
.tbdown_content .LeftDiv { width:600px; margin-left:10px;}
.tbdown_content .rightDiv { width:330px;}
@media (max-width: 1000px) {
.ProductCon { width:460px; margin-left:auto; margin-right:auto;}
.AwardsSide, .CustomerSays, .OurClients { width:100%;}
.AwardsSide .Slides { width:100%;}
.AwardsSide .Slides li { width:100%; height:60px;}
.AwardsSide .img { padding-top:0;}
.AwardsSide .detail { width:340px; float:right;}
.AwardsSide { margin-bottom:15px;}
.CustomerSays, .OurClients { background:none; padding-left:0; margin-left:0;}
.OurClients h3 { margin-left:0;}
.OurClients img { margin:0 15px 10px 0;}
.CustomerSays ul, .OurClients ul { margin-bottom:25px;}
.tbdown_content .title { width:100%; height:auto; margin:15px 0;}
.tbdown_content .title p { position:relative;  margin-left: auto; margin-right:auto; left:0; line-height:1.6em;}
.tbfree_down .btn { width:100%;}
.tbdown_content .LeftDiv { margin-left:0; width:420px;}
.tbdown_content .rightDiv { width:280px; padding-left:10px;}
.scroll_usersay_review .part_box { width:370px;}
.scroll_sidebar_hide, .scroll_sidebar_hide ul, .scroll_sidebar_hide ul li{ width:100%;}
.tbdown_hcontent .LeftDiv { margin-left:0; width:420px; padding-right:10px;border-right: 1px solid #e6e6e6;}
.tbdown_hcontent .LeftDiv table { width:100%;}
.tbdown_hcontent .rightDiv { width: 300px;}
.tbdown_hcontent .rightDiv .img_text_bar .info { width:180px;}
}
@media (max-width: 767px) {
form.tbf_form input[type="text"]{width:81%;}
.tbf_form input.formSubmit { width:100%; background:#64ba0f;}
.ProductCon { width:460px;}
.tbdown_content .LeftDiv {width:100%;}
.tbdown_content .rightDiv { width:100%; padding-left:0; border-left:0;}
.tbf_download_sidebar { margin-left:0;}
.scroll_usersay_review .part_box { width:100%;}
.tbdown_hcontent .LeftDiv,.tbdown_hcontent .rightDiv { width:100%;}
.tbdown_hcontent .rightDiv .img_text_bar .info { width:70%;}
.table_com .btn { width:100%; font-size:14px;}

}
@media (max-width: 479px) {
.tbf_form { width:100%;}
.ProductCon { width:300px;}
.AwardsSide .Slides li { width:100%; height:125px;}
.AwardsSide .img { padding-top:0;}
.AwardsSide .detail { width:180px;}
.tbdown_hcontent .LeftDiv .btn_download_big { width:90%;background-position: 96px -1181px;}
.tbdown_hcontent .rightDiv .img_text_bar .info { width:60%;}
}

/*survey*/
@media (max-width: 1000px) {
.time_line .list_countdown{margin:-6px 100px 0 0 !important;}
.recommend_unin .part_box:last-child{float:left !important;}
}
@media (max-width: 767px) {
.recommend_unin .part_box{margin:20px 0 20px 80px;}
}
@media (max-width: 479px) {
.time_line{padding:0px 6px;}
.time_line p{width:100%;text-align:center;}
.time_line p,.time_line p span{font-size:18px !important;}
.time_line .list_countdown{margin:0 30px 10px 0 !important;}
.recommend_unin .part_box{margin:20px 0 40px 0px; width:296px;}
}

/*产品附属页*/
.list_table_ios { width:100%;}
.list_table_ios li { text-align:center; padding-left:0 !important; width:118px; padding:7px 5px; margin-bottom:10px; float:left; height:108px; vertical-align:middle; background:none !important;}
.news_title {width:100%; height:80px; line-height:80px; color:#FFF; background:#1d89ad;}
.news_title_h1 {font-size:24px;line-height:80px;}

@media (max-width: 1000px) {
.subnav_product_fixed { display:none;}
.subnav_product { height:140px;}
.subnav_product_pro ul { right:auto; left:0; top:85px;}
.article_content ul.list_tab_article li { width:18%; height:90px;}
.table_com .btn { width:80%; margin-bottom:2px;}
.news_title { height:auto;}
.news_title_h1 {line-height:50px;}
}
@media (max-width: 767px) {
.subnav_product { height:197px;}
.subnav_product_pro.cg_mac_bg,.subnav_product_pro.cg_win_bg, .subnav_product_pro.drw_free_bg, .subnav_product_pro.drw_mac_pro_bg, .subnav_product_pro.drw_mac_free_bg_02, .subnav_product_pro.drw_pro_bg, .subnav_product_pro.drw_winpe_bg, .subnav_product_pro.drw_ios_free_bg， .subnav_product_pro.drw_ios_pro_bg, .subnav_product_pro.drw_ios_free_bg, .subnav_product_pro.epm_bg{ height:197px;}
.table_com .btn {background-image:none; padding-left:0px;}
}
@media (max-width: 479px) {
.subnav_product {height:254px;}
.subnav_product_pro.cg_mac_bg, .subnav_product_pro.cg_win_bg, .subnav_product_pro.drw_free_bg,.subnav_product_pro.drw_mac_pro_bg,.subnav_product_pro.drw_mac_free_bg_02, .subnav_product_pro.drw_pro_bg, .subnav_product_pro.drw_winpe_bg, .subnav_product_pro.drw_ios_free_bg, .subnav_product_pro.drw_ios_pro_bg, .subnav_product_pro.drw_ios_free_bg,.subnav_product_pro.epm_bg { height:254px;}
.article_content ul.list_tab_article li { width:78%; height:50px;}
.article_content ul.list_tab_article li.current { border-left:1px solid #239cd5;}
}

/*support*/
.thank_translate .title { font-size:24px; color:#9b823e; font-weight:bold; text-align:center; display:none;}
@media (max-width: 1000px) {
	.support_hotarticles .part_box { margin-left:0 !important; min-height:287px;}
	.list_re_product li { min-height:200px;}
	.list_faq li { width:260px !important;}
	.list_faq li ul.list_sidebar li { width:240px !important;}
	.list_faq li.marR100 { margin-right:50px !important;}
	.KnowledgeBaseContext { width:750px;}
	.list_translate_step li { padding:0; max-width:200px;}
    .list_translate_step li img { width:200px; height:auto;}
	.list_translate_step li.arrow img { width:23px; height:62px;}
	.article_content h1.tit_faq_index { font-size:28px;}
	}
@media (max-width: 767px) {
	.page_banner.bg5 { height:91px;}
	.support_hotarticles .part_box { margin-left:0 !important; margin-right:0 !important; width:95%;}
	.list_faq li { width:98% !important;}
	.list_faq li ul.list_sidebar li { width:80%!important;}
	.list_faq li.marR100 { margin-right:0 !important;}
	.list_faq li.height290 { height: auto !important;}
	.KnowledgeBaseContext { width:460px;}
	.list_translate_step { width:281px; margin-left:auto; margin-right:auto;}
	.list_translate_step li { padding:0; max-width:281px;}
	.list_translate_step li p { margin-left:auto; margin-right:auto; max-width:281px;}
    .list_translate_step li img { width:281px; height:auto;}
	.list_translate_step li.arrow { display:none;}
	.thank_translate {width: 100%; background:#fdf8ee; height:auto;}
	.thank_translate { padding-top:40px;}
	.thank_translate .title { display:block; width:80%;}
	.thank_translate ul li { width:80%;}
	.article_content h1.tit_faq_index { font-size:24px;}
	}
@media (max-width: 479px) {
	.translate_download_p { font-size:13px !important;}
	.list_faq li ul.list_sidebar li {width:70%!important;}
	.KnowledgeBaseContext { width:300px;}
	.list_translate_step li { padding:0;}
    .list_translate_step li img { width:281px; height:auto;}
	.list_translate_step li.arrow { display:none;}
	.thank_translate ul li { width:60%;}
	.article_content h1.tit_faq_index { line-height:30px;}
	}

/*table*/
.table_list_title { margin-bottom:0;}
@media (max-width: 1000px) {
.table_list_title .button, .table_list_child .button{min-width:inherit;}
.table_list_title h2{font-size:26px;}
.table_list_title .title{height:64px;}
.table_list_child ul li.word{word-break:break-all; line-height:16px;}
}
@media (max-width: 767px) {
.table_list_title .title{padding:0; cursor:pointer; margin-bottom:0px; height:auto;}
.table_list_title .none{display:none;}
.table_list_title li{display:list-item; width:100%;}
.table_list_title li.t_title,.table_list_title .title a,.table_list_title .price,.table_list_title .button{display:none;}
.table_list_title .media{display:block;}
.table_list_child{display:none;}
.table_list_title .table_list_child li{background:#fff;}
.table_list_title li.current .table_list_child{display:table;}
.table_list_title li.current .price,.table_list_title li.current .button{display:inline-block;}
.table_list_child ul li{width:50% !important;}
.table_list_title li.no1 .no2,.table_list_title li.no1 .no3,.table_list_title li.no1 .no4,.table_list_title li.no1 .no5{display:none;}
.table_list_title li.no2 .no1,.table_list_title li.no2 .no3,.table_list_title li.no2 .no4,.table_list_title li.no2 .no5{display:none;}
.table_list_title li.no3 .no1,.table_list_title li.no3 .no2,.table_list_title li.no3 .no4,.table_list_title li.no3 .no5{display:none;}
.table_list_title li.no4 .no1,.table_list_title li.no4 .no2,.table_list_title li.no4 .no3,.table_list_title li.no4 .no5{display:none;}
.table_list_title li.no5 .no1,.table_list_title li.no5 .no3,.table_list_title li.no5 .no4,.table_list_title li.no5 .no4{display:none;}
}
@media (max-width: 479px) {
}
/*backup-solution*/
@media (max-width: 1000px) {
.solution_content_box {width:230px;}
.solution_content_box .h2_title {font-size:16px;}
.solution_content_box img.media_img {width:80%;}
.solution_content_box h3 {line-height: normal;}
.solution_content_box h3.on1 {margin-bottom:35px;}	
.solution_content_box {height:640px;}
}
@media (max-width: 767px) {
.banner_solution_con h1 {font-size:25px;}	
.solution_content_box {width:410px;}
.solution_content_box .h2_title {font-size:22px;}
.solution_content a.big_a { width:300px; font-size:18px;}
}
@media (max-width: 479px) {
.solution_content_box {width:300px;}
}
/*other-pro*/
@media (max-width: 1000px) {
.drss_table .left, .drss_table .right{width:auto; float:none;}
.drss_review{height:auto;}
.drss_review li{width:140px; margin-right:10px;}
.img_text_bar .info{width:50%;}
}
@media (max-width: 767px) {
.drss_content .right{width:auto; padding:20px; height:auto;}
.drss_content .wrap{background:none;}
.drss_bundle{height:auto; background:none;}
.drss_bundle .list{width:auto; float:none; height:auto; padding-top:10px;}
.drss_bundle li{float:none; width:auto; padding-bottom:10px;}
.drss_other li{width:auto; height:auto; margin-bottom:10px;}
.drss_review li{width:auto; float:none; min-height:inherit; margin:0 0 10px 0;}
.part_box{width:100%; float:none;}
.img_text_bar .info{width:70%;}
}
@media (max-width: 479px) {
.img_text_bar .info{width:50%;}
}
/*404*/
@media (max-width: 1000px) {
.error_banner {background:none; padding:15px; height:auto;}	
}

/*other*/
@media (max-width: 1000px) {
.banner-acad {background:none;}	
.RightContext #Context table{width:auto;}
.catInfo .catImg {display:none;}
.catInfo .cat_t p{width:90%;}
.page_banner_upgrade{height:auto;}
.page_banner_upgrade .bg_div:after{content: ".";display: block;height:0;clear:both;visibility:hidden;}
.page_banner_upgrade .bg_div{height:auto;}
.boxDiv.First{margin:0px;}
.boxDiv{width:33%;}
.list_usersay li{width:33%; padding:0px; margin:0px;}
.related_article .related_left, .related_article .related_right { float:none;}
.banner_buy_new_2 .back{position:static; margin:10px 0;}
}
@media (max-width: 767px) {
.boxDiv{float:none; width:auto;}
.list_30day li{margin:0px; float:none; margin:6px 0;}
.list_usersay li{width:auto; float:none; padding:10px; border-bottom:1px solid #ddd;}
.related_article .related_left, .related_article .related_right { width:100%;}
.banner_buy_new_2 .list_box{width:auto !important; float:none;}
}
@media (max-width: 479px) {
.banner_buy_new_2 .img{display:none;}
.banner_buy_new_2 .box{margin:0;}
}

