﻿/*
Description: dwb_style_PhubCloud(mobile 홈페이지)
Author: mail@dwb.kr
Version: 1.0
P-Day:2020.02.06
Last_Edit:
Update:
*/



/*
body {margin: 0px;padding: 0px;}
img{margin:0px; padding:0px;}
#dwb_Center_header .inner,
#dwb_Center_body .inner,
#dwb_Center_footer .inner{width:100%; overflow: hidden;}
.span1{width:128px;}.span2{width:256px;}.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10{width:100%;}
#TopScroll{opacity:0; display:scroll;position:fixed; bottom:50px;left:50%; margin:0 0 0 660px; z-index:999;}
.hidden-mobile_h,.MobileNoneDisplay,.NoneDisplay{display:none!important;}
*/

body{margin: 0px;padding: 0px;}
#dwb_Center_header .inner,
#dwb_Center_body .inner,
#dwb_Center_footer .inner{width:100%;  overflow: hidden;}
#dwb_Center_body .inner2{width: 100%;}
.span1{width:128px;}.span2{width:256px;}.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10{width:100%;}
#TopScroll{opacity:0; display:scroll;position:fixed; bottom:50px;left:50%; margin:0 0 0 660px; z-index:999;}
.hidden-mobile_h,.MobileNoneDisplay,.NoneDisplay{display:none!important;}






#dwb_Center_header a,
#dwb_Center_body a,
#dwb_Center_footer a{text-decoration: none;}
.right_area{
	float: right;
}
.mob_right_area{
	float: right!important;
}
.round{
	text-align: center;
	color: #fff;
	background-color: #283339;
	border-radius: 20px;
	
}
.main_fost{
	font-size: 7.5vw;
	font-weight: 500;
}
.font14{font-size: 5vw;}

p{font-size: 3.8vw;}

li{list-style: none;}

.right-x{				
	margin-right: 0!important;
}
.color1{
	color: #283339;
}
.color2{
	color: #fff;
}
.dwb_btn{
	width: 165px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: #fff;
	border: 2px solid #283339;
	color: #283339;
	font-weight: bold;
}
.dwb_btn:hover{
	background-color: #283339;
	border: 2px solid #283339;
	color: #fff;
	-webkit-transition: background-color 1s;-moz-transition: background-color 1s;-ms-transition: background-color 1s;-o-transition: background-color 1s;transition: background-color 1s;
}
.dwb_btn2{
	width: 35%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: #fff;
	border: 2px solid #283339;
	color: #000;
	font-weight: bold;
}
.dwb_main_s_btn{
	width: 140px;
	height: 45px;
	background-color: #ef5e4b;
	color: #fff;
	line-height: 45px;
	text-align: center;
	border-radius: 10px;
}
.block{display:block;}


.Template_text_color{
	color: {{메인텍스트컬러}}!important;
}
.Template_sub_color{
	color: {{서브컬러}}!important;
}
.Primary_Color{
	background-color: {{주컬러}}!important;

}
.Template_border_color{
	border: 2px solid {{보더컬러}}!important;
}
.Template_border_bottom_color2{
	border-bottom: 2px solid {{보더바텀컬러}}!important;
}
.Template_btn_hover:hover{
	background-color: {{주컬러}}!important;
	color: {{화이트텍스트컬러}}!important;
	border: 2px solid {{보더컬러}}!important;
	
}
.Template_white_color{
	color: {{화이트텍스트컬러}}!important;
}


/******헤더 시작
**************************************/
#dwb_Center_header{ position: absolute; z-index: 998;}
#dwb_Center_header .inner{width:100%;overflow: hidden;}
#dwb_Center_header .inner{background-color: #fff; padding: 7px 0; }
#dwb_Center_header .inner .span3{width:72%;height: 60px; text-align: center; overflow: hidden; } 
#dwb_Center_header .inner .span1{width:12%; overflow: hidden; text-align: center;}
#dwb_Center_header .inner .span1 i{font-size:8vw; line-height:20vw; text-align: center; color:#283339;}
#dwb_Center_header .inner .span1 a{ color:#283339;}
#dwb_Center_header .inner .span3 a img{max-width: 100%; max-height: 100%; }

