@charset "UTF-8";


@media (max-width: 639px){
	body{
		padding-top : 60px;
	}
}

@media (min-width: 640px ) and ( max-width: 767px){
	body{
		padding-top : 120px;
	}
}
@media (min-width: 768px ) and ( max-width: 991px){
	body{
		padding-top : 120px;
	}
}



a.touch:hover {
    opacity: 1!important;
}
/*----------------------------------
Top Inquiry
----------------------------------*/
.banner-inquiry h2 a{
	background : url("/en/images/ui/icon/contact.svg") left center no-repeat;
}
@media ( min-width: 992px){
	.banner-inquiry{
		background-color : #000522;
		height : 70px;
	}
	.banner-inquiry .row{
	}
	.banner-inquiry h2 , .banner-inquiry p{
		display : inline-block;
		vertical-align : top;
		line-height : 70px;
		font-family : Arial;
		height : 70px;
	}
	.banner-inquiry h2{
	}
	.banner-inquiry h2 a{
		color : #fff;
		font-size : 30px;
		font-weight : 700;
		line-height : 70px;
		text-align : justify;
		padding-left : 82px;
		text-decoration : none;
	}
	.banner-inquiry p{
		color : #fff;
		font-size : 20px;
		line-height : 70px;
	}
	.banner-inquiry p span{
		display : block;
		background : url("/en/images/ui/icon/hours.svg") left center no-repeat;
		padding-left : 56px;
		line-height : 70px;
		height : 70px;
	}
}
/*----------------------------------
Header
----------------------------------*/
.dropdown:hover .dropdown-menu {
    display: block;
 }
