/*
Theme Name: （閉鎖用）WP Knowledge Base - hikipedia -
Theme URI: http://ipanelthemes.com/kb/wp-knowledge-base-theme/
Author: swashata - Masato -
Author URI: http://www.swashata.com/
Description: A responsive bootstrap based theme for maintaining multi product knowledge base on your WordPress site. Easily create knowledge bases with just posts and categories. You can also have images, support forum links and/or icons assigned to knowledge bases. The theme also has a comprehensive documentation which can be found at the ThemeURI ( http://ipanelthemes.com/kb/wp-knowledge-base-theme/ ). Requires atleast WordPress 3.5 due to jQuery dependency of bootstrap 3.0. Support for bbPress is added officially to version 1.6.0.
Version: 1.6.0
License: GNU General Public License
License URI: license.txt
Text Domain: ipt_kb
Domain Path: /languages/
Tags: gray, light, white, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, featured-images, threaded-comments, translation-ready

WP Knowledge Base WordPress theme, Copyright (C) 2013 iPanelThemes.com
WP Knowledge Base WordPress theme is licensed under the GPL.

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

===Bundled Resources===
Bootstrap - ​http://getbootstrap.com/
License: Distributed under the terms of the Apache 2.0 license.
Copyright: Twitter, http://twitter.com

Icomoon Icon Packs - ​http://icomoon.io/#icons
License: Distributed under the terms of the GPL
Copyright: IcoMoon, http://icomoon.io/

Sticky-Kit - ​http://leafo.net/sticky-kit/
License: Distributed under the terms of the WTFPL
Copyright: Leaf Corcoran, http://leafo.net

wp-bootstrap-navwalker - ​https://github.com/twittem/wp-bootstrap-navwalker
License: Distributed under the terms of the GPL-2.0+
Copyright: Edward McIntyre - @twittem

Google Fonts (Roboto and Oswald) - ​http://www.google.com/fonts/
License: Roboto font and Oswald font are distributed under the terms of the Apache License, version 2.0 and SIL Open Font License, 1.1 respectively
Copyright: Google Fonts, http://www.google.com/fonts/attribution

 WP Knowledge Base is based on Underscores http://underscores.me/, (C) 2012-2013 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/

/* =Reset
-------------------------------------------------------------- */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

html {
    font-size: 62.5%;
    /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
    overflow-y: scroll;
    /* Keeps page centred in all browsers regardless of content height */
    -webkit-text-size-adjust: 100%;
    /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
    -ms-text-size-adjust: 100%;
    /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}

body {
    background: #fff !important;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
    display: block;
}

ol,
ul {
    list-style: none;
}

table {
    /* tables still need 'cellspacing="0"' in the markup */
    border-collapse: separate;
    border-spacing: 0;
}

caption,
th,
td {
    font-weight: normal;
    text-align: left;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

blockquote,
q {
    quotes: "" "";
}

a:focus {
    outline: thin dotted;
}

a:hover,
a:active {
    /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
    outline: 0;
}

a img {
    border: 0;
}

/* =Global
----------------------------------------------- */

body {
    word-wrap: break-word;
}

body,
input,
select,
textarea {
    color: #404040;
    font-family: sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
}

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

/* Text elements */

p {
    margin-bottom: 1.5em;
}

ul,
ol {
    margin: 0 0 1.5em 3em;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 1.5em 1.5em;
}

b,
strong {
    font-weight: bold;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code,
kbd,
tt,
var {
    font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

sup,
sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

small {
    font-size: 75%;
}

big {
    font-size: 125%;
}

figure {
    margin: 0;
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}

th {
    font-weight: bold;
}

img {
    height: auto;
    /* Make sure images are scaled correctly. */
    max-width: 100%;
    /* Adhere to container width. */
}

button,
input,
select,
textarea {
    font-size: 100%;
    /* Corrects font size not being inherited in all browsers */
    margin: 0;
    /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
    vertical-align: baseline;
    /* Improves appearance and consistency in all browsers */
    *vertical-align: middle;
    /* Improves appearance and consistency in all browsers */
}

button,
input {
    line-height: normal;
    /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
}

button,
input {
    line-height: normal;
    /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
}

.entry-content input[type="reset"],
.entry-content input[type="submit"] {
    border: 1px solid #ccc;
    border-color: #ccc #ccc #bbb #ccc;
    border-radius: 3px;
    background: #e6e6e6;
    color: rgba(0, 0, 0, .8);
    cursor: pointer;
    /* Improves usability and consistency of cursor style between image-type 'input' and others */
    -webkit-appearance: button;
    /* Corrects inability to style clickable 'input' types in iOS */
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
    padding: .6em 1em .4em;
}

input[type="reset"]:hover,
input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa #bbb;
}

.entry-content input[type="reset"]:focus,
.entry-content input[type="submit"]:focus,
.entry-content input[type="reset"]:active,
.entry-content input[type="submit"]:active {
    border-color: #aaa #bbb #bbb #bbb;
}

input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* Addresses box sizing set to content-box in IE8/9 */
    padding: 0;
    /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
    -webkit-appearance: textfield;
    /* Addresses appearance set to searchfield in S5, Chrome */
    -webkit-box-sizing: content-box;
    /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration {
    /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
    border: 0;
    padding: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
    color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
    padding: 3px;
}

input.form-control {
    padding: 6px 12px;
}

textarea {
    overflow: auto;
    /* Removes default vertical scrollbar in IE6/7/8/9 */
    padding-left: 3px;
    vertical-align: top;
    /* Improves readability and alignment in all browsers */
    width: 98%;
}

/* Alignment */

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
}

/* Text meant only for screen readers */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar */
}

