/*
 smallview.css

*/

/* ==================================================== */
/* B A S E */
/* ==================================================== */
body, th, td{
line-height: 1.5;
font-size: 13px;
-webkit-text-size-adjust: 100%;
/* text-rendering:optimizeLegibility; */
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
word-wrap: break-word;
}

/* Form (for Safari Lion placeholder)
---------------------------------------- */
input:focus::-webkit-input-placeholder,
isindex:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
   color: transparent;
}

/* grid2col */
div.grid2col{
margin-bottom: 0;
}
div.grid2col div.column{
float: none;
}
div.grid2col div.column:first-child{
margin-bottom: 30px;
}
	/* float RIGHT	 */
	div.grid2col.right div.column{
	float: none;
	}

img{
max-width: 100%;
height: auto;
}

/* img float left */
img.img-l{
float: none;
display: inherit;
margin-right: 0;
margin-bottom: 20px;
}
/* img float right */
img.img-r{
float: none;
display: inherit;
margin-left: 0;
margin-bottom: 20px;
}


/* Icon New Win */
.newwin{
padding-right: 15px;
background: url(../img/icn_newwin.png) no-repeat left center;
}

/* Show Small View */
.show-sml{
display: block;
}

/* Hide Small View */
.hide-sml{
display: none;
}


/* ==================================================== */
/* L A Y O U T */
/* ==================================================== */
#wrapper{
min-width: inherit;
}
#header{
}
#container{
margin: 0;
padding: 0 0 0;
}

#footer{
min-width: inherit;
}


/* ==================================================== */
/* COMMON ASSETS */
/* ==================================================== */
.article .section{
width: auto;
}

/*
Grid2Col Left Side	 */
div.grid2col.left-side div.column{
width: auto;
}
div.grid2col.left-side div.column:first-child{
width: auto;
margin-right: 0;
margin-bottom: 20px;
}


/* ==================================================== */
/* H E A D E R */
/* ==================================================== */
#header .headbar{
box-sizing: border-box;
position: static;
min-width: inherit;
height: auto;
padding: 15px 0 0;
border-bottom: none;
/* z-index: 500; */
}
#header .headbar .headbar-inner{
width: auto;
margin: 0 auto;
}

/* sitettl */
#header .headbar .sitettl{
display: none;
float: none;
margin: 0 0 0 0;
text-align: center;
}
#header .headbar .sitettl img{
width: 121px;
height: auto;
}
#header .sitettl a img{
display: none;
}

#header .headbar-info{
box-sizing: border-box;
float: none;
margin: 0;
padding: 0 0 57px 20px; 
background: url(../img/logo_sml.png) no-repeat center bottom;
background-size: 190px auto;
text-align: left;
}
#header .headbar-info h3{
font-size: 11px;
}
#header .headbar-info p{
font-size: 11px;
}

/* gnav */
#header .headbar .gnav{
box-sizing: border-box;
float: none;
margin-left: 0;
padding: 0 20px;
}
#header .headbar .gnav li{
float: none;
margin: 0 0 0 0;
font-size: 13px;
}
#header .headbar .gnav li a{
display: block;
padding: 13px 0;
color: #FFF;
border-bottom: 1px solid rgba(255,255,255,0.6);
}
#header .headbar .gnav li:first-child a{
border-top: 1px solid rgba(255,255,255,0.6);
}

/*
menu-box */
#header .menu-box{
/* display: none; */
opacity: 0;
box-sizing: border-box;
position: fixed;
top: -300px; left: 0;
width: 100%;
/* height: 0; */
padding: 60px 0 30px;
/* background: rgba(185, 143, 25, .4); */
background: #004098;
overflow: hidden;

-moz-transition: opacity 0.5s ease-out;
-webkit-transition: opacity 0.5s ease-out;
-ms-transition: opacity 0.5s ease-out;
transition: opacity 0.5s ease-out;
}
  .menu-open #header .menu-box{
/*   display: block; */
  top: 0;
  opacity: 1;
	height: auto;
  }

#header .menu-box .gohome img{
width: 200px;
height: auto;
margin-bottom: 16px;
}


