@charset "utf-8";

.yallow{
	color:#fcb60b;
}

.red{
	color:#d60043;
	font-weight:bold;
}

.sky{
	color:#2490c2;
	font-weight:bold;
}

.blue{
	color:blue;
	font-weight:bold;
}

.s_bar{
	display:block;
	width:60px; height:4px;
	margin-left:1px;
	background:#fff;
}

.ss_bar,
.ss_bk_bar,
.ss_br_bar{
	display:block;
	width:40px; height:4px;
	margin-left:1px;
	background:#fff;
}

.ss_bk_bar{
	background:#333;
}

.ss_br_bar{
	background:#534741;
}

.fa-star,
.fa-product-hunt{
	color:#fcb60b;
}

.fa-user-plus{
	color:#364c95;
}

.fa-user-plus,
.fa-file-alt,
.fa-shopping-basket,
.fa-user,
.fa-address-card,
.fa-box-open,
.fa-cart-arrow-down,
.fa-power-off,
.fa-edit{
	color:#003663;
}

.fa-heart{
	color:#d60043;
}

.fa-sign-in-alt{
	color:#015e8a;
}

.fa-plane{
	color:#fff200;
}

.header_wrap{
	position:fixed;
	height:80px;
	z-index:1000;
	border-bottom:1px solid #e1e1e1;
	background:#fff;
}	

.header_wrap .mobile_menu_bk_box{
	position:absolute; top:0px; left:0px;
	width:100%; height:100%;
	background:#ccc;
}

.header_back{
	position:relative;
	display:block;
	height:180px;
	z-index:1;
}

.header_wrap .top_menu_box{
	float:right;
	height:50px;
	margin-top:15px;
}

.header_wrap .top_menu_box ul > li{
	float:left;
	line-height:50px;
	vertical-align:middle;
	margin-left:7px;
}

.header_wrap .top_menu_box ul > li > a{
	font-size:14px;
}

.header_wrap .top_menu_box ul > li:first-child{
	margin-left:0px;
}

.header_wrap .main_menu_box .main_menu > li > a > i{
	color:#aaa;
}

.header_wrap .top_menu_box .user_info{
	float:right;
}

.header_wrap .mobile_search input[type="text"]{
	width:170px; height:30px;
	vertical-align:middle;
	margin-top:4px;
	padding:0px 5px;
	border:4px solid #fff;
	border-radius:5px 0px 0px 5px;
}

.header_wrap .mobile_search input[type="text"]{
	width:200px;
}

.header_wrap .mobile_search input[type="button"]{
	height:30px;
	color:#333;
	font-size:14px;
	font-weight:bold;
	vertical-align:middle;
	margin-top:4px;
	padding:3px;
	border:2px solid #ffd333;
	border-radius:0px 5px 5px 0px;
	cursor:pointer;
	background:#ffd333;
}

.header_wrap .mobile_user_box ul{
	padding:15px;
}

.header_wrap .mobile_user_box ul li{
	display:block;
	height:35px;
	text-align:center;
	line-height:35px;
	margin-bottom:10px;
	border:1px solid #ccc;
}

.header_wrap .mobile_user_box ul li:first-child{
	width:100%;
}

.header_wrap .mobile_search_box{
	margin:0px 15px 5px;
}

.header_wrap .logo_box{
	margin-top:20px;
}

.header_wrap .logo_box img{
	margin:0 auto;
}

.mobile_menu_btn_box,
.mobile_my_page_menu_wrap{
	display:none;
}

.header_wrap .main_menu_box{
	width:100%; height:80px;
	line-height:80px;
}

.header_wrap .main_menu_box .mo_main_menu,
.header_wrap .main_menu_box .main_menu{
	height:50px;
}

.header_wrap .main_menu_box .mo_main_menu{
	padding:0px;
}

.header_wrap .main_menu_box .mo_main_menu > li{
	margin-left:0px;
}

.header_wrap .main_menu_box .main_menu > li{
	float:left;
	width:100px;
	text-align:center;
	margin-left:30px;
}

