/**** HTML TAGS ****/

html {margin:0; padding:0; height:100%; overflow-x: hidden; }
body {
    margin:0;
    padding:0;
    height:100%;
    font-family: verdana;
}

/**** CSS CLASSES ****/

.font {font-family:verdana,arial,helvetica,trebuchet,sans;}
.font.nano {font-size:7pt;}
.font.small {font-size:8pt;}
.font.normal {font-size:9pt;}
.font.large {font-size:10pt;}
.font.big {font-size:12pt;}
.font.huge {font-size:15pt;}
.font.event {font-size:22pt;}
.bold {font-weight:bold;}
.font.italic {font-style:italic;}
.font.justify {text-align:justify;}
.font.thin { font-weight:normal;}

.center {margin-left:auto; margin-right:auto;}
.right {margin-left:auto; margin-right:0;}
.left {margin-left:0; margin-right:auto;}
.textright {text-align:right;}
.textleft {text-align:left;}
.textcenter {text-align:center;}
.fright {float:right;}
.fleft {float:left;}
.fnone {clear:both;}
.vtop {vertical-align:top}
.vmiddle {vertical-align:middle;}
.vbottom {vertical-align:bottom}
.nowrap {white-space: nowrap;}
.underline {text-decoration: underline;}
.table {display:table}
.tr {display:table-row}
.td {display:table-cell}

.w10 {width:10%;}
.w20 {width:20%;}
.w30 {width:30%;}
.w40 {width:40%;}
.w45 {width:45%;}
.w50 {width:50%;}
.w60 {width:60%;}
.w70 {width:70%;}
.w80 {width:80%;}
.w90 {width:90%;}
.w95 {width:95%;}
.w100 {width:100%;}

@font-face {
	font-family: "PrivaThreePro";
	src: url("../fonts/PrivaThreePro/PrivaThreePro.eot"),
		url("../fonts/PrivaThreePro/PrivaThreePro.woff") format("woff"),
		url("../fonts/PrivaThreePro/PrivaThreePro.otf") format("opentype"),
		url("../fonts/PrivaThreePro/PrivaThreePro.svg#filename") format("svg");
}

.bright {border-right:1px solid}
.bleft {border-left:1px solid}
.btop {border-top:1px solid}
.bbottom {border-bottom:1px solid}

.sucess {color:green;}
.error {color:red;}

.inline {display:inline;}
.inlineblock {display:inline-block;}
.hidden {visibility:hidden;display:none;}
.visible {visibility:visible;}
.link {cursor:pointer;}
.link:hover{}
.box {border-width:1px;border-style:solid;}


#logo {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    width: 30%;
    max-width: 300px;
}

#divMenu {
    position: fixed;
    display: block;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 999;
    
}

#opMenu {
    width: 30%;
    max-width: 300px;
    cursor: pointer;
}
#opMenu img{
    width:100%;
    margin-bottom: -2px;
}

#menu {
    width: 100%;
    display: none; 
}

#menu ul {
    list-style-type:none;
    margin:0;
    padding:0;
    /*background-color: #c9c9ca;*/
}

#menu li {
    display: block;
    width: 100%;
    background-color: #838387;
    box-shadow: 0 2px 6px rgba(255, 255, 255, .5);
}

#menu .mmenu {
    margin-top: 2px;
}

#menu .s1menu {
    margin-top: 1px;
}

#menu .selected {
    background-color: #6f2a8e;
}

#menu li:hover{
    background-color: #6f2a8e;
}

#menu .mmenu a {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 130%;
    color: #FFFFFF;
    padding: 4px;
    text-decoration: none;
}

#menu .s1menu a {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 110%;
    color: #FFFFFF;
    padding: 3px 4px 3px 4px;
    text-decoration: none;
}

#menu .s2menu a {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 100%;
    color: #FFFFFF;
    padding: 2px 4px 2px 4px;
    text-decoration: none;
}

#menu .mmenu div {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 130%;
    color: #FFFFFF;
    padding: 4px;
    text-decoration: none;
}