#dwb_Mobile_Menu{  height:auto; margin-top:-800px;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;	 }
#dwb_Mobile_Menu.NavActive{margin-top:0px;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;  }


#TopScroll{opacity:0; display:scroll;position:fixed; bottom:10px;  z-index:999; right:10px	}
#dwb_Center_header .inner li{list-style: none; font-size:5vw; line-height:15vw; margin-left: 30px; }
#dwb_Center_header .inner  a{color:#283339; text-decoration: none; font-weight:700;text-shadow: none;}


/******헤더 끝
**************************************/







/******바디 시작
**************************************/

/*<!-------------------------메인 배너 작업 부분------------------------------>*/

#dwb_main_banner{
	width: 100%;
	margin: 0px;
	
}
#dwb_main_banner .carousel-inner>div{
	width: 100%; height:450px; 
}
.banner_img01{
	background:url("../img/main/mob_bn1.jpg") no-repeat center/cover;
}
.banner_img02{
	background:url("../img/main/mob_bn2.jpg") no-repeat center/cover;
}
/*슬라이드 이미지를 페이드로 처리하는 법*/
#dwb_main_banner .carousel-inner{margin:0;}
#dwb_main_banner.carousel.slide{margin-bottom:0px;}
#dwb_main_banner.carousel .item {-webkit-transition: opacity 3s;-moz-transition: opacity 3s;-ms-transition: opacity 3s;-o-transition: opacity 3s;transition: opacity 3s;}
#dwb_main_banner.carousel .active.left, .carousel .active.right {left:0;opacity:0;z-index:2;}
#dwb_main_banner.carousel .next, .carousel .prev {left:0;opacity:1;z-index:1;}
 /*슬라이드 이미지를 페이드로 처리하는 법*/






/*<!-------------------------메인 배너 작업 부분------------------------------>*/







/*------------------------------------서브페이지 공통사항----------------------------------*/
#dwb_Center_body.sub{padding-top: 250px; position: relative;}
#dwb_Center_body.sub.company{background: url("../img/sub/company_bg.jpg");	background-repeat: no-repeat; background-size:100% 250px;}
#dwb_Center_body.sub.logistics{background: url("../img/sub/logistics.jpg");	background-repeat: no-repeat; background-size:100% 250px;}
#dwb_Center_body.sub.transit{background: url("../img/sub/transit.jpg");	background-repeat: no-repeat; background-size:100% 250px;}
#dwb_Center_body.sub.business{background: url("../img/sub/business.jpg");	background-repeat: no-repeat; background-size:100% 250px;}
#dwb_Center_body.sub.customer{background: url("../img/sub/sub_title_bg_05.jpg");	background-repeat: no-repeat; background-size:100% 250px;}

#sub_title_txt{ 
	position:absolute;
	z-index:980;
	right:0; 
	top: 120px;
	margin-right:0;
	width:100%;
	min-width:100%;
	padding-top:0px; 
	text-align: center;   
}
#sub_title_txt .title{ 
	font-size:7vw; 
	color:#fff; 
	font-weight: bold;   
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.75);
}
#sub_title_txt .title span{
	display: block;
	font-size:10vw; 
	font-weight: 500;
	line-height: 70px;
}

.breadcrumb_area{
	background-color: #283339;
}
.breadcrumb_area ul{
	float: right;
	margin: 0;
	padding: 0;
}
.breadcrumb_area ul li{
	float: left;
	color: #fff;
	padding: 10px 0;
}
.breadcrumb_area ul li::after{
	clear: both;
	display: inline-block;
	content: ">";
	padding: 0 10px;
}
.breadcrumb_area ul li:last-child::after{
	display: none;
}
.common_sub_title_area{						
	border-bottom: 1px solid #283339;
}
.common_sub_title_area .inner{		
}
.sub_left_menu_title,.sub_menu{	
	width: 250px;
}
.sub_page_title_wrap{		
	width: 100%;
}
.sub_left_menu_title,.sub_page_title_wrap{
	padding: 30px 0;
}
.sub_left_menu_title p,.sub_page_title_wrap p{	
	line-height: 50px;
	font-size: 3.8vw;
	font-weight: 500;
}
.sub{position: relative;}
.sub_page_line{
/*
	position: absolute;
	width: 2px;
	height: 100%;
	background-color: #283339;
	left:561px;
*/
}
.sub_menu{
	padding-bottom: 500px;
	border-right: 1px solid #283339;
}
.sub_menu ul{					
	margin: 30px 0 0 0;
	width: 90%;
}
.sub_menu ul li{
	line-height: 50px;
	font-size: 16px;
	border-bottom: 1px solid #ddd;
}
.sub_menu ul li i{
	margin-right: 10px;
	font-size: 18px;
	font-weight: 500;
}
.business .sub_menu,.transit .sub_menu{
	padding-bottom: 1500px;
}
.transit_page23 .sub_menu{
	padding-bottom: 3000px;
}