.header_wrap .main_menu_box .main_menu > li:first-child{
	margin-left:20px;
}

.header_wrap .main_menu_box .mo_main_menu > li:first-child{
	margin-left:0px;
}

.header_wrap .main_menu_box .main_menu > li > a{
	display:block;
	font-size:18px;
	font-weight:500;
}

.header_wrap .main_menu_box .mo_main_menu > li > a{
	font-size:16px;
}

.header_wrap .main_menu_box .main_menu > li ul.main_sub_menu{
	display:none;
	width:100px;
	border-radius:0px 0px 5px 5px;
}

.header_wrap .main_menu_box .main_menu > li ul.main_sub_menu li{
	height:40px;
	text-align:center;
	line-height:40px;
	border-top:1px dotted #fff;
	background:#eee;
}

.header_wrap .main_menu_box .main_menu > li ul.main_sub_menu li a{
	display:block;
}

.header_wrap .main_menu_box .main_menu > li ul.main_sub_menu li:hover,
.header_wrap .main_menu_box .main_menu > li ul.main_sub_menu li:focus{
	border:1px solid #348ccc;
	background:#348ccc;
}

.header_wrap .main_menu_box .main_menu > li ul.main_sub_menu li:hover a,
.header_wrap .main_menu_box .main_menu > li ul.main_sub_menu li:focus a{
	color:#fff;
}

.header_wrap .main_menu_box .main_menu > li ul.main_sub_menu li:first-child{
	border-top:none;
}

.header_wrap .main_menu_box .main_menu > li ul.main_sub_menu li.last_li{
	border-radius:0px 0px 5px 5px;
}

.header_wrap .main_menu_box .main_menu > li ul.main_sub_menu li.last_li:hover{
	border-radius:0px 0px 5px 5px;
	background:#348ccc;
}

.header_wrap .mobile_user_box a{
	display:block;
}

.header_back{
	height:80px;
	background:#fff;
}

.contract_wrap{
	height:40px;
	text-align:center;
	line-height:40px;
	margin-top:30px;
	border-top:1px solid #e1e1e1;
	background:#f3f3f3;
}

.contract_wrap .contract_box01,
.contract_wrap .contract_box02,
.contract_wrap .contract_box03,
.contract_wrap .contract_box04{
	border-right:1px solid #e1e1e1;
	border-left:1px solid #e1e1e1;
}

.contract_wrap a{
	display:block;
}


.footer_wrap{
	height:100px;
	border-top:1px solid #e1e1e1;
	background:#fff;
}

.footer_wrap p{
	color:#333;
	font-size:14px;
	text-align:center;
	margin:25px 0px;
}

.footer_wrap p a{
	color:#333;
}

.mobile_main_menu_nav,
.footer_wrap .mo_ver{
	display:none;
}

.mobile_main_menu_nav{
	overflow:hidden;
}

.mobile_main_menu{
	margin-top:20px;
}

@media (min-width: 992px) and (max-width: 1199px) {
	
	.header_wrap .logo_box{
		margin-top:24px;
	}

	.main_menu_box > ul > li{
		margin-left:40px;
	}
	
	.main_menu_box > ul > li > a{
		font-size:22px;
	}

	.header_wrap .main_menu_box .main_menu > li{
		margin-left:18px;
	}
	
	.header_wrap .main_menu_box .main_menu > li:first-child{
		margin-left:0px;
	}


	.header_wrap .top_menu_box ul > li > a{
		font-size:13px;
	}
}