#menu .s1menu div {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 120%;
    color: #FFFFFF;
    padding: 3px 4px 3px 4px;
    text-decoration: none;
}

#menu .s2menu div {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 110%;
    color: #FFFFFF;
    padding: 2px 4px 2px 4px;
    text-decoration: none;
}

#contentDiv  {
    
}

.img_home {
    
}

#manualSlide {
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	display: inline-block;
	text-align: center;
	vertical-align: middle;
    width: 95%;
	/*padding: 10px;*/
}

.slimage {
    height: 400px;
    width: 580px;
}
.slInfo {
	font-size: 80%;
    color: #666;
    /*width: 560px;*/
    width: 95%;
    padding: 0 15px 0 15px;
	text-align: left;
}
#manualSlide .mainDiv {
    height: 400px;
    width: 580px;
    margin-left: auto;
    margin-right: auto;
}
    
#homeDivContent .jms-arrows{
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
#homeDivContent .jms-arrows span{
	position: absolute;
	top: 50%;
	margin-top: -40px;
	height: 80px;
	width: 40px;
	cursor: pointer;
	z-index: 250;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
	border-radius: 3px;
}
#homeDivContent .jms-arrows span.jms-arrows-prev{
	background: #fff url(../img/arrow_left.png) no-repeat 50% 50%;
	left: 0;
}
#homeDivContent .jms-arrows span.jms-arrows-next{
	background: #fff url(../img/arrow_right.png) no-repeat 50% 50%;
	right: 0;
}

#logoContent {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.logoBox {
    width: 80%;
    max-width: 260px;
    background-color: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
    display: inline-block;
    margin: 5px;
    margin-top: 10px;
    padding: 0;
    text-align: center;
    vertical-align: middle;
}
.logoBox img {
    max-width: 200px;
    max-height: 140px;
    margin: 0;
    cursor: pointer;
}

#footer_spacing {
    margin-top: 25px;
}

#galleryDiv {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.normalBox {
    background-color: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 10px;
    margin: 5px;
}
#localDiv {
    font-size: 90%;
    color: #666;
}
#localDiv div {
    font-size: 90%;
    color: #666;
}
#localDiv .normalBox {
    padding: 10px;
    font-size: 90%;
    color: #666;
}

.normalBox iframe {
    width: 100%;
}
.normalBox .ori_A {
	/*
    max-width: 200px;
    max-height: 426px;
	*/
	width: 100%;
    margin: 0;
}
.normalBox .ori_B {
    /*
	max-width: 434px;
    max-height: 372px;
	*/
	/*
	max-width: 260px;
    max-height: 426px;
	*/
	width: 100%;
    margin: 0;
}

#teamDiv {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}

#teamDiv .thinBox {
    background-color: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
    display: inline-block;
    text-align: justify;
    vertical-align: top;
    margin: 10px 5px 10px 5px;
    width: 100%;
    font-size: 70%;
    color: #666;
}
#teamDiv .thinBox div {
    margin: 10px;
}
#teamDiv .thinBox img {
    float: left;
    max-width: 120px;
    margin-right: 10px;
}

#formDiv {
    background-color: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
    text-align: justify;
    vertical-align: top;
    width: 95%;
    font-size: 80%;
    color: #666;
    margin-left: auto;
    margin-right: auto;
}
#formDiv .sinfo {
    
    margin: 10px;
}
#contact_form {
    margin: 10px;
}

#contact_form input[type="text"]{
    width: 100%;
    padding: 5px;
    font-size: 120%;
    color: #666;
}
#contact_form input[type="email"]{
    width: 100%;
    padding: 5px;
    font-size: 120%;
    color: #666;
}
#contact_form input[type="file"]{
    width: 100%;
    padding: 5px;
    font-size: 120%;
    color: #666;
}
#contact_form textarea{
    width: 100%;
    padding: 5px;
    font-size: 120%;
    color: #666;
}
#submit {
    width: 50%;
    font-size: 140%;
    color: #666;
    background-color: #fff;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
	border-radius: 8px;
}