.left_service_center_info{		
	background: url("../img/sub/left_info_bg.png") no-repeat center/cover;
	width: 250px;
	height:300px;
	margin-top: 250px;
}
.left_service_center_info h2{
	font-size: 25px;
}
.left_service_center_info h2,
.left_service_center_info h1,
.left_service_center_info p{	
	width: 100%;
	line-height: 35px;
}
.left_service_center_info .round{
	width: 60px;
	height: 20px;
	line-height: 20px;
	margin: 15px 0;
}
.left_service_center_info h1{
	display: inline-block;
	font-size: 45px;
	line-height: 70px;
}

.sub_title_text{
	font-size: 4vw;
	line-height: 7vw;
}
.sub_title_text span{
	font-weight: bold;
}
.sub_p_title_text{
	line-height: 20px;
}
.sub_p_title_text span{
	font-weight: 500;
}
/*------------------------------------서브페이지 공통사항----------------------------------*/


/*------------------------------------회사소개------------------------------------*/
.sub_cont_wrap{			
	width: 100%!important;
	margin: 30px 0 0 0;
	overflow: hidden!important;
}

.sub_cont_wrap .half_area{		
	width: 96%;
    margin-left: 2%;
    margin-right: 2%;
}
.sub_cont_wrap .half_area h2,.sub_cont_wrap .half_area p{
	margin-bottom: 30px;
}

.sub_cont_wrap .half_area p{
	line-height: 20px;
}
.sub_cont_wrap .half_area img{width: 100%; margin-bottom: 30px;}

.over_view_table p{					
	margin-top: 20px;	
	font-size: 3.8vw;
	width: 100%;
	display: inline-block;
}
.Organization_chart{				
	background: url("../img/sub/Organization_chart_bg.png") no-repeat center/100%;
	width: 100%;
	height: 300px;
}
.Organization_chart h1{
	float: right;
	font-size: 25px;
	line-height: 40px;
	font-weight: 500;	
	margin-right: 100px;
	margin-top: 30px;
}



/*------------------------------------회사소개------------------------------------*/




/*------------------------------------운송안내------------------------------------*/
.Business_sub_cont_wrap{	
	width:100%;
	margin-bottom: 200px;
}
.Business_sub_bg01{
	background: url("../img/sub/Business_sub_bg01.jpg") no-repeat center/cover;
	width: 100%;
	height: 491px;
}
.Business_sub_bg02{
	background: url("../img/sub/Business_sub_bg02.png") no-repeat center/cover;
	width: 100%;
	height: 491px;
}
.Business_sub_bg03{
	background: url("../img/sub/Business_sub_bg03.png") no-repeat center/cover;
	width: 100%;
	height: 491px;
}
.Business_sub_bg04{
	background: url("../img/sub/Business_sub_bg04.png") no-repeat center/cover;
	width: 100%;
	height: 491px;
}
.Business_sub_bg05{
	background: url("../img/sub/Business_sub_bg05.png") no-repeat center/cover;
	width: 100%;
	height: 491px;
}
.Business_sub_bg06{
	background: url("../img/sub/Business_sub_bg06.png") no-repeat center/cover;
	width: 100%;
	height: 491px;
}
.Business_sub_bg07{
	background: url("../img/sub/Business_sub_bg07.png") no-repeat center/cover;
	width: 100%;
	height: 300px;
}

