body{ margin: 0px; padding:0px; font-size:9pt; color:#42474a;}
.fbold {font-weight:bolder;}
    
.skyfont {color:#2294da; }    
.f11 {font-size:11pt;}
a {text-decoration:none !important; color:#42474a;}
.pt {cursor:pointer;}

.guide-container { display:inline-block; width:800px; }

.guide_search-box {background:url("/appimages/bg_search_bar_skyblue.png"); width:752px; height:56px; }

.search-box-inner {width: 720px; display:inline-block; margin: 13px 13px 15px 18px; }
.search-leftbox {width: 645px; display:inline-block; float:left;}
.search-rightbox {width: 70px; display:inline-block; float:left;}
#guide_search { width:635px; border:none; vertical-align: middle; margin-top: 5px;}
#guide-search-btn {  \0/IE8+9; }
#guide-search-btn { float:left;  }



.guide-title {cursor:pointer;} 
.best-question {text-align:left; padding: 5px 0px; font-weight:bolder; margin: 30px 0px 10px 0px;  }
.best-question-listbox { list-style: none; padding:0px; margin:0px; width:750px;}
.best-question-listbox li { padding: 5px 0px; }

.best-question-listbox2 { list-style: none; padding:0px; margin:0px; width:750px;}
.best-question-listbox2 li { padding: 15px 0px; }

.skyline{height: 2px; background:#43a2da; margin-top: 20px; width: 750px;}

.question-type {font-size: 8pt;}
.question-title {}

.best-question-contentsbox {min-height: 100px; padding: 5px; line-height: 20px; padding: 5px; }

/*
@media only screen
and (max-width : 1024px) {
  body { background-color: orange; }
  h1 { color: black; }
  .guide-contents-list li { width:100%;  }
  .guide-contents-list li img { border:solid 1px red;   }
}


@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
  body { background-color: black; }
  h1 { color: yellow; }                
}


@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) 
and (orientation : portrait) {
  body { background-color: yellow; }
  h1 { color: black; }  
}


@media only screen 
and (min-width : 1025px) {
  .move-size { float:left; min-width: 506px; width:50%;}
  .guide-contents-list li {width:230px; }
  .guide-contents-list li img { border:solid 1px blue; width:230px; }
  
}
*/

.web-move-size {width: 344px; float:left; margin-right:35px; } 
.guide-title {padding: 5px;}

.guide-write-box {width:100%; }
.guide-img {border:solid 1px #ddd; height: 200px;}

.del-btn {color:red; cursor:pointer;}

.guide-contents-list  {margin:0px; padding:0px;}
.guide-contents-list .inner {width:230px; float:left; list-style:none; margin:0px; margin-right: 20px; padding:0px; vertical-align:top; display:inline-block; }
.guide-contents-list .inner img { width:220px; }

.clear {clear:both; }
.grayline {width: 740px !important; margin-top: 30px !important; margin-bottom: 30px !important; height:1px; background:#d9d9d9;}
.grayline2 {width: 750px; height:1px ; padding:0px !important; background:#d9d9d9;}


.guide-contents-title {background:#eaf5fb; width: 750px; height: 63px; line-height: 63px; }



.pagination {
  height: 36px;
  margin: 18px 0;
}

.pagination ul {
  display: inline-block;
  *display: inline;
  margin-bottom: 0;
  margin-left: 0;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  *zoom: 1;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.pagination li {
  display: inline;
}

.pagination a {
	color: #08C;
  float: left;
  padding: 0 14px;
  line-height: 34px;
  text-decoration: none;
  border: 1px solid #ddd;
  border-left-width: 0;
}

.pagination a:hover,
.pagination .active a {
  background-color: #f5f5f5;
}

.pagination .active a {
  color: #999999;
  cursor: default;
}

.pagination .disabled span,
.pagination .disabled a,
.pagination .disabled a:hover {
  color: #999999;
  cursor: default;
  background-color: transparent;
}

.pagination li:first-child a {
  border-left-width: 1px;
  -webkit-border-radius: 3px 0 0 3px;
     -moz-border-radius: 3px 0 0 3px;
          border-radius: 3px 0 0 3px;
}

.pagination li:last-child a {
  -webkit-border-radius: 0 3px 3px 0;
     -moz-border-radius: 0 3px 3px 0;
          border-radius: 0 3px 3px 0;
}

.pagination-centered {
  text-align: center;
}

.pagination-right {
  text-align: right;
}

.dataTables_empty { height: 150px; line-height: 150px;  text-align: center;}
