@charset "utf-8";
/* CSS Document */

/* #Media Queries
================================================== */

/* Large screens ----------- */
/*some CSS*/

/* Breakpoint width ----------- */
@media only screen and (max-width : 1000px) {
	.wrapper_box{
		width:100%;
	}
}

@media only screen and (max-width : 980px) {
	.block_lst{
		width:480px;
	}
	nav li a {
		padding:13px 20px;
	}
}

@media only screen and (max-width : 840px) {
	nav li a {
		font-size:13px;
		padding:13px 18px;
	}
}

@media only screen and (max-width : 800px) {
	.title_head4{
		padding-top:3px;
		font-size:9px;
	}
	.box_blue a{
		min-height:175px;
	}
	.block_left{
		width:auto;
		float:none;
		text-align:center;
	}
	.block_right{
		float:none;
		text-align:center;
		margin:25px 0 15px 0;
	}
	.cont_left{
		width:94%;
		float:none;
	}
	.cont_right{
		width:94%;
		padding:2% 3% 0 3%;
		float:none;
	}
	.block_lst{
		width:660px;
	}
}

@media only screen and (max-width : 768px) {
	.header_wrapper{
		background:none;
	}
	.title_head1{
		font-size:24px;
		line-height:24px;
		padding:10px 0 0 72px;
	}
	.title_head2{
		padding:0 0 0 72px;
		font-size:18px;
		/*display:none;*/
	}
	.header_wrapper, 
	.box_head_right{
		background:none;
		height:59px;
	}
	.box_head_left, 
	.box_head_left{
		display:none;
	}
	
	header {
		display:block;
		height: 60px;
		z-index: 1000;
		background:#FFF url(../images/bg_logo_s.gif) 10px center no-repeat;
		
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		
		-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
		-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
		box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
		
			/* starting point */
		-webkit-transform: translate3d(0,0,0);
		-moz-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	.burger {
		display: block;
		cursor:pointer;
	}	
	
	.nav_container{

	}
	/*  Nav Drawer Layout  */
	nav {
		position: relative;
	}
	
	nav ul {
		height: 100%;
		overflow-y: auto;
	}
	nav li {
		display: block;
		float: none;
		text-align:right;
	}
	nav li a {
		padding: 21px 25px;
		letter-spacing: 2px;
		font-size: 14px;
	}
	nav li:first-child a,
	nav li:last-child a{
		padding: 21px 25px;
	}
	nav li a.current {
		color:#FFF;
		background-color:#1078A9;
	}
	nav li a:hover {
		color: #fff;
		background-color:#0D628A;
		/*background-color:#555;*/
	}
	nav li:first-child a.current,
	nav li:first-child a:hover 
	{/*border-radius: 10px 0 0 0;*/}
	
	/* NAVIGATION ANNIMATION */
	nav {
		width: 93%;
		height: 100%;
		position: fixed;
		right: 0;
		top: 0;
		margin: 0;
		background-color:#03A7F3;
		/*background-color:#888;*/
		/*border-radius: 8px;*/
		
		/* starting point */
		opacity: .3;
		-webkit-transform: translate3d(5%,0,0)scale(.97);
		-moz-transform: translate3d(5%,0,0)scale(.97);
		transform: translate3d(5%,0,0)scale(.97);
	}
	
	/*Nav Expanding Open Effect*/
	nav.open {
		opacity: 1;
	
		-webkit-transform: translate3d(0,0,0)scale(1);
		-webkit-animation: slideIn .35s ease-in-out;
		
		-moz-transform: translate3d(0,0,0)scale(1);
		-moz-animation: slideIn .35s ease-in-out;
		
		transform: translate3d(0,0,0)scale(1);
		animation: slideIn .35s ease-in-out;
	}
	@-webkit-keyframes slideIn {
		0% {opacity: .3;
			-webkit-transform: translate3d(5%,0,0)scale(.97);}
		100% {opacity: 1;
			-webkit-transform: translate3d(0,0,0)scale(1);}
	}
	@-moz-keyframes slideIn {
		0% {opacity: .3;
			-moz-transform: translate3d(5%,0,0)scale(.97);}
		100% {opacity: 1;
			-moz-transform: translate3d(0,0,0)scale(1);}
	}
	@keyframes slideIn {
		0% {opacity: .3;
			transform: translate3d(5%,0,0)scale(.97);}
		100% {opacity: 1;
			transform: translate3d(0,0,0)scale(1);}
	}
	
	/*Nav Shrinking Closed Effect*/
	nav.close {
		opacity: .3;
		
		-webkit-transform: translate3d(5%,0,0)scale(.97);
		-webkit-animation: slideOut .3s ease-in-out;
		
		-moz-transform: translate3d(5%,0,0)scale(.97);
		-moz-animation: slideOut .3s ease-in-out;
		
		transform: translate3d(5%,0,0)scale(.97);
		animation: slideOut .3s ease-in-out;
	}
	@-webkit-keyframes slideOut {
		0% {opacity: 1;
			-webkit-transform: translate3d(0,0,0)scale(1);}
		100% {opacity: .3;
			-webkit-transform: translate3d(5%,0,0)scale(.97);}
	}
	@-moz-keyframes slideOut {
		0% {opacity: 1;
			-moz-transform: translate3d(0,0,0)scale(1);}
		100% {opacity: .3;
			-moz-transform: translate3d(5%,0,0)scale(.97);}
	}
	@keyframes slideOut {
		0% {opacity: 1;
			transform: translate3d(0,0,0)scale(1);}
		100% {opacity: .3;
			transform: translate3d(5%,0,0)scale(.97);}
	}
	
	/* CONTENT ANNIMATION */
	.content {
		background:url(../images/bg_body.png) 0 0 repeat;
		/* starting point */
		-webkit-transform: translate3d(0,0,0);
		-moz-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	
	#slideshow, #head_pix{
		
	}
	
	/*Content Sliding Open Effect*/
	header.open,
	.content.open {   
		-webkit-transform: translate3d(-240px,0,0);
		-webkit-animation: open .5s ease-in-out;
		
		-moz-transform: translate3d(-240px,0,0);
		-moz-animation: open .5s ease-in-out;
		
		transform: translate3d(-240px,0,0);
		animation: open .5s ease-in-out;
	}
	@-webkit-keyframes open {
		0% {-webkit-transform: translate3d(0,0,0);}
		70% {-webkit-transform: translate3d(-260px,0,0);}
		100% {-webkit-transform: translate3d(-240px,0,0);}
	}
	@-moz-keyframes open {
		0% {-moz-transform: translate3d(0,0,0);}
		70% {-moz-transform: translate3d(-260px,0,0);}
		100% {-moz-transform: translate3d(-240px,0,0);}
	}
	@keyframes open {
		0% {transform: translate3d(0,0,0);}
		70% {transform: translate3d(-260px,0,0);}
		100% {transform: translate3d(-240px,0,0);}
	}
	
	/*Content Sliding Closed Effect*/
	header.close,
	.content.close {
		-webkit-transform: translate3d(0,0,0);
		-webkit-animation: close .3s ease-in-out;
		
		-moz-transform: translate3d(0,0,0);
		-moz-animation: close .3s ease-in-out;
		
		transform: translate3d(0,0,0);
		animation: close .3s ease-in-out;
	}
	@-webkit-keyframes close {
		0% {-webkit-transform: translate3d(-240px,0,0);}
		100% {-webkit-transform: translate3d(0,0,0);}
	}
	@-moz-keyframes close {
		0% {-moz-transform: translate3d(-240px,0,0);}
		100% {-moz-transform: translate3d(0,0,0);}
	}
	@keyframes close {
		0% {transform: translate3d(-240px,0,0);}
		100% {transform: translate3d(0,0,0);}
	}
	
	.block_lst{
		width:630px;
	}
}

@media only screen and (max-width : 640px) {
	.block_date{
		float:none;
		margin-bottom:0;
	}
	.block_lst{
		float:none;
		padding:12px 0;
		width:100%;
	}
	.bar_title{
		font-size:16px;
		padding:14px 0;
	}
	.col_half{
		width:100%;
		float:none;
	}
}

@media only screen and (max-width : 480px) {
	.title_head1{
		font-size:18px;
	}
	.title_head2{
		font-size:13px;
	}
	.footer_left,
	.footer_right{
		width:100%;
		float:none;
	}
	.block_footer_en{
		display:none;
	}
	ul.ul_contact{
		float:none;
	}
	.box_gray h3{
		font-size:22px;
	}
	.box_gray p{
		font-size:13px;
	}
	.box_blue{
		width:50%;
	}
	.box_reg{
		font-size:20px;
	}
}

@media only screen and (max-width : 360px) {
	.title_head1,
	.title_head2{
		display:none;
	}
	.title_head1_d,
	.title_head2_d{
		display:block;
		padding:1px 0 0 72px;

	}
}

@media only screen and (max-width : 320px) {

}