.Business_sub_cont_wrap .span3.bg_text_box{
	margin:30px 0 0 0;
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
	color: #000;
	background-color: rgba(255,255,255,0.4);
	
}
.Business_sub_cont_wrap .span3.bg_text_box p{
	margin-top: 30px;
}

.Business_sub_cont_wrap .Business_sub_bg .dwb_btn2{
	margin-top:150px;
	margin-left: 2%;
}
.Business_m_area{					
	width: 100%;
	margin-top: 50px;
}
.Business_m_area .Type_of_transport{			
	width: 100%;	
	text-align: center;
	margin-right: 0;
	margin-bottom: 50px;
}
.Business_m_area .Type_of_transport h2{
	line-height: 50px;
}
.Business_m_area .Type_of_transport .line{
	display: inline-block;
	width: 50px;
	height: 3px;
	background-color: #283339;
	margin: 10px auto 10px;
}
.Business_m_area .Type_of_transport p{
	display: inline-block;
	width: 100%;
}
.Business_m_area .round_box{				
	width: 100%;
	margin-bottom: 20px;
}
.Business_m_area .round_box .round{
	width: 140px;
	height: 40px;
	line-height: 40px;
	font-size: 20px;
}
.Business_m_area .Business_m_Explanation{				
	width: 96%;
    position: relative;
    margin-left: 2%;
    margin-right: 2%;
}
.Business_m_area .Business_m_Explanation .dwb_btn2{ 
	position: absolute;
	right: 10px;
	top: -60px;
}
.Business_m_area .Business_m_Explanation p{
	font-weight: 500;
	width: 100%;
}
.Business_m_area .Business_m_Explanation .margin_text{
	margin-bottom: 15px;
}
.car_size_img{		
	margin-top: 50px;
	width: 100%;
}

.box_margin{
	margin-top: 50px;
}

.Business_step{			
	text-align: center;
	width: 100%;	
}
.arrow{						
	width: 100%;
	margin: 20px 0 0 0;
	text-align: center;
}
.Business_step img{
	padding: 30px 0;
}
.Business_step h3,.Business_step p{
	font-size: 3.8vw;
}
.Business_step p span{font-weight: 500;}
.table_title{					
	width: 100%;
	display: inline-block;
	padding: 10px 0;
}
.table_title span{
	color: #000;
	font-size: 3.8vw;
}
.Business_table td{
	line-height: 30px;
}
.Business_table .table,.Business_table{width: 100%;}
/*------------------------------------운송안내------------------------------------*/




/*------------------------------------차량안내------------------------------------*/
.sub_transit_wrap .transit_top_box,
.sub_transit_wrap .Vehicle_specification_top_box{		
	width: 96%;
	margin-left: 2%;
	position: relative;
}
.sub_transit_wrap .Vehicle_specification_top_box img{width: 100%;}
.sub_transit_wrap .transit_top_box p{
	margin-top: 30px;
}
.sub_transit_wrap .transit_top_box .dwb_btn2{		
	position: absolute;
	right: 0;
	top: 0;
}
.sub_transit_wrap .Vehicle_specification_top_box .dwb_btn2{
	top: 13.8vw;
}