@media (max-width:991px){
	
	.header_wrap .logo_box{
		margin-top:19px;
	}

	.header_wrap{
		height:80px;
		border-bottom:1px solid #e1e1e1;
	}
	
	.header_back{
		height:80px;
	}
	
	.mobile_main_menu_box .mobile_menu_login_btn i{
		color:#fff;
	}
	
	.header_wrap .main_menu_box_mp_ver,
	.search_wrap_mp_ver,
	.main_menu_box .main_menu_nav,
	.main_menu_box .full_menu_box,
	.full_menu_box,
	.ect_menu,
	.sub_menu,
	.mini_rolling_wrap,
	.header_wrap .top_menu_box,
	.header_wrap .top_menu_box .search_box{
		display:none;
	}
	
	.header_wrap .search_box{
		width:80%;
	}

	.header_wrap .search_box > input[type="text"]{
		width:85%;
		font-size:15px;
	}

	.header_wrap .main_menu_box .main_menu{
		display:none;
		position:absolute;
		white-space:nowrap;
		overflow:hidden;
	}
	
	.header_wrap .main_menu_box .main_menu > li{
		margin-left:25px;
	}

	.header_wrap .main_menu_box .main_menu > li > a{
		font-size:14px;
	}

	.mobile_search_box,
	.mobile_logo_box{
		display:block;
		position:relative;
	}
	.mobile_main_menu_nav,
	.mobile_menu_btn_box{
		display:block;
		position:relative;
	}
	
	.mobile_menu_btn{
		position:absolute;
		top:22px; right:3%; 
		width:42px; height:34px;
		border:none;
		cursor:pointer;
		z-index:900;
		background:none;
	}

	.mobile_menu_btn > span{
		display:block;
		width:30px; height:3px;
		margin:5px auto;
		background:#666;
	}
	
	.mobile_main_menu_box{
		position:fixed; right:-280px;
		width:275px; height:100%;
		max-height:100%;
		z-index:9999;
		overflow-y:auto;
		overflow-x:hidden;
		-ms-overflow-style: none;
		-moz-overflow-style: none;
		-webkit-overflow-style: none;
		box-shadow:1px 0px 7px -1px;
		background:#efefef;
	}
	
	.mobile_main_menu_box::-webkit-scrollbar{
		display:none;
	}
	
	.mobile_main_menu_bk_box{
		display:none;
		position:absolute; top:0px; left:0px; 
		width:100%; height:2000px;
		overflow:hidden;
		z-index:9100;
		background:url(../images/index/bk40.png) repeat;
	}

	.mobile_menu_login_box{
		width:100%;	height:70px;
		padding:15px;
		border-bottom:4px solid #fff;
		background:#0973b9;
	}		
	
	.mobile_menu_login_box > a{
		color:#fff;
		font-size:14px;
		padding:5px 8px;
		border:2px solid #fff;
		border-radius:4px;
		cursor:pointer;
	}
	
	.mobile_menu_login_box > .mobile_my_page_menu_close_btn{
		display:block;
		width:75px;
	}

	.mobile_menu_login_box > a.mobile_menu_login_btn{
		position:absolute; left:15px;
	}

	.mobile_menu_login_box > a.mobile_menu_blog_btn{
		position:absolute; left:52.5%; transform:translateX(-50%)
	}
	
	.mobile_menu_login_box > a.mobile_menu_close_btn{
		position:absolute; right:15px;
	}

	.mobile_main_menu > li{
		text-indent:10px;
		margin-top:2px;
		padding:5px;
		border-bottom:1px dotted #999;
	}
	
	.mobile_main_menu > li > a{
		display:block;
		font-size:18px;
		font-weight:500;
	}

	.mobile_main_menu > li > a > span{
		float:right;
		color:#888;
	}

	.mobile_main_menu > li > ul{
		display:none;
		margin-top:5px;
	}

	.mobile_main_menu > li > ul > li{
		line-height:2.5;
	}
	
	.mobile_main_menu .mobile_sub_menu_child > li > a{
		display:block;
		margin-left:10px;
	}

	.mobile_main_menu > li > a > span.ul_minus{
		display:none;
	}
	
	.mobile_my_page_menu_box > button{
		position:absolute; top:25px; left:10%;
		color:#003663;
		font-size:12px;
		font-weight:bold;
		margin:3px 0px 0px 3px;
		padding:2px 5px;
		border:1px solid #003663;
		border-radius:5px;
		cursor:pointer;
		z-index:9000;
		background:#fff;
	}

	.mobile_my_page_menu_box .mobile_my_page_menu{
		position:fixed; top:0px; left:-200px;
		width:190px; height:100%;
		max-height:100%;
		z-index:9999;
		overflow-y:auto;
		overflow-x:hidden;
		-ms-overflow-style: none;
		-moz-overflow-style: none;
		-webkit-overflow-style: none;
		box-shadow:0px 0px 3px 0px;
		background:#efefef;
	}

	.mobile_my_page_menu_box > button > span{
		font-size:14px;
	}

	.mobile_my_page_menu ul li{
		font-size:18px;
		text-indent:10px;
		margin-top:2px;
		padding:5px 10px;
		border-bottom:1px dotted #999;
	}

	.mobile_menu_register_box{
		margin:20px 10px 0px;
	}

	.mobile_menu_register_box > a{
		display:block;
		height:35px;
		line-height:35px;
		text-align:center;
		border:1px solid #e1e1e1;
	}

	.mobile_menu_register_box > a > i{
		margin-right:5px;
	}

	.mobile_menu_register_box > a > i.fa-user-plus,
	.mobile_menu_register_box > a > i.fa-user{
		color:#364c95;
	}

	.mobile_menu_register_box > a > i.fa-star{
		color:#fbbc00;
	}
	
	.mobile_menu_register_box > a.my_trip{
		display:block;
		text-align:center;
		margin:10px auto;
		background:#e6da00;
	}

	.lSAction > a{
		display:none;
	}
}