/* Clearing */

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: '';
    display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}

/* =Header
----------------------------------------------- */

header h1 {
    display: inline-block;
    font-size: 24px;
    vertical-align: bottom;
    margin-bottom: 4px;
}

@media (max-width: 999px) {
    header h1 {
        font-size: 18px;
    }
}

@media (max-width: 710px) {
    header h1 {
        display: none;
    }
}

.navbar-header {
    display: flex;
}
.site-title {
    font-size: 24px;
    margin: 15px 0 0 15px;
    clear: none;
}

.site-title a {
    color: #777;
}

#site_navigation {}

/* =Menu
----------------------------------------------- */

.main-navigation {
    font-size: 1.5rem;
}

.main-navigation .glyphicon {
    font-size: 16px;
    margin-right: 5px;
}

.main-navigation .main-navigation-search-form {
    width: 250px;
}

.navbar-default .navbar-nav > li > a {
    padding: 5px;
    padding-left: 15px;
    padding-right: 15px;
    border-right: 1px solid #c7c6c6;
}

/* =Site-description
----------------------------------------------- */

.site-description {
    width: 100%;
    padding: 20px;
    margin: 10px auto 20px;
    background-color: #fff;
    border-radius: 15px;
    border: 1px solid #aaa;
    overflow: hidden;
}

.site-description img {
    display: inline-block;
    width: 30%;
    margin-top: 35px;
}

.site-description-txt {
    float: right;
    width: 60%;
    margin: 20px 5%;
}

.top-bnr {
    display: block;
    margin: 20px auto;
    max-width: 100%;
    text-align: center;
}

@media (max-width: 767px) {
    .site-description img {
        display: block;
        width: 50%;
        margin: 0 auto;
    }
    .site-description-txt {
        width: 100%;
        margin: 0;
    }
}


/* =Home Banner
----------------------------------------------- */

#banner a {
    width: 550px;
}

#banner a:first-of-type {
    float: left;
}

#banner a:last-of-type {
    float: right;
}

@media (max-width: 1199px) {
    #banner a {
        width: 450px;
    }
}

@media (max-width: 991px) {
    #banner a {
    width: 100%;
    margin-bottom: 20px;
    }
}

/* =Home Slick Banner
----------------------------------------------- */
.slick-prev:before, .slick-next:before {
    color: #ccc;
}

/* スライダー 3つ+ガター30px 表示 */
.slider {
     width: 960px;  /* スライダー 3つ 300px x 3 + ガター 2つ 30px x 2 = 960px */
    margin: 50px auto;
}

/* ガター分のネガティブマージン */
.slick-list {
    margin-right: -30px;    /* ガター 30px */
}

/* ガター */
.slick-slide {
    margin-right: 30px;
}

/* 前へボタン位置 */
.slick-prev {
    left: -40px;    /* デフォルト -25px */
}

/* 次へボタン位置 */
.slick-next {
    right: -40px;   /* デフォルト -25px */
}

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

/* ↓スライダーがロードされるまで非表示 */
.slider {
    display: none;
}

.slider.slick-initialized {
    display: block;
}
/* ↑スライダーがロードされるまで非表示 */

.slick-dotted.slick-slider {
    margin-bottom: 50px;
}

@media (max-width: 1199px) {
    .slider {
        width: 630px;   /* スライダー 2つ 300px x 2 + ガター 1つ 30px x 1 = 630px */
    }
}

@media (max-width: 739px) {
    .slider {
        width: 300px;   /* スライダー 1つ 300px + ガター 0 = 300px */ 
    }
    /* ガター分のネガティブマージン */
    .slick-list {
        margin-right: 0;
    }

    /* ガター */
    .slick-slide {
        margin-right: 0;
    }

}


/* =Home compensation-Banner
----------------------------------------------- */
section#comp-bnr {
    background-color: #f5f9c7;
    margin-top: 90px;
    padding-bottom: 20px;
}

