@import url("reset.css");
@import url("common.css");
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);

html, body {  font-size: 12px; color: #666; line-height: 1.5em; font-family: 'Open Sans', serif; }

.page { margin: auto; min-width: 1128px; position: relative; }
.page-width { width: 1128px; }
.page .header { text-align: center; height: 102px;
	background: #12655b;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
	background: -webkit-linear-gradient(#ffffff, #ffffff);
	background: -moz-linear-gradient(top, #ffffff, #ffffff);
	background: -ms-linear-gradient(#ffffff, #ffffff);
	background: -o-linear-gradient(#ffffff, #ffffff);
	background: linear-gradient(#ffffff, #ffffff);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff');
	zoom: 1;
}
.page .header .logo { padding-top: 11px; }

.nav { text-align: center; width: 100%; position: absolute; top: 102px; z-index: 1000; }
.nav li { display: inline; font-family: "Times New Roman", Times, serif; text-transform: uppercase; }
.nav li a { display: inline-block; font-size: 14px; color: #FFF; text-decoration: none; padding: 10px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8); }
.nav li a::first-letter{ font-size:16pt;}

.nav.fix { position: fixed; top: 0; background: rgba(0,0,0,0.8); -webkit-transition: background 1s; /* For Safari 3.1 to 6.0 */
    transition: background 1s;
    
     }

.intro-wrapper { background: #000;  border-bottom: 5px solid #6f530f; position: relative; }
.intro-wrapper .intro { margin: auto; position: relative; text-align: center; }
.intro-wrapper .intro img { display: block; width: 100%; }
.intro-wrapper .tag { position: absolute; bottom: -22px; text-align: center; width: 100%; }
.intro-wrapper .tag h1 { color: #FFF; font-size: 48px; line-height: 48px; padding-bottom: 20px; text-shadow: 5px 5px 2px rgba(0, 0, 0, 0.8); }
.intro-wrapper .tag h2 { color #0a5149;background: #ffffff; text-transform: uppercase; font-size: 22px; color: #6f530f;
	background: url(../images/title-bg.png) no-repeat center;
	
	zoom: 1;
	display: inline-block; padding: 10px 30px;
}

.page-content { }
.page-content .section { padding: 80px 0 40px 0; }
.page-content .section-title { border-bottom: 2px solid #666; height: 24px; text-align: center; margin-bottom: 50px; }
.page-content .content { text-align: justify; margin: auto; }
.page-content .content h2 { font-family: 'Open Sans Condensed', sans-serif; font-size: 48px; color: #666; font-weight: 300; line-height: 48px; background: #FFF; display: inline-block;  padding: 0 10px; }
.page-content .content h3 { color: #6f530f; font-family: 'Open Sans Condensed', sans-serif; font-weight: bold; font-size: 30px; padding-bottom: 20px; line-height: 1.2em; }
.page-content .content h4 { font-family: 'Open Sans Condensed', sans-serif; font-weight: bold; font-size: 16px; padding-bottom: 2px; }
.page-content .content p { padding-bottom: 20px; }

.page-content .section.even { background: #e0e2e0; }
.page-content .section.even .content h2 { font-family: 'Open Sans Condensed', sans-serif; font-size: 48px; color: #666; font-weight: 300; line-height: 48px; background: #e0e2e0; display: inline-block;  padding: 0 10px; }

a.more { font-weight: bold; padding-left: 25px; line-height: 22px; background: url(../images/icon-more.png) no-repeat left; font-size: 14px; display: block; text-decoration: none; color: #6f530f; }
a.info { padding-left: 25px; line-height: 22px; background: url(../images/icon-link.gif) no-repeat left; font-size: 12px; display: block; text-decoration: none; color: #6f530f; }
a { outline: none; }

.footer { font-family: 'Merriweather', serif; font-size: 12px; text-align: center; padding-top: 60px; padding-bottom: 20px; margin: auto; }
.footer .footer-nav { padding-bottom: 10px; color: #000; }
.footer .footer-nav a { padding: 0 10px; text-decoration: none; color: #000; }

.tbl-0 img { display: block; }
.tbl-0 td { text-align: center; width: 50%; font-size: 14px; font-weight: bold; color: #FFF; height: 97px; }
.tbl-0 td span.s { font-size: 12px; font-weight: normal; }
.tbl-0 a { color: #FFF; text-decoration: none; }

.tbl-1 img { display: block; }
.tbl-1 td { text-align: center; width: 33%; font-size: 12px; color: #333; height: 120px;}
.tbl-1 td span.s { font-size: 12px; font-weight: normal; }
.tbl-1 a { color: #FFF; text-decoration: none; font-size: 14px; }

.tbl-2 { width: 100%; }
.tbl-2 img { display: block; }
.tbl-2 td { text-align: center; width: 33%; font-size: 12px; color: #333; height: 120px; }
.tbl-2 a { color: #FFF; text-decoration: none; font-size: 14px; }

.tbl-3 { width: 100%; }
.tbl-3 img { display: block; }
.tbl-3 td { text-align: center; width: 25%; font-size: 12px; color: #333; height: 120px; }
.tbl-3 a { color: #FFF; text-decoration: none; font-size: 14px; }

#cboxLoadedContent td { padding: 5px 20px; }
#cboxLoadedContent h2 { font-weight: bold; font-size: 16px; padding-bottom: 10px; color: #6f530f; }
#cboxLoadedContent h3 { font-weight: bold; font-size: 12px; padding-bottom: 10px; }
#cboxLoadedContent ul { list-style: disc; padding-left: 20px; }
#cboxLoadedContent ul li { padding-bottom: 10px; }
#cboxLoadedContent strong { font-weight: bold; }
#cboxLoadedContent p { padding-bottom: 10px; }
#cboxLoadedContent table { border-collapse: collapse; border: none;  }
#cboxLoadedContent td { border-collapse: collapse; border: none;  }
#cboxLoadedContent tr { border-bottom: 1px dotted #333; border-top: none; }
#cboxLoadedContent th { padding: 5px 20px; font-weight: bold; color:#FFF; background:#6f530f; border: none; border-bottom: 1px solid #FFF;  }
#cboxLoadedContent em { font-style:italic; }

.remark { font-size: 11px; color:#999; }

.l-1c { }
.l-2c { }
.l-2cr { }
.1-3c { }
.1-4c { }

.l-1c .c1 { width: 1128px; }
.l-2c .c-half-l { width: 552px; margin-right: 24px;  }
.l-2c .c-half-r { width: 552px; }

.l-2c .c1 { width: 840px; margin-right: 24px; }
.l-2c .c2 { width: 264px; }

.l-2cr .c1 { width: 840px; margin-right: 0px; float: right; }
.l-2cr .c2 { width: 264px; float: left; margin-right: 24px; }

.l-4c .c1 { width: 264px; margin-right: 24px; }
.l-4c .c2 { width: 264px; margin-right: 24px; }
.l-4c .c3 { width: 264px; margin-right: 24px; }
.l-4c .c4 { width: 264px; }

.c1 { float: left; }
.c2 { float: left; }
.c3 { float: left; } 
.c4 { float: left; }
.c-half-l { float: left; }
.c-half-r { float: left; }

.wg { }
.wg-title { font-family: 'Merriweather', serif; font-weight: bold; text-transform: uppercase; color: #666; letter-spacing: 0.2em; border-bottom: 1px solid #9e9e9e; margin-bottom: 24px; }

@media only screen and (max-width : 1224px) {
	.page { min-width: 940px; }
	.page-width { width: 940px; }
	
	.l-1c .c1 { width: 940px; }
	.l-2c .c-half-l { width: 460px; margin-right: 20px;  }
	.l-2c .c-half-r { width: 460px; }
	
	.l-2c .c1 { width: 700px; margin-right: 20px; }
	.l-2c .c2 { width: 220px; }
	
	.l-2cr .c1 { width: 700px; margin-right: 0px; }
	.l-2cr .c2 { width: 220px; margin-right: 20px; }

	.l-4c .c1 { width: 220px; margin-right: 20px; }
	.l-4c .c2 { width: 220px; margin-right: 20px; }
	.l-4c .c3 { width: 220px; margin-right: 20px; }
	.l-4c .c4 { width: 220px; }
	
	.wg-title { margin-bottom: 20px; }
}

img.red { border: inset 2px #F00; 
	-webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box;
  box-sizing: border-box;  }

#colorbox #cboxClose
{
top: -5px;
right: -5px;
}
#cboxLoadedContent{
margin-top:28px;
margin-bottom:0 !important;
}
#cboxContent {
	overflow: visible !important;
}	


.appendix{color: #6f530f; }

/*
@media only screen and (min-width : 320px) and (max-width : 480px) {
	.page { min-width: 0; }
	.page-width { width: 100%; }
	.page .header { height: 60px; }
	.page .header .logo { padding-top: 10px; }
	.page .header .logo img { width: 163px; }

	.l-1c .c1 { width: auto; }
	.l-1c .c-half-l { width: auto; margin-right: 10px; }
	.l-1c .c-half-r { width: auto; }
	
	.l-2c .c1 { width: auto; margin-right: 10px; }
	.l-2c .c2 { width: auto; }
	
	.l-4c .c1 { width: auto; margin-right: 10px; }
	.l-4c .c2 { width: auto; margin-right: 10px; }
	.l-4c .c3 { width: auto; margin-right: 10px; }
	.l-4c .c4 { width: auto; }	
	
	.c1 { float: none; margin: 0 10px 40px 10px; }
	.c2 { float: none; margin: 0 10px 40px 10px; }
	.c3 { float: none; margin: 0 10px 40px 10px; } 
	.c4 { float: none; margin: 0 10px 40px 10px; }
	.c-half-l { float: none; margin: 0 10px 40px 10px; }
	.c-half-r { float: none; margin: 0 10px 40px 10px; }
	
	.wg-title { text-align: center; margin-bottom: 10px; }
	
	.page-content section { margin-bottom: 0px; }
}

*/