@charset "utf-8";
/* CSS Document */
@media only screen and (max-width: 1024px) {
	.bs_inner .bsi a{ height:auto;}
	.tab-inner{ overflow:hidden;}
}

@media only screen and (max-width: 991px) { 
	.border-out, .tab1{ min-height:0;}
	.tab1{ margin-bottom:15px;}
	
}

@media only screen and (max-width: 980px) {
	.container{ width:96%;}
	.new-img p{ font-size:16px; line-height: 40px;}
	.new-img{ height:auto;}
	.title_over{ bottom:0;}
}
@media only screen and (max-width: 885px) {
	.search{ width:auto; margin-left:0;}
	.free_tip{ clear:none; float:left; margin:18px 15px 0 0;}
	.header_main .navbar-form.navbar-right{ float:left; clear:none; width:auto;}
	.myNavi .navbar-nav > li > a { padding-bottom: 15px; padding-top: 15px;}
}
@media only screen and (max-width: 767px) {
	.myNavi{ width:100%;}
	.myNavi .navbar-nav{ float:none; margin:7.5px 0;}
	.myNavi .navbar-nav > li > a{ padding:8px 15px;}
	.myNavi.navbar-default .navbar-nav > .active > a, .myNavi.navbar-default .navbar-nav > .active > a:hover, .myNavi.navbar-default .navbar-nav > .active > a:focus{ background:#fff; color:#D35400;}
	.navbar-default .navbar-toggle .icon-bar{ background-color:#fff;}
	.logo{ margin:12px 0 0;}
	.free_tip{ position:absolute; right:60px; top:55px; z-index:99;}
	.join_now img{ width:100%;}
	.banner_side{ text-align:center;}
	/*.banner_side a{ width:30.8%; margin:10px 1.5%;}*/
	.banner_side a:first-child, .bs_inner .bsi:first-child{ margin-left:0;}
	.bs_inner .bsi:last-child{ margin-right:0;}
	.btm_side{ text-align:center;}
	
	.bs_inner .bsi{ display:inline-block;  width:30.8%; margin:10px 1.5%;}
	.bs_inner .bsi a{ width:100%; margin:0; height:auto;}
	.in2 .col-sm-4{ margin-bottom:15px;}
	.bsi h3{ position:static; text-align:left; margin-bottom:10px; height:15px; line-height:normal; overflow:hidden; display:block;}
	.tab1 .border-tab{ min-height:0; padding:0 10px 20px;}
	.tab1{ min-height:0;}
	.new-img{ height:auto;}
	
	.border-out{ min-height:0; margin-bottom:15px;}
	.text_left{ vertical-align:top; width:100%; display:block; line-height:24px;}
	.text_right{ text-align:left; width:100%; display:block;}
	.in4 .tab1{ min-height:0; margin-bottom:25px;}
	
	.side_img{ width:80px;}
	.side_txt{ padding-right:80px;}
	.banner_side{ margin-top:15px; margin-bottom:15px;}
	
}
@media only screen and (max-width: 640px) {
	body{ font-size:13px;}
	.footer ul li{ padding:0 10px; font-size:12px;}
	.footer{ padding:15px 0;}
	.logo{ width:45%;}
	.social{ position:relative; text-align:center;}
	.copy{ margin-top:20px;}
	
	
}
@media only screen and (max-width: 600px) {
	.free_tip{ margin-top:12px;}
	.event_hd_list li{ font-size:12px;}
}
@media only screen and (max-width: 480px) {
	.ctnt_img span{ font-size:12px;}
	.text_right p{ width:49.4%;}
}
@media only screen and (max-width: 479px) {
	.logo{ width:100%; text-align:center; margin-bottom:15px;}
	.search{ width:100%;}
	.free_tip{ margin:0; top:135px; right:auto; left:10px;}
	.header_main .navbar-form.navbar-right{ float:none; clear:both;}
	/*.banner_side a{ width:100%; margin:5px 0;}*/
	.mainC_btm .col-xs-6{ width:100%; padding:0;}
	.mainC_top .carousel.slide{ margin-bottom:15px;}
	.bs_inner .bsi{ width:100%; margin:25px 0 10px !important; text-align:center;}
	.bs_inner .bsi h3{ text-align:center;}
	.new-img p{ font-size:16px; line-height:28px;}
}

@media only screen and (max-width: 380px) {
	/*.banner_side a{ margin:5px 0 !important;}*/
	
}
@media only screen and (max-width: 320px) {
}