/*
btn-menu */
#header .btn-menu{
display: block;
position: fixed;
right: 16px;
top: 18px;
margin: 0;
z-index: 500;
}
#header .btn-menu a{
display: block;
height: 20px;
padding: 4px;
/* background: rgba(50,50,50, 0.3) */
}
#header .btn-menu span{
display: block;
width: 32px;
height: 2px;
background: #004098;
-moz-transition: all .3s ease-out;
-webkit-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all 0.3s ease-out;
}
#header .btn-menu span.high{
-moz-transform: translateY(0);
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
transform-origin: 0 0;
-webkit-transform-origin: 0 0;
}
#header .btn-menu span.mid{
-moz-transform: translateY(7px);
-webkit-transform: translateY(7px);
-ms-transform: translateY(7px);
transform: translateY(7px);
}
#header .btn-menu span.low{
-moz-transform: translateY(14px);
-webkit-transform: translateY(14px);
-ms-transform: translateY(14px);
transform: translateY(14px);
transform-origin: 0 14px;
-webkit-transform-origin: 0 14px;
}
	/* menu-open */
	.menu-open #header .btn-menu span{
	background: #FFF;
	}
	.menu-open #header .btn-menu span.high{
	-moz-transform: translateY(0);
	-webkit-transform: rotate(41deg) translate(3px,-3px);
	-ms-transform: translateY(0);
	/* transform: rotate(27deg) translateY(8px); */
	}
	.menu-open #header .btn-menu span.mid{
	opacity: 0;
	}
	.menu-open #header .btn-menu span.low{
	-moz-transform: translateY(0);
	-webkit-transform: rotate(-41deg) translate(0px,18px);
	-ms-transform: translateY(0);
	/* transform: rotate(27deg) translateY(8px); */
	}



/* ==================================================== */
/* C O N T A I N E R */
/* ==================================================== */
/* Layout */
#container .article{
box-sizing: border-box;
width: auto;
margin: 0;
padding: 40px 0 20px;
}

.article .section{
width: auto;
font-size: 14px;
}
.article .single-section{
/* clear: both; */
margin: 0 20px 20px;
padding: 0 0 15px;
border-bottom: 1px dotted #CCC;
line-height: 1.7;
}
.article .single-section:last-child{
margin-bottom: 0;
border-bottom: none;
}

/* Under Layer Title */
.pagehead{
height: auto;
margin: 0 0 30px;
}
.pagehead .pagettl-sub{
margin: 0 20px;
padding: 0 0 0 0;
font-size: 13px;
color: #004098;
opacity: 0.6;
/*
margin-bottom: 0;
*/
}
.pagehead .pagettl{
margin: 0 20px;
color: #004098;
font-size: 18px;
}
.pagehead .topimg{
float: none;
margin-bottom: 20px;
}

/* Under Layer Section Title */
.section .sub-caption{
/* margin-bottom: 21px; */
font-size: 15px;
/* text-decoration: underline; */
}
.section .sec-ttl{
/* margin-bottom: 18px; */
font-size: 15px;
}

/* move google map */
.move-gmap{
padding-top: 10px;
}
.move-gmap a{
display: block;
width: 160px;
margin: 0 auto;
padding: 9px 0;
border: 1px solid #8eabd1;
/* background: #f4fbff; */

text-align: center;
text-decoration: none;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
-ms-border-radius: 2px;
}


/* ==================================================== */
/* F O O T E R */
/* ==================================================== */
/*
ftr-nav  */
#footer .ftr-nav{
padding: 40px 0;
/*
background: #f4fbff;
*/
}
#footer .ftr-nav ul{
/* text-align: center; */
}
#footer .ftr-nav ul li{
display: block;
margin: 0 20px;
text-align: left;
}
#footer .ftr-nav ul li a{
display: block;
padding: 14px 0;
border-bottom: 1px solid #8eabd1;
font-size: 14px;
/*
padding: 0 14px;
font-weight: bold;
text-decoration: none;
*/
}
#footer .ftr-nav ul li:first-child a{
border-top: 1px solid #8eabd1;
}
#footer .ftr-nav ul li a:hover{
/* opacity: 0.6; */
}

/*
ftr-article */
#footer .ftr-article{
/* padding: 60px 0; */
}

#footer .ftr-article dl{
/* position: relative; */
width: auto;
/*
margin: 0 auto;
text-align: center;
*/
}
#footer .ftr-article dl dt{
margin-bottom: 30px;
}
#footer .ftr-article dl dt img{
width: 140px;
height: auto;
}
#footer .ftr-article dl dd{
position: static;
width: auto;
/* text-align: center; */
font-size: 13px;
}
#footer .ftr-article dl dd.primary{
/*
left: 0;
top: 24px;
*/
}
#footer .ftr-article dl dd.secondary{
/*
right: 0;
top: 24px;
*/
}

/* copyright */
#footer  .cr{
/*
margin: 0;
padding: 7px 0;
color: #FFF;
background: #004098;
text-align: center;
*/
font-size: 11px;
}


/* ==================================================== */
/* PAGE: G U I D A N C E  */
/* ==================================================== */
#guidance .img-guidance-01{
padding: 0 15px;
}

/* ==================================================== */
/* PAGE: A C C E S S  */
/* ==================================================== */
#access .gmap-area{
width: 90%;
margin: 0 auto;
}
#access .gmap-area iframe{
width: 100%;
}





/* ==================================================== */
/* L O A D I N G */
/* ==================================================== */
.loading{

}