@charset"utf8";

div#container {
    width: 80%;
    margin: 0 auto;
    border: solid 2px #000;
}

div#wrapper {
    width: 90%;
    margin: 0 auto;
    background: #ffa500;
}

header {
    width: 100%;
}

ul.menu {
    display: table;
    width: 40%;
    float: left;
    background-color: #dadada;
    margin: 0;
    height: 326px;
    text-align: center;
}

div#main {
    width: 60%;
    float: left;
    display: block;
}

.clear {clear: both;}

div#footer {
    width: 100%;
    text-align: center;
    background-color: #dadada;
}

.maincontent {width: 98%;background: #ffa500;padding: 1%;}

div#contents {
    width: 100%;
    background-color: #fff;
    /* display: table; */
}

.img_photo {
    border: 5px solid #fff;
    box-shadow: 3px 3px 20px;
    border-radius: 10px;
}

.mainimg {
    width: 97%;
    margin-left: 1%;
}

div#top_main {
    background: #ffa500;
}

ul.menu li a {
    border-bottom: 1px solid #fff;
}
/*base
---------------------------------------------------------------------------*/

div#logo {/* text-align: center; */background: #fff;}

div#logo h1 a {color: #044a00;}

div#logo h1 a:hover {color: #a52a2a;}

div#logo p a {color: #044a00;font-size: 2em;}

div#logo p a:hover {color: #a52a2a;}

ul.menu a:hover {color: #a52a2a;}

a {text-decoration: none;color: #044a00;}

a:hover {color: #a52a2a;}

h1 {color: #044a00;margin: 0;}

h2 {margin: 10px 0;color: #044a00;}

p.h1 {margin: 13px 0;}

ul {padding: 0;}

ul.menu li {/* display: inline; */line-height: 78px;}

li {line-height: 20px;list-style: none;}

.article {width: 98%;margin: 0 auto;display: table;}

a.font-s {font-size: 14px;}

section {display: table;}

img {width: 100%;height: auto;}

.circle {border-radius: 50%;border: 5px solid #fff;}

.l_img {width: 40%;height: auto;float: left;/* margin-right: 10px; */margin: 10px 10px 10px 0;}

.r_img {width: 40%;height: auto;float: right;margin-left: 10px;}

.center {text-align: center;}

.col_2 {width: 48%;float: left;margin: 1%;}

.col_3 {float: left;width: 31%;margin: 0 1%;}

.heddin {display: none;}

.font-s {font-size: 14px;}

.font-xs {font-size: 11px;}

.wrap {display: table;}

.speace {margin: 1% 0;}

.boder_dashed {border-bottom: 2px dashed #fff;}

.card {border: 10px solid #dadada;border-radius: 10px;}

.board {background: #b5b5b5;margin: 1%;}

.board h2 {background: #888888;margin: 0;color: #fff;padding: 0 2%;}

.board p {padding: 2%;width: 96%;}

.board button {margin-right: 20px;margin-bottom: 20px;}

.padding_a {padding: 1%;}
/*responctive
---------------------------------------------------------------------------*/
@media screen and (max-width : 1024px) {

#container {width: 98%;padding: 0px;}

div#menu {height: auto;width: 100%;}

div#menu li {display: block;margin: 0px;}

div#menu ul {padding-top: 0px;}

img {width: 100%;float: none;margin: 0;height: auto;box-shadow: none;}

img.imgl {width: 100%;height: 50%;float: none;margin-right: 0;}

.l_img,.r_img {float: none;width: 100%;margin: 0px;padding: 0;}

.margin_res {width: 96%; margin: 0 auto;}

div#logo h1 a {font-size: 14px;}

div#logo p a {font-size: 14px;}

h2 {font-size: 14px;}

div#footer {width: 100%;margin-top: 20px;}

div#footerPan {width: 100%;height: auto;}

ul.menu {text-align: center;background: #888888;display: block;}

.r_heddin {display: none;}

.article {width: 100%;margin: 0;}

.col_2,.col_3 {width: 100%;float: left;margin: 10px 0;}

.board button {margin: 0 10px 10px 10px;}

.padding_a {padding: 0%;}

div#container {
    width: 98%;
}

div#wrapper {
    width: 100%;
    padding-top: 1%;
}


ul.menu {
    height: auto;
}

ul.menu li {display: block;margin-bottom: 1%;}

.left {
    width: 100%;
    float: none;
}

div#right {
    width: 100%;
    float: none;
}

div#footer p {
    display: none;
}

body {
    width: 100%;
    margin: 0;
}

ul.menu {
    width: 100%;
    float: none;
    padding: 0;
    position: unset;
    left: 0;
    bottom: 0;
    margin: auto;
}

div#wrapper {
    width: 98%;
    padding: 0 1%;
    box-shadow: none;
}

.rigth {
    float: none;
    width: 100%;
}

h2.card {
    box-shadow: none;
    padding: 0;
    background: #dadada;
}

.wrap {display: table;padding: 2%;}

.speace {margin: 10px 0;}

ul.menu li:after {
    content: none;
}

ul.menu li:last-child:after {
    content: none;
}

.mb_s {margin-bottom: 20px;}

.card {border: none;}

p.h1 {margin: 13px 0;}

ul.menu li {
    margin-top: 2%;
}

.font-14 {
    font-size: 14px;
}

.mainimg {
    width: 100%;
    float: none;
}

.mainimg h2 {
    position: absolute;
    top: 0;
    left: 10px;
    font-size: 14px;
    background: rgba(255, 255, 255, 0.6);
    padding: 0px;
}

.mainimg h1 {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 14px;
    background: rgba(255, 255, 255, 0.6);
    padding: 0px;
}

.img_photo {
    width: 96%;
    margin: 0 auto;
}

ul.menu {
    display: table;
    width: 100%;
    float: none;
    background-color: #dadada;
    margin: 0;
    height: auto;
    text-align: center;
}

div#main {
    width: 100%;
    float: none;
    display: block;
}

ul.menu li {line-height: 20px;}

ul.menu {
    margin: 20px 0;
}

div#logo {text-align: center;}

}/*~Fin~*/