#containerInner {
display: table;
left: 50%;
margin: 0 auto;
margin-top: 0;
padding: 5px;
text-align: center;
}

li img {
display: inline-block;
max-height: 400px;
padding: 5px;
border: 1px dotted #a9a9a9;
}

ul {
margin-top: 50px;
list-style-type: none;
padding-left: 0;
}

/*header, footer*/

#head {
margin: 0 auto;
position: absolute;
width: 400px;
right: 0;
top: 0;
height: 30px;
background-color: #f5f5f5;
border-bottom: 1px solid #b5b5b5;
text-align: center;
transition: all 0.3s;
}

#head p {
margin-top: 5px;
margin-bottom: 0;
font-weight: bold;
cursor: pointer;
}

#head li {
visibility: hidden;
background-color: #f5f5f5;
opacity: 0;
transition: all 0.3s;
text-align: right;
padding-right: 15px;
margin-top: 1px;
border-left: 1px solid #b5b5b5;
border-bottom: 1px solid #b5b5b5;
}

#head:hover li {
visibility: visible;
cursor: pointer;
background-color: #f5f5f5;
opacity: 1;
}

#head li:hover {
background-color: #db4a34;
color: #ffffff
}

#head li:active {
background-color: #db6e34;
}

.reset {
cursor: pointer;
color: #5f5f5f;
}

#guide-title {
cursor: pointer;
}

#select {
text-align: right;
padding-right: 15px;
}

.success {
border-left: 3px solid #8AC007 !important; 
background-color: #F3F9E6 !important;
}

.fail {
border-left: 3px solid #db4a34 !important;
background-color: #FBEDEB !important;
}

/*intro*/

#subtitle {
font-size: 20px;
margin-top: 50px;
}

#postOption {
border-left: 3px solid #db4a34;
background-color: #FBEDEB;
margin-bottom: 0px;
height: 50px;
line-height: 50px;
transition: all 0.3s;
text-align: center;
text-indent: -50px;
}

#postOption img {
float: left;
height: 50px;
width: 50px;
}

#postOption:hover {
cursor: pointer;
background-color: #F8DBD6;
}

#displayOption {
border-left: 3px solid #db4a34; 
background-color: #FBEDEB;
margin-top: 5px;
margin-bottom: 0px;
height: 50px;
line-height: 50px;
transition: all 0.3s;
text-align: center;
text-indent: -50px;
}

#displayOption img {
float: left;
height: 50px;
width: 50px;
}

#displayOption:hover {
cursor: pointer;
background-color: #F8DBD6;
}

#integratedOption {
border-left: 3px solid #db4a34; 
background-color: #FBEDEB;
margin-top: 5px;
height: 50px;
line-height: 50px;
transition: all 0.3s;
text-align: center;
text-indent: -50px;
}

#integratedOption img {
float: left;
height: 50px;
width: 50px;
}

#integratedOption:hover {
cursor: pointer;
background-color: #F8DBD6;
}

/*NO POST*/

#noPostContent {
display: none;
}

.postButtons::selection {
background: transparent;
color: inherit;
}

.postButtons p {
color: #000000;
transition: all 0.2s;
border: 1px solid #db4a34;
padding: 0px 4px 0px 4px;
border-radius: 1px;
}

.postButtons p:hover {
background-color: #db4a34;
color: #ffffff;
}

.postButtons p::selection {
background: transparent;
color: inherit;
}

.postPrev {
cursor: pointer;
display: inline;
margin: 50px;
padding-left: 10px;
padding-right: 10px;
}

.postNext {
cursor: pointer;  
display: inline;
margin: 50px;
padding-left: 10px;
padding-right: 10px;
}


/*NO DISPLAY*/

#noDisplayContent {
display: none;
}

.displayButtons::selection {
background: transparent;
color: inherit;
}

.displayButtons p {
color: #000000;
transition: all 0.2s;
border: 1px solid #db4a34;
padding: 0px 4px 0px 4px;
border-radius: 1px;
}

.displayButtons p:hover {
background-color: #db4a34;
color: #ffffff;
}

.displayButtons p::selection {
background: transparent;
color: inherit;
}

.displayPrev {
cursor: pointer;
display: inline;
margin: 50px;
padding-left: 10px;
padding-right: 10px;
}

.displayNext {
cursor: pointer;  
display: inline;
margin: 50px;
padding-left: 10px;
padding-right: 10px;
}

/* NO DISPLAY IGPU */

#noIntegratedContent {
display: none;
}

.integratedButtons::selection {
background: transparent;
color: inherit;
}

.integratedButtons p {
color: #000000;
transition: all 0.2s;
border: 1px solid #db4a34;
padding: 0px 4px 0px 4px;
border-radius: 1px;
}

.integratedButtons p:hover {
background-color: #db4a34;
color: #ffffff;
}

.integratedButtons p::selection {
background: transparent;
color: inherit;
}

.integratedPrev {
cursor: pointer;
display: inline;
margin: 50px;
padding-left: 10px;
padding-right: 10px;
}

.integratedNext {
cursor: pointer;  
display: inline;
margin: 50px;
padding-left: 10px;
padding-right: 10px;
}