.navbar-fixed-top{
	-webkit-backface-visibility : hidden;
}
#header{
	margin-bottom : 0;
	border : 0;
}
#header .dropdown-menu{
	min-width : inherit;
}
#header .dropdown-menu li{
	padding-left : 0;
	padding-right : 0;
}
@media (max-width: 639px){
	#header .navbar-header{
		height : 60px;
	}
	#header .navbar-toggle .icon-bar{
		height : 5px;
		max-width : 34px;
	}
	#header .navbar-toggle .icon-bar + .icon-bar{
		margin-top : 7.5px;
	}
	#header .navbar-toggle:not(.collapsed) .icon-bar:nth-child(4){
		margin-top : -5px;
	}
	#header .navbar-right > li > a{
		font-size : 20px;
		height : 40px;
		line-height : 40px;
	}
	#header .navbar-nav > li > .dropdown-menu a{
		font-size : 15px;
		height : 30px;
		line-height : 30px;
	}
}
@media (min-width: 640px ) and ( max-width: 767px){
	#header .navbar-header{
		height : 120px;
	}
	#header .navbar-toggle .icon-bar{
		height : 10px;
		max-width : 68px;
	}
	#header .navbar-toggle .icon-bar + .icon-bar{
		margin-top : 14px;
	}
	#header .navbar-toggle:not(.collapsed) .icon-bar:nth-child(4){
		margin-top : -8px;
	}
	#header .navbar-right > li > a{
		font-size : 40px;
		height : 80px;
		line-height : 80px;
	}
	#header .navbar-nav > li > .dropdown-menu a{
		font-size : 31px;
		height : 60px;
		line-height : 60px;
	}
}
@media (min-width: 768px ) and ( max-width: 991px){
	#header .navbar-toggle{
		display : block;
	}
	#header .container{
		width : inherit;
	}
	#header .navbar-header{
		height : 120px;
	}
	#header .navbar-toggle .icon-bar{
		height : 10px;
	}
	#header .navbar-toggle .icon-bar + .icon-bar{
		margin-top : 14px;
	}
	#header .navbar-toggle:not(.collapsed) .icon-bar:nth-child(4){
		margin-top : -8px;
	}
	#header .navbar-collapse.collapse{
		display : none!important;
	}
	#header .navbar-collapse.collapse.in{
		display : block!important;
	}
	#header .navbar-right > li > a{
		font-size : 40px;
		height : 80px;
		line-height : 80px;
	}
	#header .navbar-nav > li > .dropdown-menu a{
		font-size : 31px;
		height : 60px;
		line-height : 60px;
	}
}
@media ( max-width: 991px){
	#header{
		background-color : #000522;
		border-bottom : 0;
	}
	#header.open{
		background-color : rgba( 0,46,98,.95);
	}
	#header .container{
		height : 100%;
	}
	#header .container > .row{
		height : 100%;
	}
	#header .navbar-header > .row{
		height : 100%;
		display : -webkit-box;
		display : flex;
		-webkit-box-align : center;
		align-items : center;
	}
	#header .navbar-toggle{
		margin : 0;
		border : 0;
		float : left;
		padding : 0 calc( 28 * 100% / 580 ) 0 0;
	}
	#header .navbar-toggle .icon-bar{
		background-color : #fff;
		width : 100%;
		border-radius : 10px;
		border : 0;
		position : relative;
		-webkit-transform : rotate(0deg);
		        transform : rotate(0deg);
		transition : .25s ease-in-out;
	}
	#header .navbar-toggle:not(.collapsed) .icon-bar:nth-child(2){
		opacity : 0;
		margin-top : -7.5px;
	}
	#header .navbar-toggle:not(.collapsed) .icon-bar:nth-child(3){
		-webkit-transform : rotate(45deg);
		        transform : rotate(45deg);
	}
	#header .navbar-toggle:not(.collapsed) .icon-bar:nth-child(4){
		-webkit-transform : rotate(-45deg);
		        transform : rotate(-45deg);
	}
	#header h1{
		padding-left : 0;
		padding-right : 0;
	}
	#header h1 .navbar-brand{
		display : block;
		width : 100%;
		height : 100%;
		padding : 0;
	}
	#header h1 .navbar-brand img{
		width : 100%;
		height : auto;
		display : inline;
	}
	#header .inquiry{
		padding-left : 0;
		padding-right : 0;
		display : block;
		padding-right : calc( 27 * 100% / 580 );
	}
	#header .inquiry img{
		width : 100%;
		height : auto;
	}

	#header .navbar-collapse{
		border-top : 0;
		box-shadow : none;
		padding : 16px 0 16px;
		background-color : rgba( 0,46,98,.95);
		margin-left : 0;
		margin-right : 0;
	}
	#header .navbar-nav{
		margin-top : 0;
		margin-bottom : 0;
		border-top : 0;
	}
	#header .navbar-right > li > a{
		font-family : "Montserrat";
		font-weight : 700;
		padding : 0;
		width : 100%;
		color : #fefefe;
		padding-left : calc(102 * 100% / 640);
	}
	#header .navbar-right > li > a:before{
		content : "-\00a0";
	}
	#header .navbar-nav li{
		padding-left : 0;
		padding-right : 0;
	}
	#header .navbar-nav > li > .dropdown-menu{
		display : block!important;
		position : relative;
		float : none;
		padding : 0;
		margin : 0;
		border-radius : 0;
		border : 0;
		box-shadow : none;
		background-color : transparent;
	}
	#header .navbar-nav > li > .dropdown-menu a{
		display : block;
		padding-left : calc(153 * 100% / 640);
		font-family : "Montserrat";
		font-weight : 500;
		color : #fefefe;
	}
	#header .navbar-nav > li a:hover , #header .navbar-nav > li.active:not(.dropdown) > a , #header .dropdown.activeIndex > a , #header .dropdown-menu > li.active > a{
		background-color : #1779e7;
	}
}
@media ( min-width: 992px){
	#header{
		background-color : #fff;
	}
	#header > .container{
		height : 100%;
	}
	#header a{
		display : block;
		height : 100%;
	}
	#header h1{
		height : 100px;
		line-height : 100px;
		overflow : hidden;
	}
	#header h1 .navbar-brand{
		float : none;
		display : block;
		margin-left : 0;
		padding-top : 26px;
		padding-bottom : 29px;
		padding-left : calc( 15 * 100% / 225 );
		padding-right : calc( 15 * 100% / 225 );
	}
	#header h1 .navbar-brand img{
		width : 100%;
		height : auto;
	}
	#header .navbar-collapse{
		width : 75%;
	}
	#header .navbar-right{
		height : 100px;
		width : 100%;
	}
	#header .navbar-right > li{
		padding-left : 0;
		padding-right : 0;
	}
	#header .navbar-right > li > a{
		height : 100px;
		line-height : 100px;
		padding : 0;
		text-align : center;
		font-family : Arial;
		font-weight : 700;
		color : #252525;
		font-size : 18px;
		letter-spacing : -.72px;
	}
	#header .navbar-right > li.active > a , #header .navbar-right > li a:hover{
		color : #fff;
		background : linear-gradient(0deg, #0060b7 0%, #46c9ff 100%);
	}
	#header .dropdown-menu{
		left : 0;
		padding : 0;
		border : 0;
		box-shadow : none;
		background-color : #fff;
		margin : 0;
		border-radius : 0;
	}
	#header .dropdown-menu > li{
		height : 50px;
		line-height : 50px;
		width : 100%;
	}
	#header .dropdown-menu li > a{
		width : auto;
		height : 50px;
		line-height : 50px;
		padding : 0 9px;
		font-family : Arial;
		color : #252525;
		font-size : 18px;
		font-weight : 700;
		display : block;
	}
	#header .dropdown-menu li.active > a , #header .dropdown-menu li > a:hover{
		background : linear-gradient(0deg, #0060b7 0%, #46c9ff 100%);
		color : white;
	}
	#header .navbar-right{
		height : 100px;
	}
}
@media (min-width: 1200px){
	#header > .container{
		height : 100%;
	}
	#header h1 .navbar-brand{
		float : none;
		display : inline-block;
		vertical-align : middle;
	}
}
/*----------------------------------
Footer
----------------------------------*/
footer{
	background-color : #131313;
}
footer .copyright{
	color : #fff;
	font-size : 13px;
}
footer ul{
	font-family : "Montserrat";
	font-weight : 400;
}
footer li , footer a{
	color : #fff;
}
footer a:hover{
	color : #0060b6;
}
@media (max-width: 639px){
	footer .copyright{
		font-size : 10px;
	}
	footer ul.col-xs-12{
		font-size : 11.5px;
	}
	footer ul ul{
		font-size : 10px;
	}
}
@media (min-width: 640px ) and ( max-width: 767px){
	footer .copyright{
		font-size : 20px;
	}
	footer ul.col-xs-12{
		font-size : 23px;
	}
	footer ul ul{
		font-size : 20px;
	}
}
@media (max-width: 767px){
	footer{
		padding : calc( 35 / 640 * 100% ) 0 calc( 42 / 640 * 100% );
	}
	footer .container > .row > .col-xs-12{
		padding-left : calc( 60 * 100% / 640 );
		padding-right : calc( 60 * 100% / 640 );
	}
	footer .logo{
		text-align : center;
		padding-left : 0;
		padding-right : 0;
	}
	footer .logo img{
		width : calc(146 * 100% / 520);
		height : auto;
	}
	footer ul.col-xs-12{
		width : 100%;
		padding-left : 0;
		padding-right : 0;
		overflow : hidden;
		margin-top : calc( 36 / 640 * 100% );
		display : -webkit-box;
		display : flex;
		flex-wrap : wrap;
		-webkit-box-align : start;
		align-items : flex-start;
		-webkit-box-pack : center;
		justify-content : center;
	}
	footer ul.col-xs-12 > li{
		margin-bottom : calc( 36 / 640 * 100% );
	}
	footer ul.col-xs-12 > li:not(.hasChild){
		border-right : solid 1px #fff;
	}
	footer ul.col-xs-12 > li:not(.hasChild) a{
		padding-left : .4em;
		padding-right : .4em;
	}
	footer ul.col-xs-12 > li.hasChild a{
		padding-left : .4em;
	}
	footer ul.col-xs-12 > li.hasChild span{
		border-right : solid 1px #fff;
	}
	footer ul.col-xs-12 > li span{
		padding-left : .7em;
		padding-right : .7em;
		display : inline-block;
	}
	footer ul.col-xs-12 > li span img{
		width : 1em;
		-webkit-transform-origin : center center;
		        transform-origin : center center;
		transition : -webkit-transform .35s ease-out;
		transition :         transform .35s ease-out;
		transition :         transform .35s ease-out, -webkit-transform .35s ease-out;
	}
	footer ul.col-xs-12 > li span:not(.collapsed) img{
		-webkit-transform : rotate(180deg);
		        transform : rotate(180deg);
	}
	footer ul ul{
		text-align : left;
	}
	footer ul ul li{
		margin-top : calc( 36 / 640 * 100% );
	}
	footer ul ul li a{
		padding-left : .5em;
	}
}
@media (min-width: 768px ) and ( max-width: 991px){
	footer .row .row p{
		padding-right : calc( 30 * 100% / 990 );
	}
	footer .logo img{
		width : 100%;
		height : auto;
	}
	footer .row .row > ul{
		font-size : 16px;
	}
	footer .row .row > ul:before{
		left : -5.5%;
	}
	footer .row .row ul ul{
		font-size : 13.5px;
		margin-top : calc( 18 * 100% / 640 );
		margin-left : 1em;
	}
}

