body {
background-color: #EAEAEA;
}
a {
color: #1EAEDB; text-decoration: none;
} a:hover { color: #0FA0CE; }
/* Lists –––––––––––––––––––––––––––––––––––––––––––––––––– */
ol, ul {
padding-left: 0; margin-top: 0; }
ul ul, ul ol, ol ol, ol ul {
margin: 0.5rem 0 0.5rem 2rem; font-size: 90%; }
li { margin-bottom: 1rem; } ul.li_none , ol.li_none { list-style: none; }
/* common */
/* notee utils */
.notee_wrapper {
width: 100%; max-width: 1080px; margin: 0 auto;
}
/* notee header */
.notee_header {
width: 100%; height: 300px; float: left; margin-top: 0; background-color: #2E2F30; border-bottom: 3px solid #F7F7F7;
}
.notee_header h1{
text-align: left; font-size: 20px; margin-top: 80px;
}
.notee_header h1 a{
color: #F7F7F7;
}
.notee_header_desc{
font-size: 12px; color: #F7F7F7; margin-top: -10px;
}
.notee_header_meta {
width: 90%; margin-left: 20px; float: left;
}
.notee_header_nav li{
min-width: 150px; text-align: center; float: right; list-style: none; font-size: 12px;
}
.notee_header_nav ul a{
color: #F7F7F7;
}
/* notee_lists */
.notee_list {
width: 95%; height: auto; padding: 2.5%; float: left; border: 2px solid #F7F7F7; background-color: #fff; margin-bottom: 20px; word-wrap: break-word;
}
.notee_list_meta {
width: 100%; font-size: 12px; margin-top: 10px; color: #333333;
}
.notee_list_meta_content {
width: auto; padding: 5px; text-align: center;
}
.notee_list_category {
background-color: #337C99;
}
.notee_list_category a{
color: #fff;
}
.notee_list_a_tag {
width: 100%; float: left;
}
.notee_list h3{
font-size: 20px; margin: 0;
}
.notee_list_content {
width: 100%; float: left; margin-top: 20px; margin-bottom: 20px;
}
.notee_list_content img{
width: 30%; float: left;
}
.notee_list_content_p{
width: 65%; float: left; margin-left: 5%; word-wrap: break-word;
}
.notee_list_content_p a{
color: #333333;
}
/* notee_main_content */
.notee_main_content {
width: 95%; height: auto; padding: 2.5%; float: left; border: 2px solid #F7F7F7; background-color: #fff; margin-bottom: 20px; word-wrap: break-word;
}
.notee_main_content img{
width: 95%; height: auto; padding: 2.5%; padding-left: 0;
}
.notee_main_content h2{
width: 95%; height: auto; margin-top: 50px; margin-bottom: 30px; padding: 1%; padding-left: 0; border-bottom: 1px solid #dcdcdc;
}
.notee_main_content h3{
margin-top: 50px;
}
.notee_main_content ul {
margin-top: 10px; margin-bottom: 10px;
}
.notee_main_content li{
margin-top: 5px; margin-bottom: 5px;
}
/* notee_sidebar */
.notee_sidebar_content {
width: 95%; height: auto; padding: 2.5%; float: left; border: 2px solid #F7F7F7; background-color: #fff; margin-bottom: 20px; word-wrap: break-word;
}
.notee_sidebar_ul {
list-style: none; font-size: 12px; margin: 0; margin-left: 7px;
}
.notee_sidebar_ul li {
line-height: 15px; margin: 0; margin-top: 7px; margin-bottom: 7px; list-style: none;
}
/* notee_footer */
.notee_footer {
width: 100%; height: 60px; line-height: 60px; float: left; background-color: #2E2F30; border-top: 3px solid #F7F7F7; text-align: center; color: #F7F7F7; font-size: 12px;
}
.notee_footer p{
margin: 0;
}
/* notee_comment_box */
.notee_comments {
width: 100%; float: left;
}
.notee_comment {
width: 98%; padding: 1%; margin_bottom: 10px; border-bottom: 1px solid #dcdcdc; float: left;
} .notee_comment_form {
width: 98%; padding: 0%; margin_bottom: 20px; float: left;
}
.notee_label {
width: 98%; margin-bottom: 15px; float: left;
}
.notee_text_field {
width: 98%; height: 26px; margin-bottom: 15px; float: left; font-size: 14px;
}
.notee_text_area {
width: 98%; height: 78px; margin-bottom: 15px; float: left; font-size: 14px;
}
.notee_submit {
width: 100%; height: 40px; line-height: 40px; float: left; font-size: 16px; border: 0px solid #F7F7F7; background-color: #337C99; color: #F7F7F7;
}
/* pc */
@media all and (min-width: 680px) {
.notee_sp { display: none !important; } .notee_main { width: 65%; height: auto; float: left; margin: 2.5%; margin-top: 20px; } .notee_header_nav { width: 100%; height: 80px; line-height: 80px; float: left; margin-top: 30px; border-right: 1px solid #F7F7F7; border-top: 1px solid #F7F7F7; } .notee_sidebar { width: 30%; height: auto; float: left; margin-top: 30px; }
}
/* tablet & sp */
@media all and (max-width: 679px) {
.notee_pc { display: none !important; } .notee_main { width: 94%; height: auto; float: left; margin: 3%; margin-top: 20px; } .notee_main_content p{ width:93%; margin: 3%; } .notee_header_nav { width: 100%; float: left; margin-top: 30px; border-top: 1px solid #F7F7F7; } .notee_header_nav li{ width: 50%; height: 63px; line-height: 63px; float: left; margin: 0; } /* notee_sidebar */ .notee_sidebar { width: 95%; height: auto; float: left; margin: 2.5%; margin-top: 20px; }
}