.comp-bnr-box {
    width: 960px;   /* バナー300px x 3 + マージン 30px x 2 */
    margin: 0 auto;
}

.comp-bnr-box:after {
        content: "";
    display: block;
    clear: both;
}

#comp-bnr h3 {
    text-align: center;
    font-size: 32px;
    line-height: 2;
    margin: 0;
}

#comp-bnr ul {
    list-style: none;
    margin: 0;
}

#comp-bnr li {
    width: 300px;
    height: 90px;
    float: left;
    margin: 0 0 20px;
}

#comp-bnr li:nth-of-type(3n+1), #comp-bnr li:nth-of-type(3n+2) {
    margin-right: 30px;
}

@media (max-width: 1199px) {
    section#comp-bnr {
        margin-top: 20px;
    }
    
    .comp-bnr-box {
        width: 920px;   /* バナー300px x 3 + マージン 10px */
    }

    #comp-bnr li:nth-of-type(3n+1), #comp-bnr li:nth-of-type(3n+2) {
        margin-right: 10px;
    }    
}

@media (max-width: 991px) {
        .comp-bnr-box {
        width: 630px; /* バナー300px x 2 + マージン 30px */
    }

    #comp-bnr li:nth-of-type(3n+1), #comp-bnr li:nth-of-type(3n+2) {
        margin-right: 0;    /* CSSリセット */
    }

    #comp-bnr li:nth-of-type(2n+1) {
        margin-right: 30px;
    }
}

@media (max-width: 729px) {
    section#comp-bnr {
        margin-top: 0;
    }
    .comp-bnr-box {
        width: 80%;
        margin: 0 auto;
    }

    #comp-bnr li:nth-of-type(2n+1) {
        margin-right: 0;    /* CSSリセット */
    }
    
    #comp-bnr li {
        width: 100%;
        height: auto;
        float: none;
        text-align: center;
    }

    #comp-bnr li img {
        max-width: 100%;
    }
}

/* =Search
----------------------------------------------- */

.search-form .input-group {
    border: 2px solid #aaa;
    background-color: #f5f9c7;
}

.search-form .input-group,
.search-form .search-field {
    border-radius: 10px;
}

.search-form .input-group-lg > .form-control,
.search-form .input-group-lg > .input-group-btn > .btn {
    height: 35px;
    font-size: 18px;
    border: 0;
    margin: -2px 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: rgba(0, 0, 0, 0) none;
}

.home .form-group {
    margin-bottom: 30px;
}

/* =Content Single
----------------------------------------------- */

.single h1 {
    font-size: 26px;
}

.single .entry-meta {
    text-align: right;
}

.single .glyphicon-list-alt {
    line-height: 26px;
}

.single .like-article {
    margin-bottom: 2em;
}

.sticky {}

.single .hentry {
    margin: 0;
}

.hentry {
    margin: 0 0 3em;
}

.byline,
.updated {
    display: none;
}

.single .byline,
.group-blog .byline {
    display: inline;
}

.custom-field {
    padding-left: 15px;
    border-left: 5px solid #aaa;
}

.custom-field h3 {
    font-weight: 900;
}

.question-field h2,
.books-field h2 {
    margin-top: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid #aaa;
}
.question-field th,
.books-field th {
    width: 33%;
}
.question-field ul,
.books-field ul {
    list-style: none;
    margin-left:0;
}
.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 2.5em;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

#faq {
    border: none;
    padding: 0;
}

#faq table,
#faq tr,
#faq td {
    border: 0;
    display: block;
    width: 100%;
    font-size: 16px;
    padding: 0;
}

#faq tr:nth-of-type(2),
#faq tr:nth-of-type(4) {
    padding: 10px;
    border-radius: 0 5px 5px 5px;
}

#faq tr:nth-of-type(2) {
    margin-bottom: 50px;
    border: 1px solid #D16262;
}

#faq tr:nth-of-type(4) {
    border: 1px solid #5A8ADB;
}

#faq tr:nth-of-type(1) td,
#faq tr:nth-of-type(3) td {
    display: inline-block;
    font-size: 24px;
    font-weight: bold;
}

#faq td:nth-of-type(2) {
    width: auto;
}

/* Q A */

#faq tr:first-of-type td:first-of-type,
#faq tr:nth-of-type(3) td:first-of-type {
    width: 35px;
    text-align: center;
    color: #fff;
    margin-right: 10px;
    border-radius: 5px 5px 0 0;
}

#faq tr:first-of-type td:first-of-type {
    background-color: #D16262;
}

#faq tr:first-of-type td:nth-of-type(2) {
    color: #D16262;
}

#faq tr:nth-of-type(3) td:first-of-type {
    background-color: #5A8ADB;
}

#faq tr:nth-of-type(3) td:nth-of-type(2) {
    color: #5A8ADB;
}