@media (min-width: 768px){
	footer{
		padding : 41px 0 36px;
	}
	footer .row .row{
		max-width : 990px;
		margin-left : auto;
		margin-right : auto;
	}
	footer .row .row p{
		padding-top : 18px;
		padding-left : 0;
	}
	footer .row .row > ul{
		display : -webkit-box;
		display : flex;
		-webkit-box-pack : justify;
		justify-content : space-between;
		font-family : Arial;
		letter-spacing : .8px;
		line-height : 1.5;
		padding-left : 0;
		padding-right : 0;
		padding-bottom : 4px;
	}
	footer .row .row > ul:before{
		content : "";
		width : 1px;
		max-height : 100%;
		border-left : 1px solid #f2f2f2;
		position : relative;
		display : inline-block;
	}
	footer .copyright{
		margin-top : 110px;
	}
	footer .collapse{
		display : block!important;
	}
}
@media ( min-width: 992px){
	footer .row .row p{
		padding-right : 30px;
	}
	footer .row .row > ul{
		font-size : 20px;
	}
	footer .row .row > ul:before{
		left : -4.15%;
	}
	footer .row .row ul ul{
		font-size : 18px;
		margin-top : 18px;
		margin-left : 13px;
	}
}

#js-toTop{
	position : fixed;
	bottom : 0;
	z-index : 100;
}

#js-toTop img{
	width : 100%;
	height : auto;
}
@media (max-width: 639px){
	#js-toTop{
		width : 44px;
		height : 44px;
	}
}
@media (min-width: 640px ) and ( max-width: 767px){
	#js-toTop{
		width : 55px;
		height : 55px;
	}
}
@media ( max-width: 991px){
	#js-toTop{
		bottom : calc( 30 * 100% / 640 );
		position : fixed;
		right : 0;
	}
}
@media (min-width: 768px ) and ( max-width: 991px){
	#js-toTop{
		width : 55px;
		height : 55px;
	}
}

@media ( min-width: 992px){
	#js-toTop{
		bottom : 80px;
		right : 0;
		width : 63px;
		height : 63px;
	}
}
@media (min-width: 1200px){
	#js-toTop{
		right : inherit;
		left : 50%;
		margin-left : calc( 540px - 63px / 2 );
	}
}