/*submenu start*/
.navigation{  width:960px; font-size:16px; min-height:54px;  position:relative; margin:10px auto 0px;}
.navigation .menu ul li{ float:left;}
.navigation a{ font-size:17px; line-height:54px; margin-right:30px; display:inline-block; padding:0 8px;}
.navigation li.current a{  border-bottom:1.5px solid #F7A935;}
.navigation a:hover{ border-bottom:1.5px solid #F7A935;}

.menu{z-index:100; top:0; left:0; position:absolute; }
.nav_top{ position:absolute; top:-7px; left:0; background-image:url(../images/submenu_topbg.gif); background-repeat:no-repeat; width:960px; height:7px;}
.nav_bottom{ position:absolute; bottom:-7px; left:0;background-image:url(../images/submenu_bottoombg.gif); background-repeat:no-repeat; width:960px; height:7px; z-index:10;}


/**advertisers | overview**/
.subcon{ width:960px; margin:0px auto 20px; min-height:400px; border-bottom:2px solid #ededed; padding:50px 0 20px;}
.subcon p{ line-height:23px;}
.subcon  h1{ font-size:42px; color:#000;  padding:11px 0px 18px; margin-bottom:5px; font-weight:normal;}
.subcon .block_left{ width:430px; float:left;}
.subcon .block_right{ width:530px; float:right;}
.subcon .section{ padding-bottom:50px;}

.subcon .section .block_right img.overview{ margin-right:100px; margin-top:35px; float:right;}
.subcon .section .block_left  img.advantages{ padding-top:10px;}
.subcon  h2{ font-size:22px; color:#000; padding-bottom:10px;}
.subcon  ul.list li{ line-height:24px; padding-left:15px; background:url(../images/doc.gif) no-repeat scroll 0 9px transparent;}
.subcon .section p img{ padding:50px 0 20px;}



/**advertisers | how it work**/
.subcon .section .capabilities p{ margin-bottom:15px;}
.subcon .section .capabilities ul{ float:left; width:440px; padding-right:30px;}
.subcon .section .capabilities ul li{ line-height:24px;}

/**advertisers | channels**/ 
.channels p{ margin-bottom:15px;}
.channels ul{ width:230px; float:left;}
.channels .right img{ margin-top:85px; margin-right:80px;}

/**advertisers | optimization **/
.opti_section{ margin-bottom:46px;}
.opti_section p{ margin-bottom:33px;}
.opti_block{ margin-bottom:46px;}
.opti_block:last-child img{ padding-bottom:30px;}
.opti_block p{ margin-bottom:20px;}
.further_optimizes{ margin-bottom:60px; padding-top:14px;}

/**advertisers | ad specifications **/
.section_ad{ padding-bottom:50px;}
.section_ad ul.first_block{background:url(../images/tb_box1_bg.gif) repeat;}
.section_ad ul.first_block li.name{border-top:2px solid #f58a1e !important; border-bottom:1px dashed #e6e6e6 !important;}
.section_ad ul li.name{font-size:18px; height:52px; line-height:52px; padding-top:0px;  border-bottom:1px solid #e6e6e6; border-top:1px solid #e6e6e6; color:#f7a935;}
.section_ad ul li{  padding-top:18px;color:#333333;}
.section_ad ul li.last{border-bottom:1px solid #e6e6e6; padding-bottom:25px;}

.ad_sp ul{width:240px; float:left;}
.ad_sp ul li{text-align:center;}
.ad_sp ul li.name{border-top:2px solid #87888a; text-align:center;}
.ad_sp ul.first li{ padding-left:85px; text-align:left;}
.ad_sp p{ padding-top:20px;}

.section_ad ul.ad_block2{ width:50%; float:left;}
.section_ad ul.ad_block2 li{ padding-left:30px;}
.section_ad ul.ad_block3 li{ padding-left:30px;}

/*publisher | ad specifications*/
.pub_ad_sp p{ padding-top:20px;}
.pub_ad_sp ul{width:30%; float:left;}
.pub_ad_sp ul li{text-align:center;}
.pub_ad_sp ul li.name{border-top:2px solid #87888a; text-align:center;}
.pub_ad_sp ul.first_block{ width:40%;}
.pub_ad_sp ul.first_block li{ padding-left:120px; text-align:left;}
.pub_apply{ padding:30px 0;}

/**publisher | application **/
.application_text{ float:left; width:360px;}
.application_img { float:right; margin-right:80px;}

.info{ width:50%; margin-bottom:150px; float:left;}
.infobox{ width:380px; margin-bottom:40px; position:relative;}
.infobox h4{ font-size:19px; font-weight:bold; color:#666666; margin-bottom:18px;}
.infobox input.textbox{ width:360px; height:44px; background-color:#efefef; border:none; padding-left:10px; padding-right:10px; color:#989898; font-size:17px;}
.info_type{ padding-bottom:40px; height:200px; padding-top:10px;}
.info_type p.abouttype{ font-size:17px; padding-top:30px;}
.infobox a.applynow{ position:absolute; right:-8px; top:0px;}
.infobox .radiobox{ padding:15px 0 10px;}
.infobox .selectbox{ width:100%; height:44px;}
.infobox .selectbox select{ width:400px;}
.infobox .selectbox .selecttext{ width:297px; height:44px;background-color:#efefef; border-left:none; border-top:none; border-bottom:none;border-right:1px solid #e6e6e6; padding:0 15px;font-size:15px; color:#989898; line-height:44px;}
.infobox .selectbox .selectbotton{ width:53px; height:44px; background-image:url(../images/button.gif); cursor:pointer; text-indent:-9999px; border:none;}
.info_word{ width:380px; height:147px;}
.info_word img{ width:100%;}

/**about us**/
.line{ background-image:url(../images/submenu_topbg.gif); background-repeat:no-repeat; width:960px; height:7px; padding-bottom:10px; margin:0 auto;}
.subcon h3{ font-size:19px; color:#333333; padding-bottom:20px;}

/**contact us**/
.contact_info{ font-size:18px; line-height:33px !important; padding-top:15px; padding-bottom:30px;}
.infobox textarea{ width:360px;  height:159px;background-color:#efefef; border:none; padding-left:10px;color:#989898; font-size:17px; padding-top:10px; padding-right:10px; font-family:Arial, Helvetica, sans-serif;}
.infobox .selectbox select option { padding: 10px 0 10px 10px;}
.infobox .phone{ margin-right:25px;}
.infobox .radiobox input{ margin-right:2px;}
.success{ font-size:18px; color: #2333; line-height:28px;}

@media only screen and (min-width:768px) and (max-width:999px){
	.navigation{  width:728px; font-size:16px; height:54px;  position:relative; margin:10px auto 0px;}
	.navigation .menu{ width:728px;}
	.navigation .menu ul li{ float:left;}
	.navigation a{ font-size:15px; line-height:54px; margin-right:8px; display:inline-block; padding:0 8px;}
	.navigation li.current a{  border-bottom:1.5px solid #F7A935;}
	.navigation a:hover{ border-bottom:1.5px solid #F7A935;}
	
	.menu{z-index:100; top:0; left:0; position:absolute; }
	.nav_top{ position:absolute; top:-7px; left:0; background-image:url(../images/submenu_topbg.gif); background-repeat:no-repeat; width:728px; height:7px;}
	.nav_bottom{ position:absolute; bottom:-7px; left:0;background-image:url(../images/submenu_bottoombg.gif); background-repeat:no-repeat; width:728px; height:7px; z-index:10;}
	
	.subcon{ width:728px; margin:0px auto 20px; min-height:600px; border-bottom:2px solid #ededed; padding:50px 0 20px;}
	/*advertiser*/
	.subcon .block_left{ width:364px;}
	.subcon .block_right{ width:364px;}
	
	.subcon .section .block_right img.overview{ margin-right:20px; margin-top:40px; float:right;}
	.subcon .section .capabilities ul {float: none;padding-right: 0px;width: 728px;}
	.channels ul {float: left;width:200px;}
	.channels .right img { margin-right: 0px;margin-top: 95px; width:95%; float:right;}
	
	.subcon .section p.bannerplacment img{ width:99%;}
	.ad_sp ul{width:182px; float:left;}

	/*publisher*/	
	.application_text {width: 320px;}
	.application_img { display:none;}
	.line{ background-size:728px 5px; width:728px; height:5px;}
	
	/*application info*/
	.infobox{ width:320px;}
	.infobox input.textbox { width:300px;}
	.infobox .selectbox select{ width:340px!important; }
	.infobox textarea { width:300px;}
	.infobox .radiobox{ padding:0;}
	.info_word { width:320px;}

	}
@media only screen and (min-width:480px) and (max-width:767px){
	
	.navigation { margin: 0px auto; position: relative;width: 459px;border-top:2px solid #EDEDED;}
	.navigation li{ border-bottom:2px solid #EDEDED;border-right:1px solid #EDEDED; background:#fff; width:228px;}
	.navigation li.current a { border-bottom: none; color:#000;}	
	.navigation a:hover{ border-bottom:none;}

	.navigation .menu{ width:459px; position:relative; float:left; margin-bottom:20px;border-left:1px solid #EDEDED;}
	.navigation a {  display: inline-block; font-size: 15px; line-height: 54px; margin-right: 30px;padding: 0 8px;}

	.nav_top{ display:none;}
	.nav_bottom{ display:none;}
	
	.subcon{ width:460px;  padding:20px 0 20px; }
	.subcon .block_left{ float:none; width:100%;}
	.subcon .block_right{ float:none; width:100%;}
	.subcon .section .block_right img.overview {  float:none; margin:40px 0 0; text-align:center; width:277px; }
	.subcon .section .block_left  img.advantages{ padding-top:40px;}
	
	.channels .left{ width:100%;}
	.channels ul{ width:50%;}
	.channels .right{ width:100%;}
	.channels .right img { margin:50px auto;  float:none; width:317px;}
	
	.opti_section img{ width:100%;}
	.opti_block img{ width:100%;}
	
	.ad_sp ul {float: left; width: 25%;}
	.section_ad ul.ad_block2 { width: 100% ; margin-bottom:25px;}
	.section_ad ul.ad_block2 li{ padding-left:10px;}
	
	/*publisher*/
	.pub_ad_sp ul.first_block li  { text-align:center; padding-left:0px; }
	
	.section_ad ul.ad_block3 li { padding-right:10px; padding-left:10px;} 
	.application_img { display:none;}
	
	.line{ background-image:none; background-color:#EDEDED; height: 2px;  margin: 0 auto; padding-bottom:0px; width: 460px;}
	.info{ width:100%; float:none; margin-bottom:50px;}
	.info:first-child{ margin-bottom:0px;}
	
	.subcon .section p img{ width:100%;}
	.success{ font-size:17px;}
	
	}
@media only screen  and (max-width:479px){
	.navigation{ display:none;}
	.subcon{ width:100%;  padding:20px 0px;  min-width:320px;}
	
	.subcon h1{ font-size:34px;}
	.subcon h2{ font-size:22px;}
	.subcon .block_left{ float:none; width:100%;}
	.subcon .block_right{ float:none; width:100%;}
	.subcon .section{ padding-left:10px; padding-right:10px;}
	.subcon .section .block_right img.overview {float: left; margin-right: 0px; margin-top: 35px;}
	.subcon .section .block_left img.advantages {padding-top: 35px;}
	.subcon .section p img {width: 100%;}
	.subcon .section .capabilities ul { float: left; width:100%;padding-right: 0px;}
	
	.channels{ padding:0 10px;}
	.channels .right{ width:100%;}
	.channels .right img {margin-right: 0px; float:left;  margin-top: 50px;}
	.channels ul {width: 180px;}
	
	.opti_section{ padding-left:10px; padding-right:10px;}
	.opti_section img{ width:100%;}
	.opti_block img{ width:100%;}
	.opti_block{ padding-left:10px; padding-right:10px;}
	.further_optimizes{ padding-left:10px; padding-right:10px;}
	
	.ad_sp ul {float: left; width: 25%;}
	.section_ad{ padding-left:10px; padding-right:10px;}
	.section_ad ul.ad_block2 { width: 100% ; margin-bottom:25px;}
	.section_ad ul.ad_block2 li{ padding-left:10px;}
	.section_ad ul.ad_block3 li { padding-right:10px; padding-left:10px;} 
	.section_ad ul li.name{ font-size:15px;letter-spacing: -0.6px; }
	
	.application_img { display:none;}
	.application_text{ width:100%;}
	
	.section_ad{ min-width:300px;}
	.line{ display:none;}
	.pub_ad_sp ul.first_block li  { text-align:center; padding-left:0px; }
	
	.info{ float:none; padding-left:10px; padding-right:10px; width:300px; margin-bottom:50px;}
	.infobox { margin-bottom: 40px; position: relative;width:100%;}
	.infobox input.textbox{ width:280px ;}
	.infobox .selectbox{ width:300px !important;}
	.infobox .selectbox select{ width:320px;}
	.info_word{ width:300px;}
	.info:first-child{ margin-bottom:0px;}
	.infobox textarea{ width:280px;}
	}