/* =Media
----------------------------------------------- */

a img {
    opacity: 1;
    -webkit-transition: opacity 400ms;
    transition: opacity 400ms;
}

a:hover img {
    opacity: 0.7;
}

.entry-content img {
    -webkit-box-shadow: 0 0 4px #eee;
    box-shadow: 0 0 4px #eee;
    border-radius: 4px;
    border: 1px solid #ddd;
}

img[class*="wp-image-"] {
    border-radius: 4px;
}

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.wp-caption {
    border: 1px solid #ddd;
    margin-bottom: 1.5em;
    max-width: 100%;
    border-radius: 4px;
    padding: 4px;
    line-height: 1;
    -webkit-box-shadow: 0 0 4px #eee;
    box-shadow: 0 0 4px #eee;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
}

.wp-caption-text {
    text-align: center;
    font-size: 12px;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.site-main .gallery {
    margin-bottom: 1.5em;
}

.gallery-caption {}

.site-main .gallery a img {
    border: 1px solid #ddd !important;
    height: auto;
    max-width: 90%;
    -webkit-box-shadow: 0 0 4px #eee;
    box-shadow: 0 0 4px #eee;
}

.site-main .gallery dd {
    margin: 0.8075em 0 0;
}

.site-main .gallery-columns-4 .gallery-item {}

.site-main .gallery-columns-4 .gallery-item img {}

/* Make sure embeds and iframes fit their containers */

embed,
iframe,
object {
    max-width: 100%;
}


/* =Navigation
----------------------------------------------- */

.site-main [class*="navigation"] {
    margin: 0 0 1.5em;
    overflow: hidden;
}

[class*="navigation"] .nav-previous {
    float: left;
    width: 50%;
}

[class*="navigation"] .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}

.pagination-p {
    float: left;
    margin: 20px 10px 20px 0;
    line-height: 32px;
}


/* =Author Metabox
----------------------------------------------- */

.author-meta .author-avatar {
    margin-right: 20px;
}

.author-meta .author-avatar img {
    border-radius: 100%;
}

.author-meta .author-meta-buttons {
    margin-left: 20px;
}

.author-meta h4.author-meta-title {
    clear: none;
    margin-top: 0;
}

/* =Comments
----------------------------------------------- */

body .comment-form-comment.form-group {
    margin-right: 0;
    margin-left: 0;
}

body .col-sm-7 .comment-form-comment.form-group {
    margin-right: -15px;
    margin-left: -15px;
}

@media screen and (min-width: 768px) {
    body .col-sm-7 .comment-form-comment.form-group {
        margin-left: 0;
    }
}

.col-sm-7 #comment {
    height: 132px;
}

.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {}

body .comment-reply-title {
    clear: none;
}

.comment-list,
.comment-list ol,
.comment-list li {
    list-style: none;
    margin: 0 0 10px 0;
    padding: 0;
}

@media screen and (min-width: 768px) {
    .comment-list ol {
        margin-left: 50px;
    }
}

.comment-metadata,
.comment-awaiting-moderation {
    line-height: 32px;
    margin: 0;
}

/* =Sidebar
----------------------------------------------- */

.side-bnr img {
    width: 100%;
    margin-bottom: 10px;
}

/* =Widgets
----------------------------------------------- */

.widget {
    margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets */

.widget select {
    max-width: 100%;
}

/* Search widget */

.widget_search .search-submit {
    display: none;
}

/* Widget iframe */

.widget iframe {
    width: 100% !important;
    height: auto;
    overflow: hidden;
}

/* Affix Widget */

.ipt_kb_affix .list-group .list-group-item > .glyphicon {
    font-size: 15px;
}

.ipt_kb_affix .list-group .list-group-item > i[class*="ipt-icon"] {
    font-size: 16px;
}

.ipt_kb_affix .list-group-item.active-cat {
    background-color: #f1f1f1;
}

.ipt_kb_affix .ipt-kb-toc {
    font-size: 12px;
}

.ipt-kb-toc h4 {
    clear: none;
}

.ipt_kb_affix .ipt-kb-toc h5 {
    margin: 0;
}

#ipt-kb-toc-scrollspy {
    margin-bottom: 10px;
}

#ipt-kb-toc-scrollspy ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#ipt-kb-toc-scrollspy ul li {
    line-height: 12px;
    margin: 0;
    padding: 0;
}

#ipt-kb-toc-scrollspy ul li.active {
    font-weight: bold;
}

#ipt-kb-toc-scrollspy ul li a {
    font-size: 12px;
    padding: 7px 10px;
}

#ipt-kb-toc-scrollspy ul li.active a {
    background-color: #f1f1f1;
}

#ipt-kb-affix-active-post .list-group-item {
    padding: 5px 15px;
    font-size: 12px;
    border-radius: 0;
}