.Vehicle_type_area{							
	margin-top: 50px;
	width: 100%;
}
.Vehicle_type_area .sub_title_text{
	font-size: 6vw;
	margin-left: 20px;
}
.Vehicle_type_area .car_specification_cont_wrap{	
	width: 100%;
	margin-bottom: 50px;
}
.Vehicle_type_area .sub_title_text{		
	
}
.Vehicle_type_area .Vehicle_type_box{
	width: 96%;
	height: 320px;
	border-radius: 10px;
	border: 1px solid #ddd;
	margin-right: 2%;
	margin-left: 2%;
	margin-bottom: 40px;
}
.Vehicle_type_area .Vehicle_type_box .car_imgs{	
	padding: 15px 0;
	text-align: center;
}
.Vehicle_type_area .Vehicle_type_box p{
	font-size: 5vw;
	text-indent: 30px;
	font-weight: 500;
}
.Vehicle_type_area .Vehicle_type_box .car_type_text{
	font-size: 3.8vw;
	line-height:7vw;
	margin-top: 20px;
}
.Vehicle_type_area .Vehicle_type_box .car_type_text span{font-weight: 500; display: block;}
.Vehicle_type_area .Vehicle_specification_box{
	width: 100%;
	border-top: 1px solid #283339;
	margin-top: 10px;
	text-align: center;
}
.Vehicle_type_area .Vehicle_specification_box .left_car_img{
	width: 100%;
	text-align: center;
}
.Vehicle_type_area .Vehicle_specification_box .right_car_Explanation{
	width: 100%;					
}
.Vehicle_type_area .Vehicle_specification_box .right_car_Explanation p{
	width: 50%;
	text-align: center;
	line-height: 35px;
	outline: 0.5px solid #ddd;
	float: left;
	font-size: 3.8vw;
}
.car_specification_explanation{		
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
	line-height: 20px;
	font-size: 3.8vw;
}
.How_to_use_step_area{				
	width: 100%;
	margin-top: 50px;
}
.How_to_use_step_area .span2{				
	width: 100%;
	text-align: center;
}
.How_to_use_step_area .span2 .sub_p_title_text{
	font-size:3.8vw;
	line-height: 6vw;
}
.How_to_use_step_area .span2 .line{
	width: 100px;
	height: 2px;
	margin: 20px auto 20px;
	background-color:#283339;
}
.How_to_use_step_area .span1{
	width: 100%;
	text-align: center;
	padding: 20px 0;
}


.Select_car_model_box{	
	width: 100%;
	height: 360px;
	border: 1px solid #ddd;
	border-radius: 10px;
	margin-bottom: 30px;
}
.Select_car_model_box.right_area{
	margin-left: 0;
}
.Select_car_model_box p{
	text-indent:10px;
}
.Select_car_model_box p:last-child{
	letter-spacing: -1px;
	line-height: 25px;
	margin-top: 20px;
	font-size: 4.3.8vw;	
}
.Select_car_model_box p:last-child span{
	font-weight: 500;
}
.Select_car_model_box .Select_car_img{		
	padding: 10px 0;
	text-align: center;
}

.round_box_lef .round{
	margin-left: 0px!important;
}
.round_box .round_p{
	margin-top: 30px;
}
.tip_box p:first-child{
	margin-top: 10px;
}
.tip_box_s{						
	height: 180px;
	float: left;
}
.tip_box_l{				
	height: 230px;
}
/*------------------------------------차량안내------------------------------------*/






/*------------------------------------전국 요금 안내-----------------------------------*/
.sub_logistics_wrap{
	position: relative;
}
.shipping_fee_table{
	margin-top: 50px;
}
.shipping_fee_table .title_bg{
	width: 400px;
}
.shipping_fee_table td{
	text-align: center;
	line-height: 25px;
	width: 98.333333px;
}
.sub_logistics_wrap .car_specification_explanation{		
	margin-top: 30px;
}
.sub_logistics_wrap .car_specification_explanation .dwb_btn2{
	position:static;
	float: right;
}
.table_box td{
	height: 20px!important;
	line-height: 20px!important;
}
.table_box .sub_title_text span{
	font-size: 3.8vw;
}
.table_box .table{
	margin-top: 30px;
}
.table_box:last-child{
	margin-top: 100px;
}

/*------------------------------------전국 요금 안내-----------------------------------*/


.site_map_wrap .span2{			
	width: 50%;
	height: 300px;
}
.site_map_wrap .span2 a{
	color: #000;
	line-height: 40px;
	font-size: 16px;
}
.site_map_wrap .span2 h3{		
	font-size: 23px;
	margin-bottom:30px;
}
































/*==============서브페이지=================================서브페이지====================*/







/******바디 끝
**************************************/





/******푸터 시작
**************************************/



#dwb_Center_footer{
	border-top: 1px solid #ddd;
}
#dwb_Center_footer .inner{					
	padding: 20px 0;
	text-align:center;
}

