/*===== Font =====*/
@import url(http://fonts.googleapis.com/earlyaccess/notosanstc.css);

/* Color */
.l_title h2,
.c_title h2,
.main_slider_area .rev_slider .tp-revslider-mainul li .slider_text_box .first_text,
.banner_inner_text h2{
	color: #01174F;
	font-weight: bold;
}

/*Font Family */
body,
.main_menu_area .navbar .navbar-nav li a,
.more_btn,
.l_title h6,
.l_title h2,
.team_people_text p,
.bd-callout h3,
.bd-callout p,
.footer_copyright .float-sm-left h5,
.banner_inner_text h2,
.banner_inner_text p,
.challange_text_inner p{
	font-family: 'Noto Sans TC', sans-serif;
}

/*===== Header =====*/
.main_menu_area.navbar_fixed{
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
}

/* Logo */
.navbar-brand img{
	width: 100%;
}

.navbar-brand{
	width: 130px;
	padding-top: 16px;
	padding-bottom: 16px;
}

/* Navigation */
.main_menu_area .navbar .navbar-nav li a{
	position: relative;
	font-size: 16px;
	font-weight: normal;
}
.main_menu_area.navbar_fixed .navbar .navbar-nav li a{
    color: #01174F;
}
.main_menu_area .navbar .navbar-nav li:hover a,
.main_menu_area .navbar .navbar-nav li.active a{
	color: #06038D;
}
.main_menu_area .navbar .navbar-nav li a.btn-login{
	color: #ffc967;
    border-radius: 30px;
    border: 6px solid rgba(255, 239, 212, .5);
    padding: 9px 24px;
    line-height: 40px;
    font-size: 15px;
    margin-right: 16px;
}
.main_menu_area .navbar .navbar-nav li a.btn-login:hover{
	color: #fff;
	background-color: rgba(243, 158, 69, 1);
}
.main_menu_area .navbar .navbar-nav li a.more_btn{
	padding: 0 24px;
    line-height: 40px;
    border-radius: 30px;
    color: #FFF;
    font-size: 15px;
}

.main_menu_area .navbar .navbar-toggler span{
	background-color: #01174F;
}

/*===== Banner slider =====*/
.more_btn,
.submit_btn,
.service_feature .feature_inner .feature_item .more_btn,
.service_feature .feature_inner .feature_item:hover .more_btn{
	background-image: linear-gradient(to right, #F39E45 0%, #FFC967 51%, #F39E45 100%);
	background-image: -webkit-gradient(linear, left top, right top, from(#F39E45), color-stop(51%, #FFC967), to(#F39E45));
    background-image: -webkit-linear-gradient(left, #F39E45 0%, #FFC967 51%, #F39E45 100%);
    background-image: -o-linear-gradient(left, #F39E45 0%, #FFC967 51%, #F39E45 100%);
	border: 6px solid rgba(255, 239, 212, .5);
}
.tp-leftarrow,
.tp-rightarrow,
.tp-bullet{
	display: none;
}

.main_slider_area .rev_slider .tp-revslider-mainul li .slider_text_box .first_text{
	font-weight: bold !important;
}
.main_slider_area .rev_slider .tp-revslider-mainul li .slider_text_box .more_btn{
	font-size: 16px !important;
}
.banner_inner_text p{
	font-size: 16px;
    line-height: 28px;
    color: #7c8d93;
    font-weight: 500;
    padding-left: 8px;
}


/*===== Section Team(Money) =====*/
.team_people_area{
	height: 920px;
    background: url('../img/team/bg-money.png');
    background-size: cover;
    background-position: right bottom;
    background-repeat: no-repeat;
}
.team_people_text{
	float: none;
}
.team_people_text p,
.challange_text_inner p{
	font-size: 16px;
}

.flagship{
	margin-top: 16px;
}
.flagship span{
	color: #01174F;
}
.flagship span:nth-child(2){
	font-weight: bold;
	font-size: 80px;
	margin-left: 8px;
}
..flagship span:first-child,
.flagship span:last-child{
	font-size: 24px;
	font-weight: bold;
}
.flagship span.main{
	position: relative;
	color: #EF6C00;
	font-size: 120px;
	padding: 0 8px 0 0;
	vertical-align: -4px;
}
.flagship span.main:before{
	content: '';
	position: absolute;
    left: 12px;
    bottom: 10px;
    width: 50%;
    height: 6px;
	background-color: #EF6C00;
}

/*===== Section 3D (backend mockup) =====*/
.best_3d_area{
	padding: 200px 0 150px;
	min-height: 0;
}
.img_mockup img{
	width: 100%;
}
.best_3d_area .right_text{
	float: none;
	width: 100%;
}
.text_3d{
	width: 100%;
	padding-left: 0;
	padding-top: 0;
}
.text_3d p{
	font-size: 16px;
}

/*===== Section World Map =====*/
.world_map_area .l_title{
	position: absolute;
	left: 50%;
	top: 0;
	transform: translate(-50%, 0);
}
.bd-callout{
	top: 70%;
    /* left: 50%;
    transform: translate(-50%, -40%); */
    background: rgba(255,255,255,.9);
    /* border-image: linear-gradient(to bottom, #5F6CAF 0%, #FFB677 100%); */
}
.bd-callout h3,
.bd-callout p{
	font-size: 16px;
}
.bd-callout .main{
	color: #EF6C00;
    font-size: 48px;
    font-weight: bold;
    padding: 0 16px;
    vertical-align: -12px;
    line-height: 1.5;
}

/*===== Section Service =====*/
.feature_area{
	background: url('../img/bg_customer_service.png') center bottom no-repeat;
	background-size: cover;
	min-height: 600px;
}
.feature_area p,
.service_feature p,
.price_area p{
	font-size: 16px;
    line-height: 28px;
    color: #7c8d93;
    font-weight: 500;
    text-align: center;
}

.service_feature .feature_inner{
	margin: 50px 0;
}

.feature_item.no_hover:hover{
	box-shadow: none;
}
.service_feature .feature_inner .feature_item.no_hover{
	margin-bottom: 0;
	padding: 24px 0;
}


/*===== Section Case =====*/
.case_area{
	padding: 100px 0;
}
.case_logo{
	width: 100%;
	padding: 16px 0;
}


/*===== Section Price =====*/
.price_area{
	padding: 100px 0;
}
.price_area .price_inner{
	padding: 0 24px;
}
.price_area .price_title{
	color: #01174F;
	font-weight: bold;
	font-size: 18px;
	/* text-align: center; */
	padding: 0 24px 24px;
}

/*===== Footer =====*/
.footer_widget_inner{
	text-align: center;	
}
.f_widget{
	margin: 16px 0;
}
.f_widget span{
	color: #01174F;
	font-weight: bold;
	font-size: 24px;
	vertical-align: -10px;
}
.f_widget img{
	width: 80px;
	/* max-width: 200px; */
	padding-bottom: 0;
	margin: 0 8px;
}

.footer_copyright{
	background: #01174F;
}
.footer_copyright .float-sm-left h5{
	color: #5F6CAF;
}


/*===== About us =====*/
.challange_img .challange_img_inner{
	width: 70%;
	max-width: 500px;
	border-radius: 12px;
	margin: 0 auto;
	-webkit-box-shadow: 0px 27px 68px 0px rgba(0, 0, 0, 0.2);
    		box-shadow: 0px 27px 68px 0px rgba(0, 0, 0, 0.2);
}
.challange_img_inner .img-fluid{
	width: 100%;
}

/*===== Service =====*/
.feature_item{
	border-radius: 12px;
}

/*===== Contact Us =====*/
.contact_us_form .form-group input,
.contact_us_form .form-group textarea{
	font-size: 16px;
}
.contact_us_form .form-group input::placeholder,
.contact_us_form .form-group textarea::placeholder{
	font-size: 16px;
}
.contact_us_form .form-group input:-ms-input-placeholder,
.contact_us_form .form-group textarea:-ms-input-placeholder{
	font-size: 16px;
}
.contact_us_form .form-group input::-ms-input-placeholder,
.contact_us_form .form-group textarea::-ms-input-placeholder{
	font-size: 16px;
}


/*===== Register =====*/
.register_inner{
	padding: 100px 0;
	background: url('../img/sign-bg.jpg') center bottom no-repeat;
}

.card-title{
	color: #01174F;
	font-size: 32px;
}
.card-title h1{
	font-size: inherit;
	color: inherit;
}
.form-seperator{
	background-color: #ccc;
	height: 1px;
	width: 100%;
	margin: 40px 0;
}
.form-group{
	margin-bottom: 24px;
}





/*===== RWD =====*/
@media screen and (max-width: 1520px){
	.text_3d{
		width: 100%;
	}
}
@media screen and (max-width: 1199px){
	.team_people_area{
		background-position: center bottom;
	}
	.text_3d{
		width: 100%;
	}
	.team_people_text{
		margin-left: 32px;
	}
	.l_title{
		padding-bottom: 32px;
	}

	.bd-callout{
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.challange_area{
		padding: 100px 24px;
	}
	.challange_img .challange_img_inner{
		width: 90%;
	}
	.team_people_text p,
	.challange_text_inner p,
	.feature_area p,
	.service_feature p,
	.price_area p{
		font-size: 18px;
		line-height: 1.8;
	}

	.c_title{
		padding-bottom: 16px;
	}

	.contact_us_form{
		margin-top: 0;
	}
	.contact_us_form .submit_btn{
		display: block;
		margin: 0 auto;
	}
}

@media screen and (max-width: 991px){
	.team_people_text p,
	.text_3d p,
	.feature_area p,
	.service_feature p,
	.price_area p,
	.bd-callout h3,
	.bd-callout p{
		font-size: 18px;
		line-height: 1.8
	}

	/*===== Navigation =====*/
	.main_menu_area .navbar{
		padding: 0 24px;
	}
	.navbar-light .navbar-brand{
		padding: 8px 0 12px;
	}
	.main_menu_area .navbar .navbar-toggler{
		padding: 0;
	}
	.main_menu_area .navbar .navbar-collapse{
		background: rgba(255, 255, 255, 1);
		max-height: 500px;
	}

	.main_menu_area .navbar-light .navbar-nav .active > .nav-link,
	.navbar-light .navbar-nav .nav-link.active,
	.navbar-light .navbar-nav .nav-link.show,
	.navbar-light .navbar-nav .show > .nav-link{
		color: #06038D;
	}
	.main_menu_area .navbar .navbar-nav{
		padding: 16px;
	}
	.main_menu_area .navbar .navbar-nav li a{
		color: #01174F;
		font-size: 18px;
		padding: 8px 16px;
	}
	.main_menu_area .navbar .navbar-nav li a.more_btn{
		padding: 8px 0;
	}

	.best_3d_area{
		padding: 150px 0;
	}
	.best_3d_area .right_text{
		margin-bottom: 48px;
		text-align: center;
	}

	.bd-callout{
		top: 80%;
	}

	.challange_img .challange_img_inner{
		width: 100%;
		max-width: 560px;
	}

	.service_feature p{
		width: 535px;
		margin: 0 auto;
	}
}

@media screen and (max-width: 767px) {
	.world_map_area .l_title{
		width: 100%;
		top: -50%;
	}
	.bd-callout{
		max-width: none;
	}
	
}

@media screen and (max-width: 575px){
	.main_menu_area .navbar{
		padding: 0 16px;
	}
	.team_people_area{
		height: 600px;
		background-position: 50% bottom;
	    background-size: contain;
	}
	.best_3d_area{
		padding: 100px 0;
	}

	.best_3d_area .right_text,
	.c_title,
	.feature_area p{
		text-align: left;
	    padding: 0 24px;
	}

	.world_map_area .l_title{
		top: -15%;
	}
	.bd-callout{
		text-align: left;
	    transform: translate(-50%, -20%);
	}
	.p_100{
		padding: 100px 0 50px;
	}


	.f_widget span:last-child{
		display: block;
		padding-top: 12px;
	}

	.banner_inner_text{
		padding: 150px 24px 72px;
	}
	.banner_inner_text p{
		color: #FFF;
	}
	.banner_inner_text:before{
		content: none;
	}
	.challange_text_inner{
		padding: 0 24px;
	}
	.case_area{
		padding: 48px 0;
	}
	.service_feature{
		padding-top: 48px;
	}
	.service_feature p{
		width: 100%;
		margin: 0;
		padding: 16px 24px;
		text-align: left;
	}
	.feature_item p{
		max-width: none;
	}
	.feature_item .more_btn{
		width: 100%;
	}

	.contact_us_form{
		padding: 0 16px;
	}
	.more_btn,
	.submit_btn,
	.service_feature .feature_inner .feature_item .more_btn,
	.service_feature .feature_inner .feature_item:hover .more_btn{
		width: 100%;
	}
}

@media screen and (max-width: 320px){
	.team_people_text{
		margin-left: 0;
		padding: 0 16px;
	}
	.best_3d_area .right_text,
	.c_title, .feature_area p{
		padding: 0 16px;
	}
	.bd-callout p{
		font-size: 16px;
	}
	.bd-callout .main{
		font-size: 36px;
		padding: 0 12px;
    	vertical-align: -4px;
	}

	.banner_inner_text{
		padding: 150px 16px 64px;
	}
	.challange_text_inner,
	.service_feature .c_title{
		padding: 0 16px;
	}
	.case_area{
		padding: 48px 16px;
	}
	.case_area .c_title{
		padding: 0;
	}
	.service_feature p{
		padding: 16px;
	}
	.feature_item p{
		padding: 16px 0;
	}
}