#ipt-kb-affix-active-post .list-group-item:first-child {
    margin-top: -1px;
}

#ipt-kb-affix-active-post .list-group-item:last-child {
    margin-bottom: -1px;
}

.ipt-kb-toc .accordion-toggle i.glyphicon {
    font-size: 16px;
    margin-left: 4px;
}

/* Social Widget */

.ipt-kb-social-widget .widget-title span {
    color: #2A6496;
}

.ipt-kb-social-widget .ipt-kb-social-ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.ipt-kb-social-widget .ipt-kb-social-ul li {
    display: inline-block;
    width: 56px;
    height: 56px;
    margin: 0 2px;
}

.ipt-kb-social-widget .ipt-kb-social-ul li a {
    text-align: center;
    line-height: 56px;
    height: 56px;
    width: 56px;
    display: block;
    border-radius: 100%;
    background-color: #f1f1f1;
    border: 1px solid #ddd;
    color: #ddd;
    text-decoration: none;
    -webkit-transition: all 400ms;
    transition: all 400ms;
}

.ipt-kb-social-widget .ipt-kb-social-ul li a i {
    font-size: 32px;
    line-height: 50px;
}

.ipt-kb-social-widget .ipt-kb-social-ul li a:hover {
    color: #fff;
    text-shadow: 0 0 2px #888;
}

.ipt-kb-social-widget .ipt-kb-social-ul li.facebook a:hover {
    background-color: #3B5998;
    border-color: #3B5998;
}

.ipt-kb-social-widget .ipt-kb-social-ul li.twitter a:hover {
    background-color: #00A0D1;
    border-color: #00A0D1;
}

.ipt-kb-social-widget .ipt-kb-social-ul li.gplus a:hover {
    background-color: #C63D2D;
    border-color: #C63D2D;
}

.ipt-kb-social-widget .ipt-kb-social-ul li.youtube a:hover {
    background-color: #C4302B;
    border-color: #C4302B;
}

.ipt-kb-social-widget .ipt-kb-social-ul li.vimeo a:hover {
    background-color: #44BBFF;
    border-color: #44BBFF;
}

.ipt-kb-social-widget .ipt-kb-social-ul li.pinterest a:hover {
    background-color: #910101;
    border-color: #910101;
}

.ipt-kb-social-widget .ipt-kb-social-ul li.envato a:hover {
    background-color: #82B540;
    border-color: #82B540;
}

/* =Footer
---------------------------------------------- */

#colophon {
    font-size: 1em;
    text-align: center;
    min-height: 120px;
    padding: 30px 0;
    /*position: relative;*/
    background-color: #eee;
}

/*#colophon .site-info {*/

/*text-align: center;*/

/*font-size: 12px;*/

/*bottom: 0;*/

/*position: absolute;*/

/*width: 100%;*/

/*}*/

/* =Knowledgebase Homepage
----------------------------------------------- */

.kb-home-cat-row > .col-md-6 {
    border: 2px solid #aaa;
    border-radius: 10px;
    margin: 20px 20px 30px;
    padding: 30px 10px 20px;
}

@media (min-width: 992px) {
    .kb-home-cat-row > .col-md-6 {
        width: 45% !important;
    }
    .kb-home-cat-row {
        padding-left: 15px;
    }
}

@media (min-width: 999px) {
    .kb-home-cat-row > .col-md-6 {
        margin: 20px 2% 50px;
    }
}

@media (max-width: 767px) {
    .kb-home-cat-row .col-sm-8 .visible-xs img {
        max-width: 40%;
        margin: 0 auto;
    }
}

.kb-home-cat-row .btn-default {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    background: #fff;
}

#main .knowledgebase-title {
    width: 80%;
    margin: -46px auto 22px;
    background-color: #fff;
    font-size: 26px;
    text-align: center;
}

#main .kb-home-cat-row h2 .glyphicon {
    top: 0px;
    font-size: 24px;
}

#main .kb-home-cat-row .glyphicon,
#main .kb-cat-parent-row .glyphicon {
    font-size: 16px;
}

#main .kb-home-cat-row .pagination .glyphicon,
#main .kb-cat-parent-row .pagination .glyphicon {
    font-size: inherit;
}

#main .kb-home-cat-row [class*="glyphicon-"],
#main .kb-cat-parent-row [class*="glyphicon-"] {
    font-size: 15px;
}

#main .entry-content h1 .glyphicon,
#main .entry-content h2 .glyphicon,
#main .entry-content h3 .glyphicon,
#main .entry-content h4 .glyphicon,
#main .entry-content h5 .glyphicon,
#main .entry-content h6 .glyphicon {
    font-size: inherit;
    margin-right: 5px;
}

.kb-post-list .badge {
    margin-top: 3px;
}