#dwb_Center_footer .inner p a{color: #000;}
#dwb_Center_footer .inner a{color:#fff;}
#dwb_Center_footer .inner a.btn{color:#fff;}
#dwb_Center_footer p{padding-top:10px; padding-bottom:0px; margin:0px; font-size: 14px;}
#dwb_Center_footer .inner .btn{margin-bottom:5px; width:75px;}
#dwb_Center_footer .inner .btn.dwb_btn_large{margin-bottom:5px; width:275px; margin-top:5px;}

#dwb_Center_footer .inner .span3{width:100%; text-align:center; height:225px; overflow:hidden; margin-top:20px;}
#dwb_Center_footer .inner .span2{width:100%;}
#credit,#eMail_policy{width:310px;margin-left:-155px;text-align:left; color:#313131;}

#dwb_Center_footer .inner2{width:100%; padding-top:5px; padding-bottom:5px; }
#dwb_Center_footer .inner2.p_20{background-color:#761319; padding-top:20px; padding-bottom:20px;}






/******푸터 끝
**************************************/



/******엘리먼트 시작
**************************************/


/*<!--메인 페이지 버튼 부분-->*/
.dwb-btn-1{
	width: 100px;
	height: 40px;
	line-height: 40px;
	border: 2px solid #283339;
	color: #283339;
	text-align: center;
	font-size: 3.8vw;
}
.dwb-btn-1.right-btn{
	float: right;
	color:#fff;
	background-color:#283339;
}
/******엘리먼트 끝
**************************************/