@media (max-width:768px){
	
	.header_wrap .logo_box{
		margin-top:15px;
		max-width: 187px;
	}
	
	.mobile_menu_btn{
		right:3%; 
	}
	
	.mobile_my_page_menu_wrap{
		display:block;
	}

	.contract_wrap{
		height:40px;
	}
	
	.contract_wrap .contract_box01,
	.contract_wrap .contract_box02{
		border:none;
	}

	.contract_wrap .contract_box02{
		border-top:1px dotted #cfcfcf;
	}

	.header_wrap .main_menu_box .main_menu > li{
		margin-left:20px;
	}

	.header_wrap .main_menu_box .main_menu > li > a{
		font-size:14px;
	}
	
	.header_wrap .main_menu_box .mo_main_menu{
		padding:0px 40px;
	}

	.lSAction > a{
		display:block;
	}

	.footer_wrap .pc_ver{
		display:none;
	}

	.footer_wrap .mo_ver{
		display:block;
		font-size:16px;
		margin-top:20px; 
		padding-bottom:20px;
	}
}

@media (max-width:544px){
	
	.header_wrap{
		height:80px;
	}
	
	.header_back{
		height:80px;
	}

	.header_wrap .logo_box{
		margin-top:15px;
	}

	.header_wrap .main_menu_box{
		margin-top:10px;
	}
	
	.mobile_menu_btn{
		top:20px;
	}

	.header_wrap .search_box{
		margin-top:20px;
	}

	.header_wrap .search_box{
		width:100%;
	}
	
	.header_wrap .search_box > input[type="text"]{
		width:75%;
		font-size:12px;
	}

	.contract_wrap{
		margin-top:15px;
	}
}

@media (max-width:480px){
	.header_wrap .logo_box{
		margin-top:15px;
	}

	.footer_wrap .mo_ver{
		font-size:14px;
	}
}


@media (max-width:321px){

	.contract_wrap a{
		font-size:14px;
	}
	
	.header_wrap .search_box > input[type="text"]{
		font-size:11px;
	}

	.mobile_menu_login_box > a{
		font-size:14px;
		margin-top:2px;
		padding:2px 5px;
	}
	
	.header_wrap .mobile_search_box{
		margin:3px 15px 0px;
	}
	
	.mobile_main_menu > li{
		margin-top:3px;
		padding:3px 10px;
	}

	.footer_wrap .mo_ver{
		font-size:12px;
	}
}

.in_10 {padding-left:10px; text-indent: -10px;}
.color_span {color:red;}
span.in_10 {display: block;}
.no_bold {font-weight: 400;}