.kb-post-list h3 {
    clear: none;
    margin: 0;
    line-height: 24px;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
}

/* =Knowledgebase Parent Category
----------------------------------------------- */

#main .kb-parent-category-header {
    margin-bottom: 20px;
    border-bottom: 2px solid #aaa;
}

#main .kb-parent-category-header .kb-pcat-icon {
    margin-top: 0;
}

#main .kb-subcat .knowledgebase-title {
    font-size: 17px;
    margin-top: 0;
}

#main .kb-subcat-icon {
    padding: 0;
}

#main .kb-subcat-icon .thumbnail {
    height: 128px;
    line-height: 128px;
}

#main .kb-subcat-icon .thumbnail .glyphicon {
    font-size: 64px;
    line-height: 111px;
}

#main .kb-subcat-icon .thumbnail i[class*="ipt-icon"] {
    line-height: 105px;
}

#main .kb-scat-title {
    margin-top: 0;
}

/* =Thumbnails
----------------------------------------------- */

#main .kb-thumb-small {
    margin-right: 5px;
}

#main .kb-thumb-medium {
    margin-right: 10px;
}

#main .kb-thumb-large {
    margin-bottom: 10px;
}

/* =Breadcrumb
----------------------------------------------- */

#breadcrumbs {
    margin-left: 0;
}

/* =Archive Page
----------------------------------------------- */

#main h1.page-title {
    vertical-align: middle;
}

.archive .page-header,
.archive .page-title,
.archive .entry-meta p {
    padding: 0;
    margin: 0;
    border-bottom: 0;
}

.archive .entry-excerpt p,
.archive header .entry-meta,
.archive footer.entry-meta {
    border-left: 3px solid #428bca;
    padding: 10px 30px 0;
    margin-left: 10px;
}

.entry-excerpt p {
    padding: 10px 10px 0 30px;
    margin-bottom: 0;
}

#main footer.entry-meta .meta-data {
    line-height: 32px;
}

/* =Singular Page
----------------------------------------------- */

#main .entry-title {
    margin-top: 0;
    margin-bottom: 20px;
}

.cat-data {
    margin: 10px 0;
}

.cat-data span {
    margin-right: 10px;
    font-size: 20px;
}

/* =Column Tips
----------------------------------------------- */

#column a {
    text-decoration: underline;
}

#column p {
    font-size: 16px;
    padding: 15px 15px 0;
}

#column .big-midashi {
    font-size: 22px;
    font-weight: bold;
    padding: 5px;
    margin: 0;
    background: url(img/underline-blue.png) repeat-x bottom left;
}

#column .middle-midashi {
    font-weight: bold;
    margin-left: 10px;
    font-size: 20px;
}

#column .middle-midashi span {
    color: #c9dceb;
}

/* =Bootstrap Helper
----------------------------------------------- */

.ipt-kb-popover-target {
    display: none;
}

body .popover {
    max-width: 680px;
}

body .hidden-xs .ipt_kb_like_article {
    text-align: left;
}

body .ipt_kb_like_article_info {
    line-height: 32px;
}

body .well p {
    margin: 5px 0;
}

body .entry-content ul.nav-tabs,
body .entry-content ul.list-group {
    margin-left: 0;
    margin-top: 10px;
    margin-bottom: 0;
}

body .entry-content ul.list-group {
    margin-bottom: 10px;
}

body .tab-content {
    margin: 0 0 20px 0;
    padding: 10px;
    border: 1px solid #ddd;
    border-top: medium none;
    border-radius: 0 4px 4px 4px;
}

body .popover-title button.pull-right {
    font-size: 12px;
    margin: -2px 0 0 10px;
}

body .label {
    font-weight: normal;
}

body a .label {
    text-decoration: none;
}

#secondary .list-group,
#secondary .nav {
    margin: 0;
}

input[type="text"],
input[type="password"],
select,
textarea {
    display: block;
    width: 100%;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}