.txt01{FONT-SIZE:17px; line-height:40px; COLOR:#04135d;  font-weight:bold; text-align:left; }
.txt03{FONT-SIZE:18px; line-height:40px;COLOR:#111;  font-weight:bold; text-align:left; padding-top:10px; }
.txt04{FONT-SIZE:3.8vw; line-height:40px;font-weight:bold; color:#212121; }
.AgreementContainer{font-size:15px; color:#666; line-height:35px; padding-top:15px; margin-bottom:20px; padding-top:20px;}
	.AgreementContainer .title{color:#04135d;}
	.AgreementContainer a,.AgreementContainer :hover{text-decoration: none; color:#04135d; }
	.dwbTable_firstline{border-top:solid 2px #999;}	









#dwb_Center_body.dwb_Sub .inner2{ background-color: #212121;width: 100%; }
#dwb_Center_body.dwb_Sub .inner.dwb_Contents { width: 100%; overflow: hidden;padding:0px;}
#dwb_Center_body.dwb_Sub .dwb_nav ul li.RightBorder{list-style: none; line-height: 40px; color: #fff;display:inline;float:left; margin: 0px; }#dwb_Center_body.dwb_Sub .dwb_nav ul{margin: 0px;}
#dwb_Center_body.dwb_Sub .dwb_nav ul li.RightBorder a{font-size:3.8vw;font-weight:bold;float:left;color:#fff;text-decoration: none;cursor: pointer; padding-left: 10px; padding-right: 10px;}
#dwb_Center_body.dwb_Sub .dwb_nav i.home{font-size: 25px; line-height: 35px;}
#dwb_Center_body.dwb_Sub .dwb_nav i.sub{padding-left: 5px;}
#dwb_Center_body.dwb_Sub .dwb_nav ul li.RightBorder a:hover{color:#fff;}
#dwb_Center_body.dwb_Sub .dwb_nav .LeftBorder{border-left:1px solid #333;}
#dwb_Center_body.dwb_Sub .dwb_nav .RightBorder{border-right:1px solid #333;}
#dwb_Center_body.dwb_Sub .dwb_nav .dropdown ul{margin-top: 35px;}

#dwb_Center_body.dwb_Sub .dwb_nav .dropdown-menu > li > a:hover,
#dwb_Center_body.dwb_Sub .dwb_nav .dropdown-menu > li > a:focus,
#dwb_Center_body.dwb_Sub .dwb_nav .dropdown-submenu:hover > a,
#dwb_Center_body.dwb_Sub .dwb_nav .dropdown-submenu:focus > a {
  color: #ffffff;
  text-decoration: none;
  background-color: #fff;
  background-image: linear-gradient(to bottom, #fff, #fff);
  background-repeat: repeat-x;
  filter:none;
}
#dwb_Center_body.dwb_Sub .dwb_nav ul li.RightBorder li a:hover{color:#fff;}
#dwb_Center_body.dwb_Sub .dwb_nav ul li.RightBorder .dropdown li a{color:#333;}
#dwb_Center_body.dwb_Sub .dwb_nav ul li.RightBorder .dropdown li a:hover{color:#b20000;}

#dwb_Center_body.dwb_Sub .dwb_nav ul li .pull-right{ padding-top: 3.8vw;}

#dwb_Center_body.dwb_Sub .inner.dwb_Contents.dwb_Freight_area .span5{width: 100%; overflow: hidden; padding-top: 0px; margin-top: 0px;}

#dwb_Center_body.dwb_Sub .inner.dwb_Contents.dwb_Freight_area .span5 h2{ padding-left:10px;  font-size: 22px; line-height: 24px; color: #000; font-weight: bold;}
#dwb_Center_body.dwb_Sub .inner.dwb_Contents.dwb_Freight_area .span5 h1{padding-left: 10px; padding-bottom: 5px; padding-top: 0px;}
#dwb_Center_body.dwb_Sub .inner.dwb_Contents.dwb_Freight_area .end{ margin-bottom: 20px;}
#dwb_Center_body.dwb_Sub .inner.dwb_Contents.dwb_Freight_area .start{ padding-top:20px;}
#dwb_Center_body.dwb_Sub .inner.dwb_Contents.dwb_Freight_area .title{ color:#005bac; font-family:'Helvetica'; font-weight: bold;}
#dwb_Center_body.dwb_Sub .inner.dwb_Contents.dwb_Freight_area .span5 p{padding-left: 10px; font-size: 12px; line-height: 25px;}
#dwb_Center_body.dwb_Sub .inner.dwb_Contents.dwb_Freight_area p.end{ margin-bottom: 10px;}
 #dwb_Center_body.dwb_Sub .inner.dwb_Contents.dwb_Freight_area hr{ border:solid thin #f1f1f1; overflow: hidden;margin-bottom: 0px; padding-bottom: 0px;}
 #dwb_Center_body.dwb_Sub .inner.dwb_Contents.dwb_Freight_area h5{ font-size: 20px; border-left:5px solid #009966; line-height: 24px; padding-left: 10px; margin-left: 10px;}
#dwb_Center_body.dwb_Sub .inner.dwb_Contents.dwb_Freight_area .mb20{margin-bottom: 5px;}
#dwb_Center_body.dwb_Sub .inner.dwb_Contents.dwb_Freight_area .p20{padding: 5px; line-height:25px; font-size:13px;}




.mob_scroll_table{overflow-x:scroll!important;}

.table th,.table td{ white-space:nowrap;}
.table .text-center td{text-align: center;}
.title_bg{background-color: #f1f1f1;}











.mobile-main-cont{width: 100%; margin-top: 30px;}
.mobile-main-cont .span3{
	width: 30%;
    height: 99px;
    border: 3px solid #dddee0;
    margin-left: 1%;
    margin-right: 0.5%;
    margin-bottom: 5px;
    text-align: center;
    /* background-color: #283339; */
    padding-top: 15px;
    color: #fff;
    /* border-radius: 50%; */
    color: #777;
	
}
.mobile-main-cont .span3 i{
	font-size: 13vw;
	
}
.mobile-main-cont .span3 p{
	font-weight: 500;
	line-height: 10vw;
	font-size: 3.5vw;
}






#mobile-table-wrap{									
	width: 90%!important;
	margin-left: 5%;
	margin-right: 5%;
	overflow: hidden;
}
.mobile-table-box{
	width: 100%;
}
.title_bg{
	width: auto;
	background-color: #f5f5f5;
}
.mobile-table-box .table td{
	padding: 5px 0;
    text-align: center;
    font-size: 12px;
	vertical-align: middle;
}
.mobile-table-wrap .table td{
	padding: 5px 0;
    text-align: center;
    font-size: 12px;
	vertical-align: middle;
}
.Charge_Table_Memo{
	display: inline-block;
}
