@charset "utf-8";
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} #cboxOverlay{background:url(//bangkokcp.com/wp-content/plugins/wp-rss-aggregator/core/imgs/colorbox/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
#cboxTopLeft{width:21px; height:21px; background:url(//bangkokcp.com/wp-content/plugins/wp-rss-aggregator/core/imgs/colorbox/controls.png) no-repeat -101px 0;}
#cboxTopRight{width:21px; height:21px; background:url(//bangkokcp.com/wp-content/plugins/wp-rss-aggregator/core/imgs/colorbox/controls.png) no-repeat -130px 0;}
#cboxBottomLeft{width:21px; height:21px; background:url(//bangkokcp.com/wp-content/plugins/wp-rss-aggregator/core/imgs/colorbox/controls.png) no-repeat -101px -29px;}
#cboxBottomRight{width:21px; height:21px; background:url(//bangkokcp.com/wp-content/plugins/wp-rss-aggregator/core/imgs/colorbox/controls.png) no-repeat -130px -29px;}
#cboxMiddleLeft{width:21px; background:url(//bangkokcp.com/wp-content/plugins/wp-rss-aggregator/core/imgs/colorbox/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(//bangkokcp.com/wp-content/plugins/wp-rss-aggregator/core/imgs/colorbox/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(//bangkokcp.com/wp-content/plugins/wp-rss-aggregator/core/imgs/colorbox/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(//bangkokcp.com/wp-content/plugins/wp-rss-aggregator/core/imgs/colorbox/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff; overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxLoadingOverlay{background:url(//bangkokcp.com/wp-content/plugins/wp-rss-aggregator/core/imgs/colorbox/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(//bangkokcp.com/wp-content/plugins/wp-rss-aggregator/core/imgs/colorbox/loading.gif) no-repeat center center;} #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0; background:url(//bangkokcp.com/wp-content/plugins/wp-rss-aggregator/core/imgs/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(//bangkokcp.com/wp-content/plugins/wp-rss-aggregator/core/imgs/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext:hover{background-position:-50px -25px;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(//bangkokcp.com/wp-content/plugins/wp-rss-aggregator/core/imgs/colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxClose:hover{background-position:-25px -25px;} .cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
} .cboxIE6 #cboxTopLeft{background:url(//bangkokcp.com/wp-content/plugins/wp-rss-aggregator/core/imgs/colorbox/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(//bangkokcp.com/wp-content/plugins/wp-rss-aggregator/core/imgs/colorbox/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(//bangkokcp.com/wp-content/plugins/wp-rss-aggregator/core/imgs/colorbox/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(//bangkokcp.com/wp-content/plugins/wp-rss-aggregator/core/imgs/colorbox/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(//bangkokcp.com/wp-content/plugins/wp-rss-aggregator/core/imgs/colorbox/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(//bangkokcp.com/wp-content/plugins/wp-rss-aggregator/core/imgs/colorbox/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(//bangkokcp.com/wp-content/plugins/wp-rss-aggregator/core/imgs/colorbox/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(//bangkokcp.com/wp-content/plugins/wp-rss-aggregator/core/imgs/colorbox/ie6/borderMiddleRight.png);}
.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
_behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}
  @font-face {
font-family: 'design_plus';
src: url(//bangkokcp.com/wp-content/themes/gensen_tcd050-child/fonts/design_plus.eot?v=1.4);
src: url(//bangkokcp.com/wp-content/themes/gensen_tcd050-child/fonts/design_plus.eot?v=1.4#iefix) format('embedded-opentype'),
url(//bangkokcp.com/wp-content/themes/gensen_tcd050-child/fonts/design_plus.woff?v=1.4) format('woff'),
url(//bangkokcp.com/wp-content/themes/gensen_tcd050-child/fonts/design_plus.ttf?v=1.4) format('truetype'),
url(//bangkokcp.com/wp-content/themes/gensen_tcd050-child/fonts/design_plus.svg?v=1.4#design_plus) format('svg');
font-weight: normal;
font-style: normal;
} 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,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
font-family: "IPAexGothic", 'Meiryo', "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka", sans-serif !important;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
audio,
canvas,
video {
display: inline-block;
max-width: 100%;
}
html {
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
scroll-behavior: smooth;
}
ul,
ol {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
a:focus {
outline: none;
}
ins {
text-decoration: none;
}
mark {
font-style: italic;
font-weight: bold;
}
del {
text-decoration: line-through;
}
abbr[title],
dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
button,
input,
select,
textarea {
outline: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
font-size: 100%;
}
input,
textarea {
background-image: -webkit-linear-gradient(hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0));
-webkit-appearance: none;
border-radius: 0; }
input[type="checkbox"] {
-webkit-appearance: checkbox;
}
input[type="radio"] {
-webkit-appearance: radio;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
img {
-ms-interpolation-mode: bicubic;
} .clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
font-size: 0.1em;
line-height: 0;
visibility: hidden;
overflow: hidden;
}
.clearfix {
display: inline-block;
}/*\*/* html .clearfix {
height: 1%
}
.clearfix {
display: block;
}/**/ body {
font-family: "IPAexGothic", 'Meiryo', "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka", sans-serif !important;
font-size: 14px;
color: #000;
line-height: 1;
width: 100%;
min-width: 1330px;
background: #fff;
overflow-x: hidden;
}
a {
color: #000;
text-decoration: none;
}
a,
a .caption,
input {
-webkit-transition-property: background-color, color, border-color;
-webkit-transition-duration: 0.2s;
-webkit-transition-timing-function: ease;
-moz-transition-property: background-color, color, border-color;
-moz-transition-duration: 0.2s;
-moz-transition-timing-function: ease;
-ms-transition-property: background-color, color, border-color;
-ms-transition-duration: 0.2s;
-ms-transition-timing-function: ease;
-o-transition-property: background-color, color, border-color;
-o-transition-duration: 0.2s;
-o-transition-timing-function: ease;
transition-property: background-color, color, border-color;
transition-duration: 0.2s;
transition-timing-function: ease;
}
a:hover {
color: #b69e84;
text-decoration: none;
}
.clear {
clear: both;
}
.hide {
display: none;
} .inner {
width: 100%;
max-width: 1500px;
margin: 0 auto;
position: relative;
}
.inner1 {
width: 100%;
max-width: 1500px;
margin: 0 auto;
position: relative;
display: -webkit-box;
}
#main_contents {
width: 100%;
position: relative;
}
#main_col {
max-width: 1200px;
margin: 15px auto 40px; padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
} #left_col {
width: 899px;
float: left;
}
#side_col {
width: 300px;
float: right;
}
#left_col> :last-child,
#side_col> :last-child {
margin-bottom: 0;  } #header {
width: 100%;
background: white;
}
#header_top {
background: #fff !important;
}
#header_top .inner {
min-height: 96px;
} #header_logo,
#header_logo_fix {
max-height: 68px;
float: left;
position: relative;
z-index: 21;
}
#header_logo span {
display: none;
}
#header_logo h2.desc {
display: none !important;
}
#header_logo a,
#header_logo_fix a {
color: #fff;
text-decoration: none;
}
#header_logo .logo,
#header_logo_fix .logo {
display: inline-block;
margin: 0;
line-height: 68px;
font-weight: 300;
}
#header_logo #logo_text .logo,
#header_logo_fix #logo_text_fixed .logo {
font-size: 36px;
}
#header_logo img,
#header_logo_fix img {
display: inline-block;
max-height: 80px;
vertical-align: middle;
margin-top: 6px;
}
#header_logo .desc,
#header_logo_fix .desc {
padding: 0 0 0 20px;
font-size: 14px;
vertical-align: middle;
} a.menu_button {
display: none;
}
#global_menu {
position: relative;
z-index: 20;
margin: 0 -28px 0 0;
}
#global_menu a {
color: #0b2553 !important;
text-decoration: none;
}
#global_menu>ul {
font-size: 0;
position: relative; margin: 0 auto; font-weight: bolder;
}
#global_menu>ul>li {
font-size: 1%;
position: relative;
display: inline-block;
margin-left: 9px;
}
#global_menu>ul>li>a {
font-size: 14px;
text-decoration: none; line-height: 35px;
display: block;
padding: 20px 20px 0px 20px;
border-top: 1px solid #071F4E;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
#global_menu>ul>li>a:hover {
border-top: 1px solid #f07b00;
transition-delay: 0.1s;
color: #f07b00 !important;
}
#global_menu ul ul {
display: none;
} .youtube-icon-link {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0 0 0 10px;
line-height: 0.7;
}
.youtube-icon-link-mobile {
flex-direction: row;
display: none;
}
.youtube-box {
display: flex;
}
@media only screen and (max-width: 1440px) {
#global_menu>ul>li {
font-size: 1%;
position: relative;
display: inline-block;
margin-left: 9px;
}
#global_menu>ul>li>a {
font-size: 0.8rem;
padding: 10px 2px 0px;
}
#header_logo img,
#header_logo_fix img {
max-height: 60px;
}
.header_search_inputs {
width: 40%;
margin-right: 0.2%;
margin-left: 1%;
}
#header_top .inner {
min-height: 96px;
max-width: 1100px;
}
}
@media only screen and (max-width: 1170px) {
#global_menu>ul>li>a {
font-size: 0.7rem; }
}
@media only screen and (max-width: 1024px) {
.youtube-icon-link-mobile {
display: block;
}
.youtube-icon-link {
display: none !important;
}
}
@media only screen and (min-width:1025px) {
#global_menu {
display: inline-flex;
min-height: 96px;
align-items: center;
}
#global_menu .child_menu_button {
display: none;
}
#global_menu>ul>li:hover>a { -webkit-transition-property: opacity;
-webkit-transition-duration: .3s;
-moz-transition-property: opacity;
-moz-transition-duration: .3s;
-ms-transition-property: opacity;
-ms-transition-duration: .3s;
-o-transition-property: opacity;
-o-transition-duration: .3s;
transition-property: opacity;
transition-duration: .3s;
}
#global_menu ul ul {
display: block;
visibility: hidden;
margin: 0;
padding: 0;
width: auto;
width: 280px;
position: absolute;
top: 55px;
left: 30px;
z-index: 2;
opacity: 0;
-webkit-transition-property: opacity, left;
-webkit-transition-duration: .3s;
-webkit-transition-timing-function: ease;
-moz-transition-property: opacity, left;
-moz-transition-duration: .3s;
-moz-transition-timing-function: ease;
-ms-transition-property: opacity, left;
-ms-transition-duration: .3s;
-ms-transition-timing-function: ease;
-o-transition-property: opacity, left;
-o-transition-duration: .3s;
-o-transition-timing-function: ease;
transition-property: opacity, left;
transition-duration: .3s;
transition-timing-function: ease;
background: white;
}
#global_menu ul ul ul {
left: 230px;
top: 0;
bottom: auto;
}
#global_menu ul ul li {
display: block;
margin: 0;
padding: 0;
text-align: left;
position: relative;
}
#global_menu ul ul a {
display: block;
margin: 12px;
padding: 9px 28px;
font-size: 12px;
line-height: 1.6;
background: white !important;
position: relative;
text-align: center;
border-top: 1px solid #071F4E;
}
#global_menu ul ul a:hover {
background: #92785f;
text-decoration: none;
color: #f07b00 !important;
border-top: 1px solid #f07b00;
}
#global_menu ul ul li.menu-item-has-children>a:before {
margin: 0;
display: block;
right: 10px;
position: absolute;
content: "\e910";
font-family: "design_plus";
font-size: 86%;
}
#global_menu>ul>li:hover>ul {
visibility: visible;
left: 0;
opacity: 1;
z-index: 3;
}
#global_menu>ul>li li:hover>ul {
visibility: visible;
opacity: 1;
top: 0;
left: 200px;
z-index: 3;
}
} #logo_image_fixed,
#logo_text_fixed {
display: none;
}
@media only screen and (min-width:992px) {
.fix_top.header_fix #header_top {
position: fixed;
width: 100%;
min-width: 1330px;
top: 0px;
left: 0px;
z-index: 200;
background: rgba(0, 0, 0, 1);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
-webkit-animation: slideDown 0.5s ease;
-moz-animation: slideDown 0.5s ease;
-ms-animation: slideDown 0.5s ease;
animation: slideDown 0.5s ease;
} .fix_top.header_fix #logo_image_fixed,
.fix_top.header_fix #logo_text_fixed {
display: block;
}
.fix_top.header_fix #logo_image,
.fix_top.header_fix #logo_text {
display: none;
} .fix_top.header_fix #global_menu a {
color: #fff;
}
.fix_top.header_fix #global_menu>ul>li>a { line-height: 70px;
}
.fix_top.header_fix #global_menu>ul>li:hover>ul {
top: 70px;
}
}
@-webkit-keyframes slideDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
-moz-transform: translate3d(0, -100%, 0);
-ms-transform: translate3d(0, -100%, 0);
-o-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
-moz-transform: translate3d(0, -100%, 0);
-ms-transform: translate3d(0, -100%, 0);
-o-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.header_fix {
padding-top: 68px;
}   @media only screen and (min-width:992px) {
.fix_top.header_fix.admin-bar {
padding-top: 100px;
}
.fix_top.header_fix.admin-bar #header_top {
top: 32px;
}
}
@media only screen and (max-width:991px) {
.mobile_fix_top.header_fix.admin-bar {
padding-top: 92px;
}
.mobile_fix_top.header_fix.admin-bar #header {
top: 32px;
}
}
@media only screen and (max-width:782px) {  .mobile_fix_top.header_fix.admin-bar {
padding-top: 106px;
}
.mobile_fix_top.header_fix.admin-bar #header {
top: 46px;
}
}
@media only screen and (max-width:600px) {
.mobile_fix_top.header_fix.admin-bar {
margin-top: 46px;
padding-top: 60px;
}
.mobile_fix_top.header_fix.admin-bar #header {
top: 0;
}
} #header_top a.search_button {
display: none;
}
#header_search,
#index_header_search {
display: block;
padding: 25px 0;
background: #222;
}
@media only screen and (min-width:992px) {
#header_search {
display: block !important;
}
}
#header_search form,
#index_header_search form {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: flex-end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
width: 86%;
}
.header_search_inputs {
width: 40%;
margin-right: 1.66%;
}
.header_search_button {
width: 20.02%;
margin-right: 8px;
}
form.columns-5 .header_search_inputs {
width: 20%;
}
form.columns-5 .header_search_button {
width: 14.36%;
}
.header_search_inputs input,
.header_search_inputs select {
width: 100%;
height: 50px;
padding: 18px 16px;
font-size: 14px;
line-height: 1;
color: #000;
background: #fff;
border: none;
border-radius: 3px;
}
.header_search_inputs select {
padding: 15px 16px;
}
.header_search_inputs select option {
width: 100%;
color: #000;
}
.header_search_inputs select:focus {
color: #92785f;
}
#header_search_submit {
padding: 0;
color: #fff;
background: transparent;
border: 1px solid #fff;
border-radius: 25px;
cursor: pointer;
}
#header_search_submit:hover {
background-color: #92785f;
}
.header_search_keywords {
position: relative;
}
.header_search_keywords #header_search_keywords {
padding-right: 57px;
}
.header_search_keywords ul.search_keywords_operator {
display: none;
}
.header_search_keywords ul.search_keywords_operator {
width: 42px;
height: 50px;
overflow: hidden;
border-radius: 0 3px 3px 0;
position: absolute;
top: 0;
right: 0;
}
.header_search_keywords ul.search_keywords_operator li {
height: 25px;
line-height: 25px;
font-size: 12px;
text-align: center;
color: #000;
background: #fff;
border-left: 1px solid #ccc;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: -moz-none;
-ms-user-select: none;
user-select: none;
}
.header_search_keywords ul.search_keywords_operator li.active {
color: #fff;
background: #ccc;
}
.header_search_inputs .chosen-container {
font-size: 14px;
}
.header_search_inputs .chosen-with-drop .chosen-single span {
color: #92785f;
}
.header_search_inputs .chosen-results li[data-option-array-index="0"] {
color: #fff;
background: #b69e84 !important;
border-color: #b69e84;
margin: -1px -1px 0 -1px;
position: relative;
left: -1px;
} #breadcrumb {
width: 100%;
height: 59px;
line-height: 59px;
overflow: hidden;
border-bottom: 1px solid #ddd;
background: #e8e6e6;
}
#breadcrumb ul {
color: #999;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#breadcrumb li a {
color: #000;
}
#breadcrumb li a:hover {
color: #b69e84;
}
#breadcrumb li {
display: inline;
margin: 0;
padding: 0;
font-size: 14px;
color: #000;
vertical-align: middle;
position: relative;
}
#breadcrumb li:after {
font-family: 'design_plus';
content: '\e910';
font-size: 10px;
display: inline;
padding: 0 0.3em 0 0.6em;
position: relative;
bottom: 1px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#breadcrumb li:last-child:after {
content: '';
padding: 0;
}
#breadcrumb li.home a span {
display: none;
}
#breadcrumb li.home a:before {
content: '\e90c';
font-family: 'design_plus';
color: #000;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#breadcrumb li.home a:hover {
text-decoration: none;
}
#breadcrumb li.home a:hover:before {
color: #b69e84;
}
#breadcrumb li.last {
color: #414141;
} .home-default #main_col { padding: 0;
width: 100%;
max-width: initial;
margin-bottom: 40px !important;
} #header_slider {
width: 100%;
position: relative;
margin: 0 auto;
background-color: #071f4e;
}
#header_slider img {
width: 100%;
height: auto;
display: block;
}
#header_slider .item {
width: 100%;
position: relative;
overflow: hidden;
}
#header_slider .item:nth-child(n+2) {
display: none;
}
#header_slider.slick-initialized .item:nth-child(n+2) {
display: block;
}
#header_slider .slick-arrow {
width: 60px;
height: 60px;
padding: 0;
overflow: hidden;
text-align: center;
font-family: 'design_plus';
color: #fff;
font-size: 26px;
line-height: 60px;
margin-top: -30px;
position: absolute;
top: 50%;
z-index: 2;
cursor: pointer;
background: transparent;
border: none;
opacity: 0.8;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
-webkit-animation: fadeIn 1.5s ease both 4s;
animation: fadeIn 1.5s ease both 4s;
}
#header_slider .slick-prev {
left: 0;
text-align: left;
padding-left: 22px;
}
#header_slider .slick-next {
right: 0;
text-align: right;
padding-right: 22px;
}
#header_slider .slick-arrow:hover {
color: #92785f;
opacity: 1;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
} #header_slider .caption {
margin: auto;
padding: 30px 60px;
width: 100%;
max-height: 100%;
overflow: hidden;
text-align: center;
position: absolute;
top: 50%;
left: 0;
right: 0;
z-index: 3;
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-ms-transform: translate3d(0, -50%, 0);
-o-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
#header_slider .caption .headline {
margin: 0;
font-size: 47px;
line-height: 1.4;
color: #fff;
}
#header_slider .caption .catchphrase {
margin: 5px 0 0 0;
line-height: 2.2;
color: #fff;
}
#header_slider .caption .button {
display: inline-block;
margin: 16px 0 0 0;
padding: 0 48px;
min-width: 240px;
height: 48px;
line-height: 48px;
font-size: 14px;
color: #fff;
text-decoration: none;
border: 1px solid #fff;
border-radius: 25px;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
#header_slider .caption .button:after {
font-family: 'design_plus';
content: '\e910';
margin-top: -0.5em;
font-size: 16px;
line-height: 1;
color: #fff;
position: absolute;
top: 50%;
right: 18px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#header_slider .caption .button,
#header_slider .caption .button:after {
-webkit-transition-property: background-color, color, border-color;
-webkit-transition-duration: 0.2s;
-webkit-transition-timing-function: ease;
-moz-transition-property: background-color, color, border-color;
-moz-transition-duration: 0.2s;
-moz-transition-timing-function: ease;
-ms-transition-property: background-color, color, border-color;
-ms-transition-duration: 0.2s;
-ms-transition-timing-function: ease;
-o-transition-property: background-color, color, border-color;
-o-transition-duration: 0.2s;
-o-transition-timing-function: ease;
transition-property: background-color, color, border-color;
transition-duration: 0.2s;
transition-timing-function: ease;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#header_slider .caption> :first-child {
margin-top: 0;
} #header_slider .caption> :nth-child(-n+3) {
opacity: 0;
}
#header_slider .item.slick-active .caption> :nth-child(1),
#header_slider.slider_video_mobile .caption> :nth-child(1) {
-webkit-animation: sliderCaptionAnimation 1s ease forwards 1s;
animation: sliderCaptionAnimation 1s ease forwards 1s;
}
#header_slider .item.slick-active .caption> :nth-child(2),
#header_slider.slider_video_mobile .caption> :nth-child(2) {
-webkit-animation: sliderCaptionAnimation 1s ease forwards 2s;
animation: sliderCaptionAnimation 1s ease forwards 2s;
}
#header_slider .item.slick-active .caption> :nth-child(3),
#header_slider.slider_video_mobile .caption> :nth-child(3) {
-webkit-animation: sliderCaptionAnimation 1s ease forwards 3s;
animation: sliderCaptionAnimation 1s ease forwards 3s;
}
#header_slider.slider_video .caption> :nth-child(1) {
-webkit-animation: sliderCaptionAnimation 1s ease forwards 6s;
animation: sliderCaptionAnimation 1s ease forwards 6s;
}
#header_slider.slider_video .caption> :nth-child(2) {
-webkit-animation: sliderCaptionAnimation 1s ease forwards 8s;
animation: sliderCaptionAnimation 1s ease forwards 8s;
}
#header_slider.slider_video .caption> :nth-child(3) {
-webkit-animation: sliderCaptionAnimation 1s ease forwards 10s;
animation: sliderCaptionAnimation 1s ease forwards 10s;
}
@-webkit-keyframes sliderCaptionAnimation {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 30px, 0);
transform: translate3d(0, 30px, 0);
}
100% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes sliderCaptionAnimation {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 30px, 0);
transform: translate3d(0, 30px, 0);
}
100% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
} .slider_video_wrapper {
width: 100%;
position: relative;
height: 820px;
opacity: 0.3;
}
.slider_video_wrapper:before {
content: '';
display: block;
padding-top: 56.25%; }
.slider_video_wrapper .slider_video_container {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
} @media only screen and (min-width:992px) {
.has_header_content #header {
position: absolute;
z-index: 5;
}
.has_header_content #header_top {
background: transparent;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.has_header_content.fix_top.header_fix #header_top {
border-bottom: none;
}
.has_header_content #index_header_search {
margin-top: -100px;
background: rgba(0, 0, 0, 0.6);
position: relative;
z-index: 4;
}
} #index_news_mobile {
display: none;
}
#index_news {
margin: 0;
height: 65px;
line-height: 65px;
overflow: hidden;
position: relative;
border-bottom: 1px solid #ddd;
position: relative;
}
#index_news ol {
margin: 0;
padding: 0;
position: absolute;
}
#index_news ol li {
margin: 0;
padding: 0;
height: 65px;
font-size: 14px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#index_news ol li a {
display: block;
padding: 0;
text-decoration: none;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#index_news .entry-date {
display: inline-block;
margin: 0 18px 0 0;
font-size: 12px;
color: #b69e84;
text-decoration: none !important;
}
#index_news .archive_link {
margin: 0;
text-align: right;
position: absolute;
top: 0;
right: 0;
}
#index_news .archive_link a {
display: inline-block;
text-decoration: none;
}
#index_news .archive_link a:after {
content: '\e910';
font-family: 'design_plus';
display: inline-block;
padding: 0 0 0 8px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} .cb_content {
margin: 0 0 80px 0;
}
.cb_content:last-child {
margin-bottom: 0 !important;
}
.cb_content .cb_headline {
margin: -0.1em 0 10px 0;
padding: 0;
font-size: 42px;
line-height: 1.2;
text-align: center;
}
.cb_content .cb_desc {
margin: 0;
padding: 0;
font-weight: 300;
line-height: 2.2;
text-align: center;
} .cb_content-introduce {
margin-bottom: 80px;
} .cb_content-carousel {
padding: 40px 0;
background: #000;
}
.cb_content-carousel .cb_headline,
.cb_content-carousel .cb_desc {
color: #fff;
}
.cb_content-carousel .carousel {
margin: 36px 0 0 0;
padding: 0 20px;
}
.cb_content-carousel .item {
margin: 0 20px;
width: 30.35%;
}
.cb_content-carousel .item:nth-of-type(n+2) {
display: none;
}
.cb_content-carousel .slick-initialized .item:nth-of-type(n+1) {
display: block;
}
.cb_content-carousel .slick-list {
-webkit-clip-path: inset(0 20px 0 20px);
clip-path: inset(0 20px 0 20px);
}
.cb_content-carousel .slick-arrow {
width: 40px;
height: 40px;
padding: 0;
overflow: hidden;
text-align: center;
font-family: 'design_plus';
color: #fff;
font-size: 20px;
line-height: 40px;
margin-top: -30px;
position: absolute;
top: 43%;
z-index: 2;
cursor: pointer;
background: transparent;
border: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.cb_content-carousel .slick-prev {
left: 0;
text-align: left;
}
.cb_content-carousel .slick-next {
right: 0;
text-align: right;
}
.cb_content-carousel .slick-arrow:hover {
color: #92785f;
}
.cb_content-carousel .image {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 64.285%;
position: relative;
}
.cb_content-carousel .image img {
display: block;
width: 100%;
height: auto;
min-height: 100.2%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.cb_content-carousel .image .title {
display: block;
margin: 0;
padding: 12px 18px;
width: 100%;
line-height: 1.7;
font-size: 16px;
font-weight: 400;
color: #fff;
background: rgba(0, 0, 0, 0.5);
position: absolute;
bottom: -0.5px;
left: 0;
z-index: 2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
-webkit-transform: translate3d(0, 0, 0); }
.cb_content-carousel .excerpt {
margin: 16px 0 0 0;
padding: 0;
line-height: 1.7;
color: #fff;
} .cb_content-category_list {
margin-bottom: 68px;
}
.cb_content-category_list ul {
margin: 72px 0 0 0;
padding: 0;
}
.cb_content-category_list ul li {
margin: 0 1.3333% 12px 0;
padding: 0;
width: 32.4444%;
float: left;
}
.cb_content-category_list ul li:nth-child(3n) {
margin-right: 0;
}
.cb_content-category_list ul li a {
display: block;
height: 150px;
background: #f7f7f7;
overflow: hidden;
position: relative;
}
.cb_content-category_list ul li a:hover {
background: #eee;
}
.cb_content-category_list ul li .info {
padding: 0 22px;
width: 100%;
line-height: 1.7;
color: #000;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translate3d(0, -50%, 0);
-mox-transform: translate3d(0, -50%, 0);
-ms-transform: translate3d(0, -50%, 0);
-o-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.cb_content-category_list ul li .info h3 {
margin: 0 0 7px 0;
padding: 0;
font-size: 114.285%;
font-weight: 700;
line-height: 1.7;
}
.cb_content-category_list ul li.has_image .image {
display: block;
float: left;
width: 150px;
height: 150px;
overflow: hidden;
position: relative;
}
.cb_content-category_list ul li.has_image .image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.cb_content-category_list ul li.has_image .info {
left: 150px;
width: 50%;
width: -webkit-calc(100% - 150px);
width: calc(100% - 150px);
} .cb_content-blog_list #post_list {
margin: 72px 0 0 0;
}
.cb_content-blog_list .archive_link {
margin: 16px 0 0 0;
text-align: center;
}
.cb_content-blog_list .archive_link a {
display: inline-block;
padding: 0 42px;
min-width: 114px;
line-height: 50px;
text-decoration: none;
color: #fff;
background: #aaa;
position: relative;
}
.cb_content-blog_list .archive_link a:after {
content: '\e910';
font-family: 'design_plus';
line-height: 1;
margin-top: -0.5em;
position: absolute;
top: 50%;
right: 14px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.cb_content-blog_list .archive_link a:hover {
background: #92785f;
}  #header_image {
width: 50%;
margin: auto;
position: relative;
overflow: hidden;
max-height: 400px;
width: 860px;
margin-top: 25px;
}
#header_image img {
display: block;
width: 100%;
height: auto;
image-rendering: auto;
}
#header_image .caption {
margin: 0;
width: 100%;
padding: 0 20px;
line-height: 1.5;
text-align: center;
font-size: 32px;
color: #fff;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translate3d(0, -50%, 0);
-mox-transform: translate3d(0, -50%, 0);
-ms-transform: translate3d(0, -50%, 0);
-o-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
-webkit-animation: sliderCaptionAnimation 1s ease both 1s;
animation: sliderCaptionAnimation 1s ease both 1s;
}
#header_image .caption_bar {
margin: 0;
padding: 14px 20px;
width: 100%;
line-height: 1.2;
text-align: center;
font-size: 42px;
color: #fff;
background: rgba(73, 36, 13, 0.7);
position: absolute;
bottom: 0;
left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
} .no_post {
margin: 50px 0;
}
#archive_headline {
margin: 0;
padding: 0;
font-size: 42px;
line-height: 1.2;
color: #b69e84;
text-align: center;
}
#archive_desc {
font-size: 16px;
margin: 12px 0 0 0;
padding: 0;
line-height: 2.2;
text-align: center;
} #post_list {
margin: 70px 0 0 0;
padding: 0;
font-size: 0;
}
#post_list .article {
width: 23.333%;
margin: 0 2.222% 48px 0;
display: inline-block;
vertical-align: top;
}
#post_list .article:nth-child(4n) {
margin-right: 0;
}
#post_list .article a {
display: block;
text-decoration: none;
}
#post_list .article .image {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 64.285%;
position: relative;
}
#post_list .article .image img {
display: block;
width: 100%;
height: auto;
position: absolute;
top: 0;
left: 0;
}
#post_list .article .title {
margin: 10px 0 0 0;
padding: 0;
font-size: 16px;
line-height: 1.7;
font-weight: 400;
height: 3.4em;
overflow: hidden;
}
#post_list .article .meta {
margin: 10px 0 0 0;
padding: 0;
} ul.meta {
margin: 0 6px 4px 0;
padding: 0;
}
ul.meta li {
display: inline-block;
margin: 0 6px 0 0;
padding: 0;
font-size: 12px;
}
ul.meta li.cat a,
ul.meta li.cat span {
display: inline-block;
margin: 0 6px 4px 0;
padding: 0 13px;
min-width: 50px;
line-height: 26px;
text-align: center;
text-decoration: none;
border-radius: 13px;
color: #fff;
background: #000;
}
ul.meta li.cat> :last-child {
margin-right: 0;
}
ul.meta li.date {
display: block;
margin: 10px 0 0 0;
color: #999;
line-height: 1;
} .page_navi {
margin: 0 0 50px 0;
}
ul.page-numbers {
margin: 0;
font-size: 0;
text-align: center;
}
ul.page-numbers li {
display: inline-block;
margin: 0 2px 0 0;
padding: 0;
font-size: 12px;
float: left;
}
ul.page-numbers a,
ul.page-numbers span {
display: inline-block;
margin: 0;
min-width: 40px;
font-size: 12px;
line-height: 40px;
text-align: center;
color: #fff;
vertical-align: top;
background: #97d4f1;
}
ul.page-numbers a:hover {
background: #c7e5f3;
text-decoration: none;
}
ul.page-numbers span.dots {}
ul.page-numbers span.current {
background: #89b5ca;
}
ul.page-numbers .prev,
ul.page-numbers .next {
font-family: "design_plus";
font-size: 12px;
}
ul.page-numbers li.disable {
display: none;
}
.page_navi p.back {
margin: 0;
}
.page_navi p.back a {
text-decoration: none;
display: inline-block;
min-width: 200px;
height: 50px;
line-height: 50px;
text-align: center;
padding: 0 20px;
color: #fff;
background: #bbb;
}
.page_navi p.back a:hover {
background: #000;
text-decoration: none;
}
.page_navi2 {
display: none;
margin: 10px 0 15px 0;
padding: 0;
min-height: 40px;
position: relative;
}
.page_navi2 p {
float: left; margin: 0;
padding: 0 10px;
line-height: 38px;
font-size: 14px;
border: 1px solid #ddd;
}
.page_navi2 ul.page-numbers { margin-left: 30%;
}
.page_navi2 ul.page-numbers li {
margin: 0 0 5px 2px;
} .archive_header {
padding: 19px 0;
border-bottom: 1px solid #ddd;
}
.archive_header .inner {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.archive_header .headline {
margin: 0;
padding: 0 30px 0 0;
font-size: 42px;
line-height: 1.2;
color: #071F4E !important;
}
.archive_header .desc {
font-size: 16px;
margin: 0;
line-height: 2;
}
.archive_filter {
display: block;
margin: 0 0 50px 0;
padding: 30px 38px 36px;
background: #f7f7f7;
border: 1px solid #ddd;
border-radius: 5px;
}
.archive_filter_headline {
margin: 0 0 20px 0;
padding: 0;
font-size: 24px;
line-height: 1.2;
color: #b69e84;
}
.archive_filter_headline2 {
margin: 0 0 14px 0;
}
.archive_filter_headline2 span {
display: inline-block;
margin: 0;
padding: 0 18px;
min-width: 54px;
line-height: 26px;
font-size: 12px;
text-align: center;
color: #fff;
background: #000;
border-radius: 13px;
}
.archive_filter label {
display: inline-block;
float: left;
padding: 0 18px 18px 0;
min-width: 16.66%;
line-height: 1.7;
cursor: pointer;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.archive_filter label input {
margin: 0 4px 0 0;
}
.archive_filter .button {
margin: 10px auto 0;
width: 200px;
position: relative;
}
.archive_filter .button:after {
font-family: 'design_plus';
content: '\e910';
margin-top: -0.5em;
line-height: 1;
color: #fff;
position: absolute;
top: 50%;
right: 18px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.archive_filter .button input {
width: 100%;
height: 50px;
color: #fff;
background: #000;
border: none;
border-radius: 25px;
}
.archive_filter .button input:hover {
background: #b69e84;
}
.archive_sort {
margin: 0 0 50px 0;
}
.archive_sort dt,
.archive_sort dd {
float: left;
width: 25%;
text-align: center;
}
.archive_sort dt {
color: #fff;
background: #b69e84;
line-height: 52px;
}
.archive_sort dd a {
display: block;
line-height: 50px;
color: #000;
text-decoration: none;
border: 1px solid #ddd;
border-left: none;
}
.archive_sort dd a.active,
.archive_sort dd a:hover {
background: #f7f7f7;
}
.custom_search_results .page_navi2 {
display: block;
margin: 25px 0 20px 0;
} #post_list2 {
margin: 25px 0;
}
#post_list2 .article {
border: 2px solid #071F4E;
margin-bottom: 30px;
} #post_list2 .article a {
display: block;
padding: 30px;
text-decoration: none;
}
#post_list2 .article .image {
float: left;
width: 35.087%;
overflow: hidden;
position: relative;
} #post_list2 .article .image img {
display: block;
width: 100%;
height: auto;
position: absolute;
top: 0;
left: 0;
}
#post_list2 .article .info {
float: right;
width: 61.15%;
color: #000;
}
#post_list2 .article .meta {
margin: 0 0 16px 0;
padding: 0;
}
#post_list2 .article .title {
margin: 0 0 12px 0;
padding: 0;
font-size: 25px;
line-height: 1.7;
color: #414141;
}
#post_list2 .article .excerpt {
margin: 0 0 -0.5em 0;
padding: 0;
line-height: 2;
text-decoration: underline;
}
#post_list2 .article .title:hover {
margin: 0 0 12px 0;
padding: 0;
font-size: 25px;
line-height: 1.7;
color: #414141;
text-decoration: underline;
} #article {
margin: 0;
position: relative;
}
#article> :last-child {
margin-bottom: 0;
}
#article_header {
margin: 0;
padding: 30px 39px 25px; } #post_meta_top {
margin: 0 0 10px 0;
padding: 0;
width: 100%;
} #post_title {
margin: 0 0 4px;
padding: 0;
font-size: 25px;
line-height: 1.2;
color: #414141;
}
#article_header #post_title {
margin: 0;
} #post_date {
margin: 9px 0 4px 0;
font-size: 12px;
color: #999;
line-height: 1;
} #post_image {
margin: -1px 0 44px 0;
padding: 0;
}
#post_image img {
width: 100%;
height: auto;
display: block;
margin: 0;
} .post_content {
font-size: 14px;
line-height: 2.4;
}
.post_content a {
color: #414141 !important;
text-decoration: none;
}
.post_content a:hover {
text-decoration: none;
}
.post_content> :last-child {
margin-bottom: 0;
} #single_share_top {
margin: 50px 0 40px 0;
}
#single_share_bottom {
margin: 40px 0 30px 0;
} #post_pagination {
margin: 50px 0 0 0;
clear: both;
}
#post_pagination a,
#post_pagination p {
float: left;
display: inline-block;
margin: 0 2px 0 0;
min-width: 40px;
line-height: 40px;
text-align: center;
text-decoration: none;
color: #fff;
font-size: 12px;
background: #999;
}
#post_pagination a+a {
border-left: none;
}
#post_pagination p {
background: #b69e84;
color: #fff;
}
#post_pagination a:hover {
background: #b69e84;
color: #fff;
text-decoration: none;
} #post_meta_bottom {
margin: 50px 0;
padding: 25px;
background: #f7f7f7;
}
#post_meta_bottom li {
display: inline-block;
margin: 0 10px 0 0;
padding: 0 15px 0 20px;
border-right: 1px solid #ddd;
font-size: 12px;
line-height: 1.8;
position: relative;
}
#post_meta_bottom li:last-child {
border: none;
margin: 0;
}
#post_meta_bottom li:before {
font-family: 'design_plus';
color: #aaa;
font-size: 13px;
display: block;
position: absolute;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#post_meta_bottom li.post_category:before {
content: '\e92f';
top: -4px;
left: 0px;
}
#post_meta_bottom li.post_tag:before {
content: '\e935';
top: -3px;
left: 0px;
}
#post_meta_bottom li.post_author:before {
content: '\e90d';
top: -3px;
left: 0px;
}
#post_meta_bottom li.post_comment:before {
content: '\e916';
font-size: 16px;
top: -6px;
left: 0px;
} #previous_next_post_image {
margin: 50px 0;
}
#previous_next_post_image .prev_post {
float: left;
width: 50%;
}
#previous_next_post_image .next_post {
float: right;
width: 50%;
}
#previous_next_post_image a {
display: block;
height: 124px;
line-height: 1.6;
color: #000;
border: 1px solid #ddd;
position: relative;
}
#previous_next_post_image a:hover {
color: #000;
background: #f7f7f7;
text-decoration: none;
}
#previous_next_post_image .prev_post+.next_post a {
border-left: none;
}
#previous_next_post_image .title {
padding: 0 8%;
max-height: 4.8em;
overflow: hidden;
position: absolute;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-ms-transform: translate3d(0, -50%, 0);
-o-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
#previous_next_post_image .prev_post .title {
padding-left: 60px;
}
#previous_next_post_image .next_post .title {
padding-right: 60px;
}
#previous_next_post_image a:before {
font-family: 'design_plus';
color: #999;
font-size: 18px;
line-height: 1;
display: block;
margin: -0.5em 0 0 0;
width: 20px;
position: absolute;
top: 50%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#previous_next_post_image .prev_post a:before {
content: '\e90f';
left: 28px;
text-align: left;
}
#previous_next_post_image .next_post a:before {
content: '\e910';
right: 28px;
text-align: right;
}
#previous_next_post_image .image {
width: 100px;
height: 100px;
overflow: hidden;
position: absolute;
top: 12px;
}
#previous_next_post_image .image img {
display: block;
width: 100%;
height: auto;
min-height: 100%;
}
#previous_next_post_image .prev_post.has_image .title {
padding-left: 172px;
}
#previous_next_post_image .next_post.has_image .title {
padding-right: 172px;
}
#previous_next_post_image .prev_post.has_image .image {
left: 12px;
}
#previous_next_post_image .next_post.has_image .image {
right: 12px;
}
#previous_next_post_image .prev_post.has_image a:before {
left: 140px;
}
#previous_next_post_image .next_post.has_image a:before {
right: 140px;
} #single_banner_area {
margin: 50px 0;
text-align: center;
}
#single_banner_area .single_banner_left {
display: inline-block;
margin: 0 10px 0 0;
}
#single_banner_area .single_banner_right {
display: inline-block;
margin: 0 0 0 10px;
}
#single_banner_area img {
max-width: 100%;
height: auto;
display: block;
}
#single_banner_area.one_banner .single_banner_left {
float: none;
margin: 0 auto;
}
#single_banner_area.one_banner img {
margin: 0 auto;
} #single_banner_area_bottom {
margin: 50px 0;
text-align: center;
}
#single_banner_area_bottom .single_banner_left {
display: inline-block;
margin: 0 10px 0 0;
}
#single_banner_area_bottom .single_banner_right {
display: inline-block;
margin: 0 0 0 10px;
}
#single_banner_area_bottom img {
max-width: 100%;
height: auto;
display: block;
}
#single_banner_area_bottom.one_banner .single_banner_left {
float: none;
margin: 0 auto;
}
#single_banner_area_bottom.one_banner img {
margin: 0 auto;
} #single_banner_area2 {
margin: 0 0 50px 0;
text-align: center;
}
#single_banner_area2 .single_banner_left {
display: inline-block;
margin: 0 10px 0 0;
}
#single_banner_area2 .single_banner_right {
display: inline-block;
margin: 0 0 0 10px;
}
#single_banner_area2 img {
max-width: 100%;
height: auto;
display: block;
}
#single_banner_area2.one_banner .single_banner_left {
float: none;
margin: 0 auto;
}
#single_banner_area2.one_banner img {
margin: 0 auto;
} #related_post {
margin: 50px 0 0 0;
}
#related_post .headline {
margin: 0 0 14px 0;
font-size: 24px;
font-weight: 300;
line-height: 1.2;
color: #b69e84;
}
#related_post ol {
margin: 0;
padding: 0;
position: relative;
font-size: 0;
border-left: 1px solid #ddd;
}
#related_post li {
display: inline-block;
width: 33.3333%;
vertical-align: top;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
#related_post li:nth-child(-n+3) {
border-top: 1px solid #ddd;
}
#related_post li a {
display: block;
padding: 20px 8% 14px;
text-decoration: none;
}
#related_post li .image {
margin: 0 0 10px 0;
display: block;
width: 100%;
height: 0;
overflow: hidden;
padding-top: 64.2857%;
position: relative;
}
#related_post li .image img {
width: 100%;
height: auto;
position: absolute;
top: 0;
left: 0;
}
#related_post li .title {
font-size: 14px;
line-height: 1.7;
font-weight: 400;
height: 3.4em;
overflow: hidden;
}  #introduce_header {
margin: 72px 0 30px 0;
}
#introduce_header .headline {
margin: 0 0 8px 0;
padding: 0;
font-size: 18px;
font-weight: 700;
line-height: 1.7;
color: #b69e84;
}
#introduce_header p {
margin: 0;
line-height: 2.2;
}
#introduce_header .post_col {
margin-bottom: 29px;
}
#introduce_header .post_col-3:nth-child(3n+1) {
clear: both;
} #introduce_list {
margin: 72px 0 0 0;
}
#introduce_header+#introduce_list {
margin-top: 42px;
}
.introduce_list_row {
margin: 0;
}
.introduce_list_col {
width: 23.333%;
margin: 0 2.222% 26px 0;
float: left;
overflow: hidden;
position: relative;
-webkit-transition: width 0.5s ease;
-moz-transition: width 0.5s ease;
-ms-transition: width 0.5s ease;
-o-transition: width 0.5s ease;
transition: width 0.5s ease;
}
.introduce_list_row:last-child .introduce_list_col {
margin-bottom: 0;
}
.introduce_list_col:last-child {
margin-right: 0;
}
.introduce_list_col a {
display: block;
height: 280px;
overflow: hidden;
text-decoration: none;
position: relative;
}
.introduce_list_col .image {
display: block;
width: 100%;
height: 0;
overflow: hidden;
padding-top: 100%;
position: relative;
}
.introduce_list_col .image img {
display: block;
width: auto;
min-width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translate3d(-50%, 0, 0);
-moz-transform: translate3d(-50%, 0, 0);
-ms-transform: translate3d(-50%, 0, 0);
-o-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
.introduce_list_col .info {
display: none;
height: 280px;
position: absolute;
top: 0;
right: 0;
}
.introduce_list_col .info .meta {
margin-bottom: 11px;
}
.introduce_list_col .info .title {
margin: 0 0 13px 0;
padding: 0;
font-size: 16px;
font-weight: 600;
line-height: 1.7;
color: #b69e84;
}
.introduce_list_col .info .excerpt {
margin: 0;
padding: 0;
line-height: 2;
color: #000;
}
.introduce_list_col .info .more {
margin: 0;
padding: 22px 0 0 0;
width: 100%;
line-height: 1;
text-align: right;
border-top: 1px solid #ddd;
position: absolute;
bottom: 0;
right: 0;
}
.introduce_list_col .info .more:after {
content: '\e910';
font-family: 'design_plus';
display: inline-block;
padding: 0 0 0 8px;
font-size: 86%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.introduce_list_col.show_info {
width: 48.888%;
}
.introduce_list_col.show_info .image {
width: 47.728%;
padding-top: 47.728%;
}
.introduce_list_col.show_info .info {
display: block;
width: 47.728%;
}
#infscr-loading {
margin: 24px 0 0 0;
text-align: center;
}
#infscr-loading div {
display: inline-block;
margin-left: 1em;
}
#load_post {
display: none;
margin: 24px 0 0 0;
text-align: center;
}
#load_post a {
display: inline-block;
padding: 0 20px;
min-width: 180px;
line-height: 50px;
text-decoration: none;
color: #fff;
background: #aaa;
}
#load_post a:hover {
background: #92785f;
} .introduce_shoulder_copy {
display: block;
margin: 0 0 40px 0;
padding: 14px 22px;
font-size: 16px;
line-height: 1.7;
color: #fff;
text-decoration: none;
background: #000;
}
#introduce_slider {
margin: 0 0 50px 0;
position: relative;
}
#introduce_slider img {
width: 100%;
height: auto;
display: block;
}
#introduce_slider .item {
width: 100%;
position: relative;
}
#introduce_slider .item:nth-child(n+2) {
display: none;
}
#introduce_slider.slick-initialized .item:nth-child(n+2) {
display: block;
}
#introduce_slider .item .caption {
margin: 0;
padding: 15px 22px;
line-height: 1.6;
background: #f7f7f7;
border: 1px solid #ddd;
}
#introduce_slider .slick-dots {
height: 12px;
text-align: right;
position: absolute;
bottom: 16px;
right: 16px;
z-index: 3;
opacity: 0;
}
#introduce_slider .slick-dots li {
display: inline-block;
margin: 0 0 0 6px;
}
#introduce_slider .slick-dots li button {
display: inline-block;
padding: 0;
width: 12px;
height: 12px;
overflow: hidden;
text-indent: -400px;
background: #ccc;
border: none;
border-radius: 100%;
opacity: 0.6;
}
#introduce_slider .slick-dots li button:hover {
background: #b69e84;
opacity: 0.7;
}
#introduce_slider .slick-dots li.slick-active button {
background: #b69e84;
opacity: 1;
}
.single-introduce #article #post_image {
margin: 0 0 50px 0;
}
.introduce_shoulder_copy+#introduce_slider,
.single-introduce #article .introduce_shoulder_copy+#post_image {
margin-top: -40px;
}
.single-introduce #article #post_title {
margin: 0 0 50px 0;
}
.single-introduce #article #post_date {
margin: -40px 0 46px 0;
}
.introduce_archive_banner_link {
margin: 50px 0;
}
.introduce_archive_banner_link a {
display: block;
color: #fff;
background: #000;
text-decoration: none;
}
.introduce_archive_banner_link a:hover {
color: #b69e84;
}
.introduce_archive_banner_link span {
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.introduce_archive_banner_link .catch {
margin: 0;
padding: 20px 36px;
font-size: 27px;
line-height: 1.4;
font-weight: 400;
}
.introduce_archive_banner_link .image {}
.introduce_archive_banner_link .image img {
display: block;
width: 100%;
height: auto;
}
.introduce_archive_banner_link-2col a {
height: 160px;
overflow: hidden;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
position: relative;
}
.introduce_archive_banner_link-2col a span {
width: 50%;
}
.introduce_archive_banner_link-2col .catch {
padding: 0 36px;
}
.introduce_archive_banner_link-2col .image {
height: 100%;
overflow: hidden;
position: relative;
}
.introduce_archive_banner_link-2col .image img {
width: initial;
min-width: 100%;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 50%;
-webkit-transform: translate3d(-50%, 0, 0);
-moz-transform: translate3d(-50%, 0, 0);
-ms-transform: translate3d(-50%, 0, 0);
-o-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
.introduce_archive_banner_link-text {
text-align: center;
}  #recent_news {
margin: 0 0 30px 0;
}
#recent_news .headline {
margin: 0 0 14px 0;
font-size: 24px;
font-weight: 500;
line-height: 1.2;
color: #b69e84;
}
#recent_news ol {
margin: 0;
padding: 0;
border: 1px solid #ddd;
border-bottom: none;
}
#recent_news li {
border-bottom: 1px solid #ddd;
}
#recent_news li a {
display: block;
padding: 18px 24px 17px 24px;
line-height: 1.7;
color: #000;
text-decoration: none;
position: relative;
}
#recent_news li a:hover {
color: #b69e84;
text-decoration: none;
}
#recent_news li .title {
font-weight: 300;
}
#recent_news .show_date li a {
padding-right: 108px;
}
#recent_news .show_date li .date {
display: block;
margin: -0.5em 0 0 0;
color: #999;
font-size: 12px;
line-height: 1;
position: absolute;
top: 50%;
right: 18px;
}
.post-type-archive-news ul.page-numbers {
text-align: left;
} .article_inner {
padding: 44px 36px; }
.single-news #article #post_date {
margin: -20px 0 28px 0;
}
.single-news #article #single_share_top {
margin-top: 0;
}
.single-news #recent_news {
margin-top: 50px;
}
.single-news #recent_news .archive_link {
margin: 28px 0 0 0;
text-align: right;
}
.single-news #recent_news .archive_link a {
text-decoration: none;
}
.single-news #recent_news .archive_link a:after {
content: '\e910';
font-family: 'design_plus';
display: inline-block;
padding: 0 0 0 8px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} #previous_next_post {
margin: 50px 0;
}
#previous_next_post .prev_post {
float: left;
width: 50%;
}
#previous_next_post .next_post {
float: right;
width: 50%;
}
#previous_next_post a {
display: block;
height: 92px;
line-height: 1.6;
color: #000;
border: 1px solid #ddd;
position: relative;
}
#previous_next_post a:hover {
color: #000;
background: #f7f7f7;
text-decoration: none;
}
#previous_next_post .prev_post+.next_post a {
border-left: none;
}
#previous_next_post .title {
padding: 0 8%;
max-height: 4.8em;
overflow: hidden;
position: absolute;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-ms-transform: translate3d(0, -50%, 0);
-o-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
#previous_next_post .prev_post .title {
padding-left: 14%;
}
#previous_next_post .next_post .title {
padding-right: 14%;
}
#previous_next_post a:before {
font-family: 'design_plus';
color: #999;
font-size: 18px;
line-height: 1;
display: block;
margin: -0.5em 0 0 0;
width: 20px;
position: absolute;
top: 50%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#previous_next_post .prev_post a:before {
content: '\e90f';
left: 6.5%;
text-align: left;
}
#previous_next_post .next_post a:before {
content: '\e910';
right: 6.5%;
text-align: right;
}  .side_widget {
margin: 0 0 48px 0;
font-size: 14px;
line-height: 1.7;
position: relative;
}
.side_widget:last-child,
.side_widget:only-child {
margin: 0;
}
.side_headline {
margin: 0 0 14px 0;
font-size: 24px;
font-weight: 300;
line-height: 1.4;
color: #b69e84;
}
.side_widget+.side_widget .side_headline {
margin-top: -6px;
}
.side_widget ul {
margin: 0;
}
.side_widget li {
margin: 0 0 10px 0;
padding: 0;
line-height: 1.7;
}
.side_widget li:last-child {
margin-bottom: 0;
}
.side_widget li ul {
margin: 10px 0 0 10px;
}
.side_widget a {}
.side_widget a:hover {}
.side_widget img {
display: block;
height: auto;
max-width: 100%;
} .ml_ad_widget {
border: none;
padding: 0;
background: none;
}
.ml_ad_widget img {
height: auto;
max-width: 100%;
margin: 0 auto;
display: block;
} .widget_calendar {
border: 1px solid #ddd;
padding: 15px;
}
.widget_calendar .side_headline {
font-size: 20px;
position: relative;
text-align: center;
}
#wp-calendar {
margin: 0 auto;
width: 100%;
font-size: 11px;
border-collapse: separate;
table-layout: fixed;
}
#wp-calendar th,
#wp-calendar td {
color: #333;
padding: 2px;
line-height: 3.4;
text-align: center;
}
#wp-calendar td a {
display: block;
margin: 0;
padding: 0;
text-decoration: none;
color: #333;
background-color: #eee;
}
#wp-calendar td a:hover {
text-decoration: none;
color: #fff;
background: #ccc;
}
#wp-calendar caption {
padding: 7px 0;
}
#wp-calendar thead th,
#wp-calendar tfoot td {
border: none;
padding: 0;
line-height: 2;
}
#wp-calendar #prev,
#wp-calendar #next {
line-height: 3;
}
#wp-calendar #prev a,
#wp-calendar #next a {
text-decoration: none;
background: none;
color: #333;
}
#wp-calendar #prev a:hover,
#wp-calendar #next a:hover {
color: #fff;
background: #ccc;
}
#wp-calendar td#today {
font-weight: bold;
} .styled_post_list1 {
margin: 0;
padding: 0;
display: none;
background: #fff;
border: 1px solid #ddd;
border-bottom: none;
}
.styled_post_list1 li {
margin: 0;
padding: 10px;
border-bottom: 1px solid #ddd;
}
.styled_post_list1 li a {
display: block;
text-decoration: none;
position: relative;
}
.styled_post_list1 .image {
float: left;
width: 100px;
height: 100px;
overflow: hidden;
}
.styled_post_list1 .image img {
display: block;
width: 100%;
min-width: 100%;
}
.styled_post_list1 .info {
margin: 0 0 0 120px;
padding: 5px 0 0 0;
height: 95px;
overflow: hidden;
position: relative;
}
.styled_post_list1 .title {
font-size: 1em;
margin: 0;
padding: 0;
display: block;
font-weight: 400;
text-decoration: none;
max-height: 5.1em;
overflow: hidden;
}
.styled_post_list1 .date {
font-size: 0.86em;
color: #999;
display: block;
position: absolute;
left: 0;
bottom: 0;
}
.styled_post_list1_tabs {
margin: 0 0 -1px 0;
padding: 0;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
border-left: 1px solid #ddd;
position: relative;
}
.styled_post_list1_tabs li {
margin: 0;
padding: 0;
width: 50%;
line-height: 1.4;
background: #f7f7f7;
border-top: 1px solid #ddd;
border-right: 1px solid #ddd;
}
.styled_post_list1_tabs li label {
display: block;
margin: 0;
padding: 18px 9px;
text-align: center;
cursor: pointer;
border-bottom: 1px solid #ddd;
}
.styled_post_list1_widget .tab-radio {
display: none;
}
.styled_post_list1_widget .tab-radio-recent_post:checked~.styled_post_list1_tabs .tab-label-recent_post,
.styled_post_list1_widget .tab-radio-recommend_post:checked~.styled_post_list1_tabs .tab-label-recommend_post,
.styled_post_list1_widget .tab-radio-recommend_post2:checked~.styled_post_list1_tabs .tab-label-recommend_post2 {
background: #fff;
}
.styled_post_list1_widget .tab-radio-recent_post:checked~.styled_post_list1_tabs .tab-label-recent_post label,
.styled_post_list1_widget .tab-radio-recommend_post:checked~.styled_post_list1_tabs .tab-label-recommend_post label,
.styled_post_list1_widget .tab-radio-recommend_post2:checked~.styled_post_list1_tabs .tab-label-recommend_post2 label {
border-bottom-color: #fff;
}
.styled_post_list1_widget .tab-radio-recent_post:checked~.tab-content-recent_post,
.styled_post_list1_widget .tab-radio-recommend_post:checked~.tab-content-recommend_post,
.styled_post_list1_widget .tab-radio-recommend_post2:checked~.tab-content-recommend_post2 {
display: block;
} .widget_search label {
display: none;
}
.widget_search #search-box,
.widget_search #s,
.widget.google_search #s {
width: 85%;
height: 40px;
margin: 0;
border: 1px solid #ddd;
background: #fff;
padding: 0 10px;
}
.widget_search #search-btn input,
.widget_search #searchsubmit {
width: 15%;
height: 40px;
background: #f7f7f7 url(//bangkokcp.com/wp-content/themes/gensen_tcd050-child/img/common/icon_search.png) no-repeat center;
border: 1px solid #ddd;
border-left: none;
cursor: pointer;
display: block;
float: right;
text-indent: -300%;
overflow: hidden;
}
.widget.google_search #searchsubmit {
font-family: 'design_plus';
color: #aaa;
font-size: 14px;
border: none;
width: 15%;
height: 40px;
background: #f7f7f7;
border: 1px solid #ddd;
border-left: none;
cursor: pointer;
display: block;
float: right;
overflow: hidden;
}
.widget_search #search-btn input:hover,
.widget_search #searchsubmit:hover,
.widget.google_search #searchsubmit:hover {
background-color: #000;
border-color: #000;
} .widget_archive select,
.widget_categories select,
.tcdw_archive_list_widget select {
margin: 0;
padding: 12px 10px;
width: 100%;
background: #fff;
border: 1px solid #ddd;
border: 1px solid #ddd;
}
.widget_archive select {
padding: 12px;
}
.widget_archive label,
.widget_categories label {
display: none;
}
.widget_archive select option,
.widget_categories select option,
.tcdw_archive_list_widget option {
background: #fff;
color: #333;
} ul.banner_list,
.widget ul.banner_list {
margin: 0;
padding: 0;
}
ul.banner_list li,
.widget ul.banner_list li {
margin: 0 0 14px 0;
padding: 0;
width: 100%;
position: relative;
}
ul.banner_list li:last-child,
.footer_widget ul.banner_list li:last-child {
margin-bottom: 0;
}
ul.banner_list li img {
display: block;
width: 100%;
height: auto;
}
ul.banner_list li .caption {
width: 100%;
padding: 0 16px;
font-size: 22px;
font-weight: 600;
line-height: 1.4;
text-align: center;
color: #fff !important;
position: absolute;
top: 50%;
left: 0;
z-index: 2;
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-ms-transform: translate3d(0, -50%, 0);
-o-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
ul.banner_list li a:hover .caption {
color: #b69e84;
} .tcdw_ranking_list_widget ol {
margin: 0;
padding: 0;
}
.tcdw_ranking_list_widget li {
margin: 0;
padding: 18px 0;
border-bottom: 1px solid #ddd;
}
.tcdw_ranking_list_widget li:first-child {
padding-top: 0;
}
.tcdw_ranking_list_widget li:last-child {
padding-bottom: 0;
border-bottom: none;
}
.tcdw_ranking_list_widget li a {
display: block;
text-decoration: none;
position: relative;
}
.tcdw_ranking_list_widget .image {
float: left;
width: 100px;
height: 100px;
overflow: hidden;
}
.tcdw_ranking_list_widget .image img {
display: block;
width: 100%;
min-width: 100%;
}
.tcdw_ranking_list_widget .info {
margin: 0 0 0 118px;
height: 100px;
overflow: hidden;
}
.tcdw_ranking_list_widget .title {
font-size: 1em;
margin: 0;
padding: 0;
display: block;
font-weight: 400;
text-decoration: none;
max-height: 5.1em;
overflow: hidden;
}
.tcdw_ranking_list_widget .rank {
margin: 0 0 7px;
width: 80px;
height: 26px;
line-height: 26px;
font-size: 0.86em;
color: #fff;
text-align: center;
background: #aaa;
border-radius: 13px;
overflow: hidden;
} .tcdw_icon_menu_list_widget ol {
margin: 1px 0 0 0;
padding: 0;
border-left: 1px solid #ddd;
font-size: 0;
}
.tcdw_icon_menu_list_widget li {
display: inline-block;
margin: -1px 0 0 0;
padding: 0;
width: 100%;
height: 48px;
line-height: 48px;
font-size: 14px;
overflow: hidden;
border: 1px solid #ddd;
border-left: none;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.tcdw_icon_menu_list_widget li a {
display: block;
padding: 0 12px 0 18px;
text-decoration: none;
}
.tcdw_icon_menu_list_widget li a:hover {
color: #000;
background: #f7f7f7;
}
.tcdw_icon_menu_list_widget li.width-half {
width: 50%;
}
.tcdw_icon_menu_list_widget li.has-menu-icon a {
padding-left: 42px;
}
.tcdw_icon_menu_list_widget li.has-menu-icon:before {
font-family: 'design_plus';
display: inline-block;
width: 42px;
text-align: center;
position: absolute;
top: 0;
left: 0;
}
.tcdw_icon_menu_list_widget li.menu-icon-spa:before {
content: '\e929';
}
.tcdw_icon_menu_list_widget li.menu-icon-crown:before {
content: '\e926';
}
.tcdw_icon_menu_list_widget li.menu-icon-users:before {
content: '\e91e';
}
.tcdw_icon_menu_list_widget li.menu-icon-add_circle:before {
content: '\e147';
}
.tcdw_icon_menu_list_widget li.menu-icon-marker2:before {
content: '\e8b4';
}
.tcdw_icon_menu_list_widget li.menu-icon-loyalty:before {
content: '\e89a';
}
.tcdw_icon_menu_list_widget li.menu-icon-notifications:before {
content: '\e7f4';
}
.tcdw_icon_menu_list_widget li.menu-icon-restaurant:before {
content: '\e56c';
}
.tcdw_icon_menu_list_widget li.menu-icon-smile:before {
content: '\e813';
}
.tcdw_icon_menu_list_widget li.menu-icon-work:before {
content: '\e8f9';
}
.tcdw_icon_menu_list_widget li.menu-icon-flag2:before {
content: '\e902';
}
.tcdw_icon_menu_list_widget li.menu-icon-clock:before {
content: '\e94e';
}
.tcdw_icon_menu_list_widget li.menu-icon-chat:before {
content: '\e0b7';
}
.tcdw_icon_menu_list_widget li.menu-icon-mode_edit:before {
content: '\e254';
}
.tcdw_icon_menu_list_widget li.menu-icon-favorite:before {
content: '\e87d';
}
.tcdw_icon_menu_list_widget li.menu-icon-star:before {
content: '\f005';
}
.tcdw_icon_menu_list_widget li.menu-icon-star-o:before {
content: '\f006';
}
.tcdw_icon_menu_list_widget li.menu-icon-tag:before {
content: '\f02b';
}
.tcdw_icon_menu_list_widget li.menu-icon-lightbulb:before {
content: '\f0eb';
}
.tcdw_icon_menu_list_widget li.menu-icon-live_help:before {
content: '\e0c6';
}
.tcdw_icon_menu_list_widget li.menu-icon-spinner:before {
content: '\f110';
}
.tcdw_icon_menu_list_widget li.menu-icon-cube:before {
content: '\f1b2';
}
.tcdw_icon_menu_list_widget li.menu-icon-check:before {
content: '\f00c';
}
.tcdw_icon_menu_list_widget li.menu-icon-search-plus:before {
content: '\f00e';
} #footer_contents {
background: #071F4E;
color: #fff;
text-align: center;
overflow: hidden;
}
#footer_contents a {
color: #fff;
}
#footer_contents a:hover {
color: #92785f;
text-decoration: none;
}
#footer_info {
padding: 50px 10% 100px;
position: relative;
text-align: left;
} #footer_logo {
margin: 0;
}
#footer_logo .logo {
display: inline-block;
margin: 0;
font-size: 36px;
line-height: 1.2;
} #footer_bottom_menu {
display: inline-block;
margin: 12px 0 15px 0;
}
#footer_bottom_menu ul {
display: inline;
font-size: 0;
}
#footer_bottom_menu li {
display: inline-block;
font-size: 15px;
line-height: 1.5;
}
#footer_bottom_menu li:after {
content: "|";
display: inline-block;
padding: 0 0.5em;
}
#footer_bottom_menu li:last-child:after {
content: "";
} #footer_social_link {
width: 30%;
text-align: left;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-ms-transform: translate3d(0, -50%, 0);
-o-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
#footer_social_link li {
display: inline-block;
margin: 0 8px 0 0;
position: relative;
z-index: 1;
}
#footer_social_link li a {
display: block;
text-indent: -200px;
overflow: hidden;
width: 14px;
height: 14px;
position: relative;
z-index: 2;
-webkit-transition-property: none;
-moz-transition-property: none;
-o-transition-property: none;
transition-property: none;
}
#footer_social_link li:before {
font-family: 'design_plus';
color: #fff;
font-size: 14px;
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 14px;
height: 14px;
line-height: 14px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#footer_social_link li:hover:before {
color: #fff;
}
#footer_social_link li.twitter:before {
content: '\e904';
}
#footer_social_link li.facebook:before {
content: '\e902';
}
#footer_social_link li.insta:before {
content: '\ea92';
margin-top: 1px;
}
#footer_social_link li.rss:before {
content: '\e90b';
} #copyright {
width: 30%;
font-size: 12px;
line-height: 1.6;
text-align: right;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-ms-transform: translate3d(0, -50%, 0);
-o-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
} #return_top {
display: none;
position: relative;
bottom: 0px; right: -8px;
z-index: 990;
margin: 40px 0;
}
#return_top a {
display: block;
width: 40px;
height: 40px;
text-decoration: none;
background: #b69e84;
border-radius: 50%;
opacity: 0.8;
margin: auto;
background-color: black !important;
}
#return_top a:before {
font-family: 'design_plus';
color: #fff;
font-size: 16px;
line-height: 1;
display: block;
position: absolute;
top: 50%;
left: 50%;
margin: -1.4em 0 0 -0.5em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#return_top a:before {
content: '\e911';
}
#return_top a:hover {
opacity: 1;
}
#return_top a span {
display: none;
}
#return_top p {
text-align: center;
} #footer_widget {
padding: 50px 0 12px;
text-align: center;
border-bottom: 1px solid #444;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer_widget {
display: inline-block;
font-size: 12px;
line-height: 2.2;
text-align: left;
width: 300px;
overflow: hidden;
margin: 0 0 30px 0;
padding: 0;
vertical-align: top;
position: relative;
}
.footer_widget.widget_nav_menu {
width: 200px;
}
.footer_headline {
margin: 0 0 14px 0;
font-size: 24px;
color: #b69e84;
line-height: 1.4;
}
.footer_widget ul {
margin: 0;
}
.footer_widget li {
margin: 0 0 10px 0;
padding: 0;
line-height: 2.4;
}
.footer_widget li:last-child {
margin-bottom: 0;
}
.footer_widget li ul {
margin: 10px 0 0 10px;
}
.footer_widget a {
color: #fff;
text-decoration: none;
}
.footer_widget a:hover {
color: #b69e84;
}
.footer_widget img {
height: auto;
max-width: 100%;
}
#footer_widget.footer_widget_type2 {
-webkit-flex-wrap: none;
-ms-flex-wrap: none;
flex-wrap: none;
}
#footer_widget.footer_widget_type2 .ml_ad_widget {
width: 25%; margin-right: 8%;
}
#footer_widget.footer_widget_type2 .widget_nav_menu { width: 17%;
}
#footer_widget.footer_widget_type2 .tcdw_banner_list_widget {
width: 30.666%;
}
.footer_widget .collapse_category_list {
border-top: 1px solid #ddd;
}
.footer_widget .styled_post_list1 li {
margin: 0;
padding: 10px;
}
.footer_widget .styled_post_list1_tabs li {
margin: 0;
padding: 0;
}
.footer_widget ul.banner_list li {
margin: 0 0 28px 0;
}
.footer_widget.widget_nav_menu li {
margin-bottom: 0;
} #footer_nav {
padding: 50px 0 40px 0;
background: #f7f7f7;
}
#footer_nav .footer_nav_cols .footer_nav_1 {
width: 49%;
float: left;
}
#footer_nav .footer_nav_cols .footer_nav_2 {
width: 49%;
float: right;
}
#footer_nav .headline {
display: inline-block;
margin: 0 0 15px 0;
padding: 0 18px;
min-width: 54px;
font-size: 12px;
line-height: 26px;
text-align: center;
color: #fff;
background: #000;
border-radius: 13px;
}
#footer_nav a {
text-decoration: none;
}
#footer_nav a:hover {
color: #92785f;
text-decoration: none;
}
#footer_nav ul {
margin: 0;
padding: 0;
}
#footer_nav li {
margin: 0;
padding: 0;
font-size: 12px;
line-height: 2.4;
}
#footer_nav li ul {
display: inline;
}
#footer_nav li li {
display: inline-block;
}
#footer_nav li li:before {
content: '|';
padding: 0 0.5em;
}
#footer_nav .footer_nav_type1 li {
display: inline-block;
float: left;
padding-right: 1.5em;
min-width: 12.5%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
#footer_nav .footer_nav_cols .footer_nav_type1 li {
min-width: 25%;
}
#footer_nav .footer_nav_type2>ul>li>a {
font-weight: 700;
}  #comments {
font-size: 12px;
margin: 0;
}
#comment_headline {
margin: 0 0 14px 0;
font-size: 24px;
font-weight: 300;
line-height: 1.2;
color: #b69e84;
}
#comment_area,
#trackback_area {
margin: 15px 0 20px;
padding: 0 0 5px 0;
}
#trackback_area {
display: none;
} #comment_header {
position: relative;
margin: 50px 0 25px;
}
#comment_header ul {
margin: 0;
}
#comment_header ul li {
float: left;
text-align: center;
margin: 0;
width: 50%;
}
#comment_header ul li a,
#comment_header ul li p {
font-size: 11px;
padding: 10px 15px;
line-height: 1.8;
display: block;
color: #666;
text-decoration: none;
border: 1px solid #ccc;
}
#comment_header ul li a:hover {
color: #fff !important;
background: #b69e84;
}
#comment_header ul li.comment_switch_active a,
#comment_header #comment_closed p {
color: #fff;
position: relative;
background: #b69e84;
border-color: #b69e84;
}
#comment_header ul li.comment_switch_active a:after,
#comment_header #comment_closed p:after {
position: absolute;
bottom: -17px;
left: 50%;
margin-left: -5px;
content: "";
width: 0;
height: 0;
border-width: 10px;
border-style: solid;
border-color: #b69e84 transparent transparent transparent;
} .commentlist {
list-style-type: none;
margin: 0;
padding: 0;
}
.comment {
border: 1px solid #ccc;
color: #777;
margin: 0 0 15px;
padding: 15px 20px 0;
background: #fff;
}
#comments .comment_content {
margin: 20px 0 0;
padding: 0;
background: none;
}
.admin-comment {} .comment-meta {
position: relative;
margin: 0 0 10px 0;
}
.comment-meta-left {
float: left;
width: 100%;
}
#comments .avatar {
float: left;
margin: 0 10px 0 0;
background: #fff;
width: 40px;
height: 40px;
}
.comment-name-date {
padding: 3px 0 0 0;
height: 37px;
}
a.admin-url {
text-decoration: underline;
}
a.guest-url {
text-decoration: underline;
}
.comment-name-date {
margin: 0;
}
.comment-date {
font-size: 11px;
color: #757676;
margin: 10px 0 0 0;
}
.comment-act {
background: url(//bangkokcp.com/wp-content/themes/gensen_tcd050-child/img/common/arrow3.gif) no-repeat left;
font-size: 11px;
position: absolute;
right: 0px;
padding: 0 0 0 10px;
margin: 5px 0 0 0;
}
.comment-act li {
display: inline;
margin: 0;
}
.comment-reply a,
.comment-reply a:visited {
border-right: 1px solid #aaa;
padding: 0 10px 0 0;
margin: 0 6px 0 0;
}
.comment-edit a,
.comment-edit a:visited {
border-left: 1px solid #aaa;
padding: 0 0 0 10px;
margin: 0 0 0 6px;
} #comments .comment_content p {
margin: 0 0 15px 0;
}
#comments .comment_content blockquote span {
margin: 0 0 -1em 0;
display: block;
} .comment-note {
display: block;
font-size: 11px;
margin: 0 0 1em 0;
color: #33a8e5;
border: 1px solid #94ddd4;
padding: 10px 15px;
background: #d6f4f0;
}
.comment_closed {
border: 1px solid #ccc;
text-align: center;
margin: 0 35px 15px 0;
padding: 15px;
background: #fefefe;
}
.no_comment {
padding-bottom: 15px;
} .trackback_time {
font-size: 11px;
color: #757676;
margin: 0 0 7px 0px;
}
.trackback_title {
margin: 2px 0 8px 0;
margin: 0 0 10px 0px;
line-height: 1.6;
}
#trackback_url_area {
margin: 0;
}
#trackback_url_area label {
display: block;
margin: 0 0 10px 0;
font-size: 11px;
}
#trackback_url_area input {
border: 1px solid #ccc;
background: #fafafa;
padding: 10px;
width: 100%;
font-size: 11px;
} #comment_pager {
margin: 0 0 10px;
height: 24px;
}
#comment_pager a,
#comment_pager span {
display: inline;
float: left;
margin: 0 10px 0 0;
}
#comment_pager .current {
text-decoration: underline;
} .comment_form_wrapper {
border: 1px solid #ccc;
margin: 0 0 0px;
padding: 15px;
background: #fff;
}
.comment .comment_form_wrapper {
margin: 0 0 20px;
}
#cancel_comment_reply {
background: url(//bangkokcp.com/wp-content/themes/gensen_tcd050-child/img/common/arrow3.gif) no-repeat left center;
margin: 0 0 1em 0;
padding: 0 0 0 10px;
}
#comment_user_login p {
padding: 0 0 0 1px;
margin: 0;
line-height: 1;
}
#comment_user_login span {
margin: 0 0 0 40px;
}
#comment_login {
margin: 0;
padding: 3px 30px 10px 30px;
}
#comment_login p {
margin: 0;
padding: 12px 0 11px 36px;
line-height: 1;
}
#comment_login a {
margin: 0 0 0 20px;
padding: 0 0 0 20px;
background: url(//bangkokcp.com/wp-content/themes/gensen_tcd050-child/img/common/arrow3.gif) no-repeat 10px 3px;
}
#guest_info {
padding: 0;
width: 100%;
}
#guest_info div {
margin: 0 0 12px 0;
text-align: left;
}
#guest_info input {
margin: 0;
padding: 5px 0;
border: 1px solid #ccc;
width: 100%;
background: #fff;
color: #777;
}
#guest_info input:focus {
border: 1px solid #b69e84;
}
#guest_info label {
display: block;
margin: 0 0 5px 0;
padding: 0 0 0 0;
font-size: 11px;
color: #888;
}
#guest_info span {
color: #666;
margin: 0 10px 0 0;
}
#comment_textarea textarea {
margin: 15px 0 0;
width: 100%;
height: 150px;
border: 1px solid #ccc;
background: #fff;
color: #777;
font-size: 11px;
overflow: auto;
}
#comment_textarea textarea:focus {
border: 1px solid #b69e84;
}
#submit_comment_wrapper {
text-align: center;
}
#submit_comment {
background: #999;
border: none;
cursor: pointer;
color: #fff;
font-size: 14px;
width: 200px;
height: 50px;
margin: 15px auto 0;
display: block;
-webkit-transition: background-color 200ms ease-in-out;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-ms-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out;
}
#submit_comment:hover {
background: #b69e84;
}
#input_hidden_field {
display: none;
} .password_protected {
text-align: center;
margin: 30px 38px;
padding: 10px 20px;
color: #fff;
background: #b69e84;
border-radius: 5px;
}
.password_protected p {
font-size: 12px;
margin: 0;
line-height: 1.6;
}  .post_content .alignright {
float: right;
}
.post_content .alignleft {
float: left;
}
.post_content .aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 7px;
}
.post_content blockquote.alignleft,
.post_content img.alignleft {
margin: 7px 24px 7px 0;
}
.post_content .wp-caption.alignleft {
margin: 7px 14px 7px 0;
}
.post_content blockquote.alignright,
.post_content img.alignright {
margin: 7px 0 7px 24px;
}
.post_content .wp-caption.alignright {
margin: 7px 0 7px 14px;
}
.post_content blockquote.aligncenter,
.post_content img.aligncenter,
.post_content .wp-caption.aligncenter {
margin-top: 7px;
margin-bottom: 7px;
}  .post_content h1,
.post_content h2,
.post_content h3,
.post_content h4,
.post_content h5,
.post_content h6 {
clear: both;
line-height: 1.2;
font-weight: 400;
margin: 0 0 10px 0;
padding: 10px 0 0 0;
}
.post_content h1 {
font-size: 150%;
}
.post_content h2 {
font-size: 140%;
}
.post_content h3 {
font-size: 130%;
padding-top: 20px;
}
.post_content h4 {
font-size: 120%;
}
.post_content h5 {
font-size: 110%;
}
.post_content h6 {
font-size: 100%;
} .post_content img[class*="align"],
.post_content img[class*="wp-image-"],
.post_content img[class*="attachment-"],
.post_content img.size-full,
.post_content img.size-large,
.post_content .wp-post-image,
.post_content img {
height: auto;
max-width: 100%;
} .post_content li,
.post_content dt,
.post_content dd {
line-height: 2.2;
} .post_content ol,
.post_content dl {
margin-bottom: 24px;
}
.post_content ol {
list-style: decimal outside none;
margin-left: 1.5em;
}
.post_content ul { margin-left: 1.3em;
font-weight: bold;
}
.post_content li>ul,
.post_content li>ol {
margin-bottom: 0;
}
.post_content dt {
font-weight: bold;
}
.post_content dd {
margin-bottom: 1em;
} .post_content table {
margin: 0 0 24px 0; }
.post_content td,
.post_content th {
border: 1px solid #bbb;
padding: 10px 15px;
line-height: 2.2;
}
.post_content th {
background: #ddd;
font-weight: normal;
} .post_content table.table_no_border th,
.post_content table.table_no_border td {
border: none;
padding-left: 0;
}
.post_content table.table_border_horizontal th,
.post_content table.table_border_horizontal td {
border-left: none;
border-right: none;
padding-left: 0;
} .post_content blockquote {
margin: 0 0 25px 0;
padding: 27px 30px 0;
border: 1px solid #ccc;
box-shadow: 0px 4px 0px 0px #f2f2f2;
position: relative;
}
.post_content blockquote:before {
content: '"';
font-style: italic;
font-size: 30px;
font-weight: normal;
line-height: 40px;
width: 30px;
height: 30px;
position: absolute;
top: 5px;
left: 10px;
color: #5cbcd7;
}
.post_content blockquote:after {
content: '"';
font-style: italic;
font-size: 30px;
font-weight: normal;
text-align: left;
line-height: 60px;
width: 30px;
height: 30px;
position: absolute;
bottom: 7px;
right: -2px;
color: #5cbcd7;
}
.post_content blockquote cite {
border-top: 1px dotted #aaa;
display: block;
padding: 20px 0 0 0;
font-style: italic;
text-align: right;
font-size: 90%;
} .post_content .wp-caption {
margin-bottom: 24px;
background: #fff;
border: 1px solid #ccc;
padding: 5px;
max-width: 100%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.post_content .wp-caption-text {
text-align: center;
font-size: 12px;
font-style: italic;
line-height: 1.5;
margin: 9px auto;
}
.post_content .wp-caption img[class*="wp-image-"] {
display: block;
margin: 0 auto;
} .gallery {
margin-bottom: 20px;
}
.gallery a img {
border: 0 !important;
}
.gallery-item {
float: left;
margin: 0 4px 4px 0;
overflow: hidden;
position: relative;
}
.gallery-columns-1 .gallery-item {
max-width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 48%;
max-width: -webkit-calc(50% - 4px);
max-width: calc(50% - 4px);
}
.gallery-columns-3 .gallery-item {
max-width: 32%;
max-width: -webkit-calc(33.3% - 4px);
max-width: calc(33.3% - 4px);
}
.gallery-columns-4 .gallery-item {
max-width: 23%;
max-width: -webkit-calc(25% - 4px);
max-width: calc(25% - 4px);
}
.gallery-columns-5 .gallery-item {
max-width: 19%;
max-width: -webkit-calc(20% - 4px);
max-width: calc(20% - 4px);
}
.gallery-columns-6 .gallery-item {
max-width: 15%;
max-width: -webkit-calc(16.7% - 4px);
max-width: calc(16.7% - 4px);
}
.gallery-columns-7 .gallery-item {
max-width: 13%;
max-width: -webkit-calc(14.28% - 4px);
max-width: calc(14.28% - 4px);
}
.gallery-columns-8 .gallery-item {
max-width: 11%;
max-width: -webkit-calc(12.5% - 4px);
max-width: calc(12.5% - 4px);
}
.gallery-columns-9 .gallery-item {
max-width: 9%;
max-width: -webkit-calc(11.1% - 4px);
max-width: calc(11.1% - 4px);
}
.gallery-columns-10 .gallery-item {
max-width: 7%;
max-width: -webkit-calc(9.4% - 0px);
max-width: calc(9.4% - 0px);
}
.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n),
.gallery-columns-10 .gallery-item:nth-of-type(10n) {
margin-right: 0;
}
.gallery-caption {
background-color: rgba(0, 0, 0, 0.7);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
font-size: 12px;
line-height: 1.5;
margin: 0;
max-height: 50%;
opacity: 0;
padding: 6px 8px;
position: absolute;
bottom: 0;
left: 0;
text-align: left;
width: 100%;
}
.gallery-caption:before {
content: "";
height: 100%;
min-height: 49px;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.gallery-item:hover .gallery-caption {
opacity: 1;
}
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption,
.gallery-columns-10 .gallery-caption {
display: none;
} .post_content .wp-smiley {
border: 0;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
.post_content address {
margin: 0 0 24px 0;
line-height: 2.2;
}
.post_content pre {
border-left: 5px solid #7fc120;
font-size: 12px;
margin: 0 0 27px 0;
line-height: 25px;
background: url(//bangkokcp.com/wp-content/themes/gensen_tcd050-child/img/common/pre.gif) repeat left top;
padding: 0 17px;
overflow: auto;
}
.post_content .sticky {}
.post_content .mejs-container {
margin: 12px 0 25px;
} .c-pw__desc,
.c-pw__desc p {
line-height: 2.5;
}
.c-pw__desc p {
margin-bottom: 16px;
}
.c-pw__btn {
box-sizing: border-box;
color: #fff;
display: inline-block;
padding: 13px 20px;
font-size: 14px;
text-align: center;
line-height: 1;
background: #999;
}
.c-pw__btn:hover {
background: #333;
color: #fff;
}
.c-pw__btn--register {
min-width: 160px;
margin-bottom: 32px;
}
.c-pw__btn--submit {
min-width: 100px;
border: 0;
cursor: pointer;
}
.c-pw .c-pw__btn:hover {
text-decoration: none;
}
.c-pw__box {
border: 1px solid #ddd;
background: #f5f5f5;
padding: 25px 36px;
display: inline-block;
margin-bottom: 40px;
box-sizing: border-box;
}
.c-pw__box .c-pw__box-desc {
line-height: 1.2;
margin-bottom: 20px;
}
.c-pw__box-label {
margin-right: 14px;
}
.c-pw__box-input {
border: 1px solid #ddd;
box-shadow: none;
height: 40px;
width: 250px;
margin-right: 13px;
flex: 1;
box-sizing: border-box;
padding: 0 10px;
}
.post_content .c-pw__btn,
.post_content .c-pw__btn:hover {
color: #fff;
}
.u-center {
text-align: center;
} .Topic {
color: #f47920;
font-size: 25px;
font-weight: bolder;
margin-bottom: 0px !important;
}
.Sub-top,
.overlay h3 {
color: #fff;
font-size: 23px !important;
font-weight: bold !important;
margin-bottom: 0px !important;
}
.date {
color: #fff;
font-size: 13px;
margin-bottom: 0px !important;
} .buttonblue {
background-color: #002e5d;
border: none;
color: white;
font-weight: bold;
padding: 16px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
-webkit-transition-duration: 0.4s; transition-duration: 0.4s;
cursor: pointer;
margin: auto;
display: block;
border: 2px solid #002e5d
}
.buttonblue:hover {
background-color: white;
border: 2px solid #002e5d;
color: #002e5d;
} .buttonwhite {
background-color: white;
color: #002e5d;
font-weight: bold;
padding: 0px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
-webkit-transition-duration: 0.4s; transition-duration: 0.4s;
margin: auto;
display: block;
cursor: pointer;
border: 2px solid #002e5d
}
.buttonwhite:hover {
background-color: #002e5d;
border: 2px solid #002e5d;
color: white;
} #head-con {
font-size: 23px;
color: #002e5d;
font-weight: bold;
}
#sub-head-con {
font-size: 17px;
font-weight: bold;
color: #002e5d;
}
.font_8 {
line-height: 1.5;
letter-spacing: 0.7px;
font-size: 14.5px;
color: #414141;
}
.mobile,
#mobiletext {
display: none;
} .company-form {
font-weight: bolder;
}
.company img {
width: 350px;
height: auto;
margin-bottom: 30px;
display: block;
margin: auto;
}
.company p {
line-height: 2;
font-size: 18px;
color: #414141;
}
#profile {
width: 100%;
}
#profile>.rpwe-ul>.rpwe-li>.rpwe-summary {
font-size: 16px; margin-left: 36%;
} .profile1>.rpwe-ul>.rpwe-li { height: 22rem;
background: white;
border: 2px solid #071f4e; padding: 10px;
display: inline-block;
width: -webkit-fill-available;
width: -moz-available;
}
.profile1>.rpwe-ul {
column-count: 2;
-webkit-column-count: 2;
-moz-column-count: 2;
margin-top: 15px; }
.rpwe-thumb {
border: none !important;
}  .news li {
border-bottom: 1px solid !important;
padding-bottom: 25px !important;
} .infor {
font-weight: bold !important;
}
.fill {
font-weight: normal !important;
} #panel-25-1-0-0,
#pgc-25-1-1,
#panel-25-3-0-0,
#panel-25-5-0-0,
#panel-25-3-1-0,
#mobiletext {
border-left: 15px solid;
padding: 12px;
border-bottom: 3px solid;
color: #071f4e;
}
#panel-25-3-1-0 {
margin-left: 10%;
}
#pgc-25-1-0 {
padding-right: 10%;
}
.test button:hover {
background-color: #ff8500 !important;
transition-duration: 0.3s;
}     a:has(.youtube) {
border: none !important;
padding: 0px !important;
}    @media only screen and (min-width: 992px) and (max-width: 1350px) {   .video-container,
.video-container img {
height: 800px; }
#profile {
width: 100%; }
.rpwe-thumb {
margin: 2px 10px 15% 0 !important;
}
#pg-25-1,
#pg-25-2,
#pg-25-3,
#pg-25-4,
#pg-25-5,
#pg-25-11,
#pg-25-12 {
padding: 0 25px;
} #pgc-25-1-1,
#pgc-25-5-0,
#pgc-25-3-1 {
margin-left: 5%;
margin-right: 4%;
margin-bottom: 2%;
}
#panel-25-11-0-0 {
margin-bottom: 2% !important;
}
#pgc-25-5-0 {
margin-top: 2%;
}
#pgc-25-1-0 {
padding-right: 0;
}
#panel-25-1-0-0>.textwidget>#sub-head-con {
padding-top: 0%;
padding-left: 65% !important;
font-size: 13px;
display: block;
}
#profile>.rpwe-ul>.rpwe-li>.rpwe-summary {
font-size: 0.7rem;
width: 55%;
float: right;
margin-left: 0%;
}
.profile1>.rpwe-ul>.rpwe-li {
height: 330px;
}
.rpwe-thumb {
width: 40%;
}
}
@media only screen and (min-width: 992px) {
#post_list2 .article .image {
height: 500px;
min-width: 200px;
} #post_list2 .article .image img {
max-width: 250px;
}
.company-form {
width: 800px;
}
}  @media only screen and (max-width: 1024px) { #cb_0>.inner {
padding: 0;
}
}
@media only screen and (max-width: 991px) { .video-container,
.video-container img {
height: 850px;
max-width: unset;
}
.overlay {   }  .post_content li {
line-height: 1.5 !important;
}
.post_content p {
line-height: 1.2 !important;
margin: 0 0 1.8em 0;
}
.Topic {
font-size: 20px !important;
}
.overlay a {
font-size: 16px !important;
}
#profile>.rpwe-ul>.rpwe-li>.rpwe-summary {
width: auto;
float: none;
margin: auto;
}
.profile1>.rpwe-ul {
column-count: auto;
-webkit-column-count: unset;
-moz-column-count: unset;
}  #pg-25-1,
#pg-25-2,
#pg-25-3,
#pg-25-4,
#pg-25-5,
#pg-25-11,
#pg-25-12 {
padding: 0 25px;
}
#panel-25-2-1-0>.panel-widget-style,
#panel-25-2-0-0>.panel-widget-style {
padding: none !important;
width: auto !important;
border: none !important;
background: none !important;
}
.post_content ul {
margin-left: unset !important;
}  #head-con {
font-size: 19px !important;
}
#head-con p {
font-size: 0.72rem !important;
margin: 0 0 0 0 !important;
}
#sub-head-con {
font-size: 10px !important;
} #panel-25-10-0-1,
#panel-25-3-1-0,
#panel-25-7-1-0,
#pgc-25-4-1,
#pgc-25-1-1,
#panel-25-9-1-0 {
display: none;
}
#panel-25-1-0-0>.textwidget>#sub-head-con { margin-left: 13px;
margin-top: -7px;
display: block;
}
#pg-25-3 {
margin-top: 2%;
}
#pg-25-5,
#panel-25-11-0-0 {
margin-bottom: 4% !important;
}
.buttonblue,
#panel-25-2-1-1 {
margin-bottom: 30px;
}
.mobile,
#mobiletext {
display: block;
}
.profile1 button {
display: block !important;
margin: auto !important;
float: none !important;
}
#pg-25-9 {
max-width: 95%;
margin: auto;
}  #panel-25-1-0-0 {
padding: 12px 0px !important;
}
.rpwe-time {
color: black !important;
font-weight: normal !important;
}
.rpwe-img>.rpwe-thumb {
margin: auto !important;
border: none !important;
width: 300px;
float: none !important;
}
.profile1>.rpwe-ul>.rpwe-li>.rpwe-img>.rpwe-thumb {
display: block;
}
.rpwe-title {
padding-top: 0px !important;
} .rsswidget {
font-size: 20px;
} .box {
max-width: none !important;
margin-left: 0px !important;
}
.footertext {
padding-left: 10%;
padding-right: 10%;
}
#profile {
width: 100%; }
#profile p {
line-height: 1.8 !important;
}
.company {
width: 100% !important;
float: unset !important;
margin-right: 0px !important;
margin-bottom: 10px;
}
.info>.image {
width: 100% !important;
}
.info>.title {
font-size: 20px !important;
font-weight: bold !important;
}
#post_list2 .article .image {
padding-bottom: 70% !important;
}
#post_list2 .article .image {
float: unset !important;
width: 80% !important;
margin: auto;
}  #panel-25-12-0-0,
#panel-25-12-0-1,
#panel-25-12-1-0,
#panel-25-12-1-1,
#panel-25-12-2-0,
#panel-25-12-2-1,
#panel-25-12-3-0,
#panel-25-12-3-1,
#panel-25-12-4-0,
#panel-25-12-4-1 {
width: 46%;
display: inline-block;
margin: 5px;
}  .inner1 {
display: unset !important;
}
#header_search form,
#index_header_search form {
width: 100%;
} .info1 {
width: 100% !important;
position: unset !important;
margin: unset !important;
}
.info1 p {
text-align: unset !important;
padding-top: 15px;
font-size: 16px;
}
#footer_info span {
letter-spacing: -2px;
} .profile1>.rpwe-ul>.rpwe-li { height: auto;
float: none;
margin-left: 0;
margin-right: 0;
}
}
@media (max-width: 992px) {
#pg-25-0.panel-no-style,
#pg-25-0.panel-has-style>.panel-row-style,
#pg-25-1.panel-no-style,
#pg-25-1.panel-has-style>.panel-row-style,
#pg-25-2.panel-no-style,
#pg-25-2.panel-has-style>.panel-row-style,
#pg-25-3.panel-no-style,
#pg-25-3.panel-has-style>.panel-row-style,
#pg-25-4.panel-no-style,
#pg-25-4.panel-has-style>.panel-row-style,
#pg-25-5.panel-no-style,
#pg-25-5.panel-has-style>.panel-row-style,
#pg-25-6.panel-no-style,
#pg-25-6.panel-has-style>.panel-row-style,
#pg-25-7.panel-no-style,
#pg-25-7.panel-has-style>.panel-row-style,
#pg-25-8.panel-no-style,
#pg-25-8.panel-has-style>.panel-row-style,
#pg-25-9.panel-no-style,
#pg-25-9.panel-has-style>.panel-row-style,
#pg-25-10.panel-no-style,
#pg-25-10.panel-has-style>.panel-row-style,
#pg-25-11.panel-no-style,
#pg-25-11.panel-has-style>.panel-row-style,
#pg-25-12.panel-no-style,
#pg-25-12.panel-has-style>.panel-row-style {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
#pg-25-0 .panel-grid-cell,
#pg-25-1 .panel-grid-cell,
#pg-25-2 .panel-grid-cell,
#pg-25-3 .panel-grid-cell,
#pg-25-4 .panel-grid-cell,
#pg-25-5 .panel-grid-cell,
#pg-25-6 .panel-grid-cell,
#pg-25-7 .panel-grid-cell,
#pg-25-8 .panel-grid-cell,
#pg-25-9 .panel-grid-cell,
#pg-25-10 .panel-grid-cell,
#pg-25-11 .panel-grid-cell,
#pg-25-12 .panel-grid-cell {
width: 100%;
}
} @media all and (-ms-high-contrast:none) {
*::-ms-backdrop,
.profile1>.rpwe-ul>.rpwe-li {
width: 95%;
}
*::-ms-backdrop,
#main_col {
max-width: none;
}
*::-ms-backdrop,
#main_col {
position: relative;
}
a.menu_button {
right: 8% !important
}
.inner1 {
display: -ms-flexbox;
}
#header_search_submit {
background-color: rgba(0, 0, 0, 0);
padding: 17px !important;
padding-left: 37px !important;
padding-right: 37px !important;
}
#header_search form,
#index_header_search form {
width: 100% !important;
margin-left: 5%;
}
.tester {
max-width: 1100px;
float: none;
margin: auto;
}
}
@media only screen and (-ms-high-contrast:none) and (max-width: 1303px) and (min-width: 992px) {
.header_search_inputs {}
} @supports (-ms-ime-align:auto) {
.profile1>.rpwe-ul>.rpwe-li {
width: 95%;
}
} @media only screen and (max-width: 991px) {
#left_col,
#side_col {
width: initial !important;
}
} @media only screen and (max-width: 767px) {
.page #post_title {
margin: 0 0 0px !important;
font-size: 20px;
line-height: 1 !important;
font-size: 40px !important;
}
}
@media only screen and (max-width: 1024px) { #main_col {
margin: 15px auto 40px !important; } #global_menu {
background-color: #fff !important;
} #global_menu a:hover,
#global_menu .current-menu-item>a {
background-color: #fff !important;
}
} @media only screen and (max-width:1024px) { #footer_contents {
padding: 40px 0 40px 0 !important;
}
#footer_info {
padding: 50px 10% 50px !important;
position: relative;
text-align: left;
}
body {
font-size: 12px;
}
}
@media only screen and (max-width:991px) {
#main_col {
padding: 0 20px;
}
}