html,body{font-family:Verdana,sans-serif;font-size:15px;line-height:1.5}html{overflow-x:hidden}
h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}.serif{font-family:serif}
h1,h2,h3,h4,h5,h6{font-family:"Segoe UI",Arial,sans-serif;font-weight:400;margin:10px 0}.wide{letter-spacing:4px}
a{color:inherit}
hr.solid{opacity: 0.5; border-color:black}

/* footer */
.mytext{opacity:0.60}
.footer{text-align:center; line-height:0; padding-bottom: 32px}

/* opacity */
.opacity-6{opacity:0.60}
.opacity-off{opacity:1.0}
.opacity-max{opacity:0.25}.opacity-min{opacity:0.75}

/* font size */
.tiny{font-size:10px!important}.small{font-size:12px!important}.medium{font-size:15px!important}.large{font-size:18px!important}
.xlarge{font-size:24px!important}.xxlarge{font-size:36px!important}.xxxlarge{font-size:48px!important}.jumbo{font-size:64px!important}

/* padding */
.padding-top-8{padding-top:8px!important}.padding-top-16{padding-top:16px!important;}
.padding-8{padding-top:8px!important;padding-bottom:8px!important}.padding-16{padding-top:16px!important;padding-bottom:16px!important}
.padding-32{padding-top:32px!important;padding-bottom:32px!important}.padding-48{padding-top:48px!important;padding-bottom:48px!important}

/* bar */
.bar{width:65%;overflow:hidden; display:inline-block;width:auto;white-space:normal}
.bar .bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}
.bar .dropdown-hover,.bar .dropdown-click{position:static;float:left}
.bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}
.bar-item{text-align:center}.block{display:block;width:100%}

/* button */
.button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap;white-space:normal}
.button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.button:hover{color:#000!important;background-color:#ccc!important}

.content-main{margin-left:auto; margin-right:auto; text-align:center}
.content{width:70%}
.content-project{width:75%}

/* others */
.border{border:1px solid #ccc!important}
.transparent,.hover-none:hover{background-color:transparent!important}
.hover-none:hover{box-shadow:none!important}

/* preference */
hr.separate{opacity: 0.1; border-color:black; margin-top:3px; margin-bottom:3px}
a.author{text-decoration:underline}
.region{padding-top: 10px; padding-bottom: 15px}

p{opacity:0.60}
p.link{opacity:0.60; font-size:10pt}
p.description{opacity:0.60; font-size:10pt}
p.joke{opacity: 1.5; font-size:8pt}
strong{opacity:3.00}