select {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

textarea {
    height: auto;
}

input[type="text"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
}

input[type="text"][disabled],
input[type="text"][readonly],
fieldset[disabled] .form-control,
select[disabled],
textarea:disabled {
    cursor: not-allowed;
    background-color: #eeeeee;
}

button,
input[type="submit"] {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

button:focus,
input[type="submit"]:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

button:hover,
button:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
    color: #333333;
    text-decoration: none;
}

button:active,
button.active,
input[type="submit"]:active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

button.disabled,
button[disabled],
fieldset[disabled] .btn {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}

button,
input[type="submit"] {
    color: #333333;
    background-color: #ffffff;
    border-color: #cccccc;
}

button:hover,
button:focus,
button:active,
button.active,
input[type="submit"]:hover,
input[type="submit"]:focus {
    color: #333333;
    background-color: #ebebeb;
    border-color: #adadad;
}

button:active,
button.active,
input[type="submit"]:active {
    background-image: none;
}

button.disabled,
button[disabled],
button.disabled:hover,
button[disabled]:hover,
button.disabled:focus,
button[disabled]:focus,
button.disabled:active,
button[disabled]:active,
button.disabled.active,
button[disabled].active {
    background-color: #ffffff;
    border-color: #cccccc;
}

.list-group-item.active {
    color: #fff;
}

/* =Post Content Styles
----------------------------------------------- */

body table {
    border-collapse: collapse;
    border: 1px solid #ddd;
}

body table tr,
body table td,
body table th {
    border: 1px solid #ddd;
}

body table td,
body table th {
    padding: 10px;
}

body table thead,
body table tfoot,
body table th {
    background: #f6f6f6;
}

body blockquote,
body blockquote p,
.hentry blockquote,
.hentry blockquote p {
    font-size: 14px;
}

body code {
    white-space: normal;
}

/* =Syntax Highlighter Compatibility
------------------------------------------------- */

.syntaxhighlighter .container:before,
.syntaxhighlighter .container:after {
    display: none;
}

.syntaxhighlighter *,
.syntaxhighlighter *:after,
.syntaxhighlighter *:before {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.syntaxhighlighter code {
    white-space: nowrap;
}

body .syntaxhighlighter table,
body .syntaxhighlighter table tbody,
body .syntaxhighlighter table tr,
body .syntaxhighlighter table td,
body .syntaxhighlighter table code,
body .syntaxhighlighter table div {
    font-size: 12px !important;
}

/* =Captcha Plugin Compatibility
------------------------------------------------- */

/* Captcha Plugin */

.cptch_block {
    overflow: hidden;
    margin: 0 -15px 10px;
    font-family: monospace;
    text-align: left;
}

.cptch_block br,
.cptch_block + br {
    display: none;
}

.cptch_block label {
    float: left;
    width: 33.333333%;
    padding: 0 15px;
    margin-right: 15px;
    margin-top: 2px;
    font-family: 'Roboto', 'Arial', sans-serif;
}

#commentform .cptch_block label {
    width: 41.6667%;
}

.cptch_block #cptch_input {
    width: 60px !important;
    height: 34px !important;
    line-height: 1.428571429 !important;
    font-size: 14px !important;
    padding: 6px 12px !important;
}

#secondary .widget .cptch_block label {
    width: auto;
    line-height: 2;
}

@media only screen and (max-width: 768px) {
    .cptch_block {
        margin: 0 0 10px;
    }
    .cptch_block label,
    #secondary .widget .cptch_block label,
    #commentform .cptch_block label {
        width: 100%;
        margin: 0 0 10px 0;
        padding-left: 0;
    }
}

/* =Wee little wpstats icon
------------------------------------------------- */

#wpstats {
    display: block;
    margin: 0 auto 10px;
}

/* =contact page
------------------------------------------------- */

/* -------------------- common responsive -------------------- */

.clear {
    clear: both;
}

