/*----------PRIMARY----------*/

#primary {
    overflow : hidden;
    margin-bottom : 8%;
    padding : 9% 6% 8% 6%;
    background-color : #131a20;
    background-image : url(primebg.jpg);
    background-size : 220px;
    background-repeat : no-repeat;
    background-position : top right;
}

#primary h3 {
    margin-bottom : 8%;
    color : #ffffff;
    font-size : 114%;
    font-weight : 600;
}

#primary h3 span {
    display : block;
}

#primary dl {
    width : 100%;
}

#primary dl dt {
    margin-bottom : 4%;
    font-size : 100%;
    font-weight : 600;
    color : #ffffff;
    background : rgba(255,255,255,0.25);
    border-radius : 36px;
}

#primary dl dt p {
    display : inline-block;
    margin-right : 15px;
    padding : 8px 25px 9px 25px;
    color : #ffffff;
    background : #ff8d37;
    border-top-left-radius : 26px;
    border-bottom-left-radius : 26px;
}

#primary dl dd {
    margin-bottom : 6%;
    color : #e1e1e1;
    line-height : 1.5em;
}

p#chart {
    line-height : 1.3em;
}

p#chart img {
    float : left;
    width : 56%;
    height : 56%;
    margin-right : 2%;
}

p#chart span {
    font-size : 90%;
    color : #e1e1e1;
}

/*----------SECONDARY----------*/

#secondary {
    overflow : hidden;
    width : 90%;
    margin : 0 auto 7% auto;
}

#secondary h3 {
    margin-bottom : 7%;
    padding : 12px;
    border-top : solid 4px #c8c8c8;
    border-bottom : solid 1px #c8c8c8;
    font-size : 110%;
    font-weight : 600;
}

#secondary dl {
    width : 100%;
}

#secondary dl dt {
    width : 60%;
    margin : 0 auto 10px auto;
    padding : 5px 0 6px 0;
    font-size : 100%;
    text-align : center;
    border-radius : 36px;
    font-weight : 600;
    transform : scale(1.00, 1.04);
    letter-spacing : 1px;
}

#secondary dl dt#before {
    color : #cb514e;
    background : #e6baac;
}

#secondary dl dt#after {
    color : #ffffff;
    background : #cb514e;
}

#secondary dl dd {
    margin-bottom : 6%;
    line-height : 1.5em;
}

#secondary dl dd h4 {
    margin-bottom : 15px;
    padding : 0 10% 13px 10%;
    font-size : 110%;
    font-weight : 600;
    border-bottom : solid 1px #b4b4b4;
}

#secondary dl dd p {
    line-height : 1.4em;
}

ul#jthumb {
    list-style : none;
    width : 100%;
}

ul#jthumb li {
    float : left;
    width : 49%;
    margin-right : 2%;
    line-height : 1.1em;
}

ul#jthumb li:last-child {
    margin : 0;
}

ul#jthumb li p {
	width : 100%;
    margin-bottom : 10px;
	background-size : cover;
	background-position : center center;
	padding-top : 130px;
    border-radius : 8px;
}

ul#jthumb li span {
    display : block;
    padding : 0 10px 0 10px;
    font-size : 80%;
}

/*----------TERTIARY----------*/

#tertiary {
    clear : both;
    width : 90%;
    margin: 0 auto 7% auto;
    padding : 7% 0 7% 0;
    border-top : dashed 1px #b4b4b4;
    border-bottom : dashed 1px #b4b4b4;
}

#tertiary dl dt {
    width : 100%;
    margin-bottom : 4%;
}

#tertiary dl dt img {
    width : 100%;
    height : 100%;
}

#tertiary dd {
    padding : 14px 16px 15px 16px;
    font-weight : 600;
    background : #ffff00;
    border-radius : 15px;
    line-height : 1.3em;
}

dl#andor {
    width : 90%;
    margin : 0 auto 3% auto;
    text-align : center;
}

dl#andor dt {
    width : 80%;
    margin : 0 auto 10px auto;
}

dl#andor dt img {
    width : 100%;
    height : 100%;
}

dl#andor dd {
    line-height : 1.5em;
}

/*----------LANDSCAPE----------*/

@media screen and (orientation: landscape) {

#primary {
    overflow : hidden;
    margin-bottom : 5%;
    padding : 5% 4% 5% 4%;
    background-image : url(primebg.jpg);
    background-size : 400px;
}

#primary h3 {
    margin-bottom : 5%;
    font-size : 120%;
}
    
#primary dl dt {
    margin-bottom : 2.5%;
    font-size : 110%;
}

#primary dl dd {
    margin-bottom : 3.5%;
    line-height : 1.5em;
}
    
p#chart img {
    float : left;
    width : 25%;
    height : 25%;
    margin-right : 2%;
}

p#chart span {
    font-size : 100%;
    line-height : 1.5em;
}

#secondary dl dt {
    width : 50%;
    margin : 0 auto 2% auto;
}

#secondary dl dd h4 {
    margin-bottom : 15px;
    padding-bottom : 15px;
    text-align : center;
}

ul#jthumb li p {
	width : 100%;
	background-size : cover;
	background-position : center center;
	padding-top : 220px;
    border-radius : 8px;
}

#tertiary {
    margin: 0 auto 5% auto;
    padding : 5% 0 5% 0;
}

#tertiary dl dt {
    width : 80%;
    margin : 0 auto 4% auto;
}

#tertiary dd {
    padding : 20px;
    line-height : 1.4em;
}

dl#andor dt {
    width : 50%;
    margin : 0 auto 15px auto;
}

}