.center1000 {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

@media (max-width: 999px) {
    .center1000 {
        width: 90%;
    }
}

.pcOnly {
    display: block;
}

.pcOnlyTable {
    display: table-cell;
}

.pcOnlyInline {
    display: inline-block;
}

.mbOnly {
    display: none;
}

.xsOnly {
    display: none;
}

@media (max-width: 999px) {
    .pcOnly,
    .pcOnlyInline,
    .pcOnlyTable {
        display: none;
    }
    .mbOnly {
        display: block;
    }
}

@media (max-width: 767px) {
    .pcOnly,
    .pcOnlyInline,
    .pcOnlyTable {
        display: none;
    }
    .xsOnly {
        display: block;
    }
}

.imgTitle {
    text-align: center;
    margin: 30px auto;
}

.imgTitle h3 {
    display: none;
}

.contactBG em,
.contact em {
    color: #db534d;
}

em.required {
    color: #db534d;
    font-size: 12px;
}

.contactBG {
    padding: 10px 0;
}

.contactBG h4 {
    color: #52ad59;
    font-size: 19px;
    text-align: center;
    padding: 40px 0;
    margin: 30px 0;
    background-color: #e9f5ea;
}

.colorTable {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

@media (max-width: 999px) {
    .colorTable {
        width: 90%;
    }
}

.colorTable th,
.colorTable td {
    text-align: left;
    border: 1px solid #dcdcdc;
}

.colorTable th {
    width: 240px;
    padding: 0 20px;
    background-color: #e1eaf2;
}

.colorTable td {
    width: 760px;
    padding: 20px 40px;
    background-color: #fff;
}

.colorTable select,
.colorTable input {
    display: inline-block;
    width: 100%;
    height: 40px;
}

.colorTable textarea {
    width: 100%;
    height: 180px;
}

.name input {
    width: 300px;
    margin-left: 10px;
}

.name input:first-of-type {
    margin-right: 10px;
}

.mail input,
.mailConfirm input,
.tfNo input,
.postalCode input {
    ime-mode: disabled;
}

.mailConfirm input {
    width: 315px;
}

.mailConfirm input:first-of-type {
    margin-right: 10px;
}

.mailConfirm input:last-of-type {
    margin-left: 10px;
}

.tfNo input {
    width: 115px;
}

.tfNo input:first-of-type {
    margin-right: 10px;
}

.tfNo input:nth-of-type(2) {
    margin: 0 10px;
}

.tfNo input:last-of-type {
    margin-left: 10px;
}

.colorTable input[type="radio"] {
    width: auto;
    height: auto;
    margin-right: 5px;
}

.colorTable label {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin-right: 30px;
}

.colorTable label:last-of-type {
    margin-right: 0;
}

@media (max-width: 999px) {
    .colorTable th {
        padding: 5px 20px;
    }
    .colorTable th,
    .colorTable td {
        display: block;
        width: 100%;
    }
    .name input {
        width: 43%;
    }
    .mailConfirm input {
        width: 44%;
    }
    .tfNo input {
        width: 26%;
    }
}

@media (max-width: 580px) {
    .colorTable td {
        padding: 10px;
    }
    .colorTable select {
        width: 100%;
    }
    .name input {
        width: 85%;
    }
    .name input:first-of-type {
        margin-right: 0;
    }
    .mailConfirm input {
        width: 40%;
    }
    .tfNo input {
        width: 23%;
    }
    .tfNo input:first-of-type {
        margin-right: 5px;
    }
    .tfNo input:nth-of-type(2) {
        margin: 0 5px;
    }
    .tfNo input:last-of-type {
        margin-left: 5px;
    }
}

/* -------------------- sub contact1 -------------------- */

.page-id-2243 #content {
    min-height: 200px !important;
}

.subTopWrap {
    background-image: -webkit-gradient(linear, right top, left top, from(#cdcdcd), color-stop(75%, #fff));
    background-image: linear-gradient(to left, #cdcdcd, #fff 75%);
    margin-bottom: 40px;
}

.contactTop {
    background: url("img/contact-top.png") no-repeat right bottom;
    background-size: contain;
}

.subTopWrap h2 {
    height: 100px;
    padding: 0;
    text-align: left;
    line-height: 100px;
}

@media (max-width: 767px) {
    .subTopWrap .subTopInner {
        background-image: none;
    }
}

@media (max-width: 580px) {
    .subTopWrap {
        margin-bottom: 50px;
    }
}

.aboutContact p {
    text-align: center;
    margin-bottom: 30px;
}

.contactBG p {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto 30px;
}

@media (max-width: 580px) {
    .contact .imgTitle,
    .application .imgTitle {
        width: 95%;
        margin: 0 auto 40px;
    }

    .aboutContact address span {
        font-size: 23px;
        margin: 15px 0;
    }
}

/* -------------------- sub contact2 -------------------- */

/* -------------------- sub application2 -------------------- */

.confirmButton {
    width: 800px;
    max-width: 100%;
    margin: 30px auto 130px;
}

.inquiryGray,
.inquiryRed {
    width: 370px;
    max-width: 100%;
    height: 50px;
    border: 0;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 40px;
    font-weight: bold;
}

.inquiryGray {
    background: url("img/inquiryGray.png") no-repeat;
}

.confirmButton .inquiryGray {
    float: left;
}

.confirmButton .inquiryRed {
    float: right;
    background: url("img/inquiryRed.png") no-repeat;
}

@media (max-width: 999px) {
    .confirmButton {
        width: 370px;
        margin: 30px auto 80px;
    }
    .inquiryGray,
    .inquiryRed {
        margin: 10px auto;
    }
}

@media (max-width: 370px) {
    .confirmButton {
        width: 95%;
        margin-bottom: 30px;
    }
    .inquiryGray,
    .inquiryRed {
        width: 100%;
        float: none;
    }
}

/* -------------------- sub contact3 -------------------- */

/* -------------------- sub application3 -------------------- */

.contact3 p {
    text-align: center;
}

.contact3 address {
    margin: 20px auto;
    font-weight: bold;
    text-align: center;
}

.contact3 form {
    margin: 60px 0 80px;
    text-align: center;
}

/* -------------------- sub bottom link -------------------- */

.bottomLink {
    display: block;
    width: 470px;
    height: 50px;
    margin: 60px auto 50px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 40px;
    font-weight: bold;
    border: 0;
    background: url("img/bg-link.png") no-repeat center;
}

@media (max-width: 767px) {
    .bottomLink {
        width: 95%;
    }
}