@charset utf-8;
/*
Theme Name: Blog JP
*/
*,
*:before,
*:after {
  	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
        box-sizing: border-box;
 	margin:0;padding:0;
}
@font-face {
    font-family: "Oblivian-Regular";
    src: url("fonts/Oblivian-Regular-new.woff2") format("woff2"),
         url("fonts/Oblivian-Regular-new.woff") format("woff"),
         url("fonts/Oblivian-Regular-new.ttf") format("truetype"),
         url("fonts/Oblivian-Regular-new.eot") format("embedded-opentype"),
         url("fonts/Oblivian-Regular-new.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Oblivian-Light";
    src: url("fonts/Oblivian-Light-new.woff2") format("woff2"),
         url("fonts/Oblivian-Light-new.woff") format("woff"),
         url("fonts/Oblivian-Light-new.ttf") format("truetype"),
         url("fonts/Oblivian-Light-new.eot") format("embedded-opentype"),
         url("fonts/Oblivian-Light-new.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Oblivian-UltraLight";
    src: url("fonts/Oblivian-UltraLight-new.woff2") format("woff2"),
         url("fonts/Oblivian-UltraLight-new.woff") format("woff"),
         url("fonts/Oblivian-UltraLight-new.ttf") format("truetype"),
         url("fonts/Oblivian-UltraLight-new.eot") format("embedded-opentype"),
         url("fonts/Oblivian-UltraLight-new.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Oblivian-Thin";
    src: url("fonts/Oblivian-Thin.woff2") format("woff2"),
         url("fonts/Oblivian-Thin.woff") format("woff"),
         url("fonts/Oblivian-Thin.ttf") format("truetype"),
         url("fonts/Oblivian-Thin.eot") format("embedded-opentype"),
         url("fonts/Oblivian-Thin.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Oblivian-ExtraBold";
    src: url("fonts/Oblivian-ExtraBold.woff2") format("woff2"),
         url("fonts/Oblivian-ExtraBold.woff") format("woff"),
         url("fonts/Oblivian-ExtraBold.ttf") format("truetype"),
         url("fonts/Oblivian-ExtraBold.eot") format("embedded-opentype"),
         url("fonts/Oblivian-ExtraBold.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Oblivian-Bold";
    src: url("fonts/Oblivian-Bold.woff2") format("woff2"),
         url("fonts/Oblivian-Bold.woff") format("woff"),
         url("fonts/Oblivian-Bold.ttf") format("truetype"),
         url("fonts/Oblivian-Bold.eot") format("embedded-opentype"),
         url("fonts/Oblivian-Bold.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Oblivian-Black";
    src: url("fonts/Oblivian-Black.woff2") format("woff2"),
         url("fonts/Oblivian-Black.woff") format("woff"),
         url("fonts/Oblivian-Black.ttf") format("truetype"),
         url("fonts/Oblivian-Black.eot") format("embedded-opentype"),
         url("fonts/Oblivian-Black.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: "Oblivian-SemiBold";
  src: url("fonts/Oblivian-SemiBold.woff2") format("woff2"),
       url("fonts/Oblivian-SemiBold.woff") format("woff"),
       url("fonts/Oblivian-SemiBold.ttf") format("truetype"),
       url("fonts/Oblivian-SemiBold.eot") format("embedded-opentype"),
       url("fonts/Oblivian-SemiBold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Oblivian-Medium";
  src: url("fonts/Oblivian-Medium.woff2") format("woff2"),
       url("fonts/Oblivian-Medium.woff") format("woff"),
       url("fonts/Oblivian-Medium.ttf") format("truetype"),
       url("fonts/Oblivian-Medium.eot") format("embedded-opentype"),
       url("fonts/Oblivian-Medium.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
	font-family:"Avenir-Black";
	src: url('./fonts/Avenir-Black.otf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family:"MyriadPro-Bold";
	src: url('./fonts/MyriadPro-Bold.otf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family:"MyriadPro-BoldIt";
	src: url('./fonts/MyriadPro-BoldIt.otf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family:"MyriadPro-Regular";
	src: url('./fonts/MyriadPro-Regular.otf');
	font-weight: normal;
	font-style: normal;
}
html{ -webkit-text-size-adjust: 100%;}
*,
*:before,
*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{background:none;-webkit-text-size-adjust:100%;height:100%;}
body{background:#f5f5f5;font-size:14px;color: #071637; font-family: "Poppins", sans-serif;margin: 0px;}

/*Google Language Translator Css Start*/
body font{ vertical-align:baseline !important;}
/*Google Language Translator Css End*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td{padding: 0;margin: 0;}

a{color:#646464;text-decoration:none;outline-style:none;}
a:hover{color:#646464;text-decoration:none;}
p{line-height:26px;margin:0 0 20px;}
li{list-style:none outside none;}
strong,
b{font-weight: normal;}
em,
i{font-style:normal;}
strong em,
em strong{font-style:normal;font-weight:normal; font-weight: 600;}
h1,
h2,
h3,
h4,
h5,
h6{ font-weight:normal; margin-bottom:20px; line-height:1; font-weight: 600;}
h1{font-size:65px; line-height:1;}
h2{font-size:50px; line-height:1.2;}
h3{font-size:36px; line-height:1.25;}
h4{font-size:24px; line-height:1.5;}
h5{font-size:18px; line-height:2;}
h6{font-size:16px; line-height:1.875;}
img{max-width:100%;height:auto;vertical-align:middle;}
hr{clear:both;margin:40px 0;border:0;border-bottom:0;padding:0px;width:100%;background:#e1e0da;height:1px;}
pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;}

/* header css */
.header{background-color: #ffffff;color: #26334b ;width: 100%;}
.header_content{padding: 40px 0;}
.header_content .inner{display: flex;justify-content: space-between;align-items: center;position: relative;}
.header_content .left_header{width: 200px;margin: 0 40px 0 0;}
.header_content .right_header{display: flex;align-items: center;justify-content: space-between;}
.header_content .right_header .mainNav_box{margin: 0 20px;}

.header_content .search_box{position: relative;}
.header_content .search-form{border: 1px solid #001a49;  border-radius: 25px;}
.header_content .search-form .search-field{height:50px;width:165px;color: #757575;line-height: 1.2;padding: 5px 10px 5px 44px;border-radius:25px;max-width: 100%;border: none;background:#fafafa;-webkit-appearance: none;}
.header_content .search-submit{display: none;}
.header_content .search-form .search-field::-webkit-search-cancel-button {display: none;}    
.header_content .search-form .search-field::-webkit-input-placeholder{ color:#757575; opacity:1;}
.header_content .search-form .search-field:-moz-placeholder{ color:#757575; opacity:1;}
.header_content .search-form .search-field::-moz-placeholder{ color:#757575; opacity:1;}
.header_content .search-form .search-field:-ms-input-placeholder{ color:#757575; opacity:1;}
.header_content .search-form .search_button{display: block;width: 28px;height: 24px;background: url(/wp-content/themes/vt/images/icons-navigation-search.png) center no-repeat;cursor: pointer;position: absolute;left: 14px;top: 50%;transform: translateY(-50%);}

.header_content .right_header .header_button a{font-family: "Oblivian-SemiBold";background: #0051ff;padding: 12px 16px 10px;display: inline-block;font-size: 14px;border: none;text-decoration: none;border-radius: 20px;color: #fff;}
.header_content .right_header .header_button a:hover{background: #00f0ff !important;border-color: #00f0ff !important;text-decoration: none;transition: all 0.3s;box-shadow: #bbb 0 2px 8px!important;color: #000;}

.mainNav, .mainNav * {margin: 0;padding:0px;list-style: none;}
.mainNav li {font-weight: 600;}
.mainNav ul {position: absolute;display: none;top: 100%;left: 0;z-index: 99;}
.mainNav li:hover > ul,
.mainNav li.sfHover > ul {display: block;}
.mainNav ul ul {top: 0;left: 100%;}
.mainNav {text-align:left; padding:0px;display: flex;justify-content: space-between;align-items: center;position: relative;}
.mainNav ul { width:205px;}
.mainNav > li{padding:0 9px;}
.mainNav > li a:hover{color:#0051ff;}
.mainNav > li:last-child > ul{ left:auto; right:0px;}
.mainNav > li > a{font-size:16px;}
.mainNav a {display: block;position: relative;text-decoration: none; zoom: 1; color:#26334b; font-size:16px;}
.mainNav ul li a{ font-size:13px; padding:10px 10px 10px 24px;}
.mainNav li li:hover > a,
.mainNav li li.sfHover > a,
.mainNav li li.current-menu-item > a,
.mainNav li li.current-menu-parent > a,
.mainNav li li.current-menu-ancestor > a{color:#0051ff;}
.mainNav .sf-sub-indicator{ display:none;}
.mainNav .sf-mega{position: absolute;display: none;width:auto;min-height:auto;left:auto;top:100%;z-index: 99;padding:28px 20px 12px;background:#fff;border-radius: 2px;box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);}
.mainNav .sf-mega-box{display: flex;display: -webkit-flex;max-width: 100%;margin: 0 auto;justify-content: flex-start;}
.mainNav .sf-mega .sub-menu{padding:0 60px 0 0; margin:0px; position:static; display:block; width:auto;}
.mainNav .sf-mega .sub-menu:last-child{padding: 0;}
.mainNav .sf-mega .sub-menu li{ padding:0px 0px 10px; margin:0px;position: relative;}
.mainNav .sf-mega .sub-menu li.new_icon::after{position: absolute;content: "new";width: 40px;height: 1px;text-transform: uppercase;top: 6px;right: 0px;color: #00f0ff;font-size: 12px;}
.mainNav .sf-mega .sub-menu li a{color:#031F45; text-decoration:none; font-size:14px; padding:0px; margin:0px;line-height: 1.5;cursor: pointer;}
.mainNav .sf-mega .sub-menu li a:hover{ color:#0051ff; text-decoration:none;}

/* mobile start*/
.mobile_menu_hamburger{width: 20px;text-align: center;cursor: pointer;display: none;position: absolute;right: 20px;top: 50%;transform: translateY(-50%);}
.mobile_menu_hamburger i{display: block;width: 100%;height: 3px;margin: 0 auto 4px;background: #031F45;}
.header_top_bar{display: none;position: absolute;left: 0;top: 50px;background: #031F45;width: 100%;    z-index: 10;}
.mobile_menu{position: relative;width: 100%;text-align: center;}
.mobile_menu_content{background: #031F45;position: relative;}
.mobile_menu_content .header_menu{text-align:left;position:relative;}
.mobile_menu_content .header_menu li{position: relative;border-bottom:1px solid #bcb5b9;}
.mobile_menu_content .header_menu li.new_icon::after{position: absolute;content: "new";width: 40px;height: 1px;text-transform: uppercase;top: 50%;transform: translateY(-50%);right: 20PX;color: #00f0ff;font-size: 12px;}
.mobile_menu_content .header_menu a{ display:block;color:#fff;padding:16px 30px 16px;font-size:20px;text-decoration:none;}
.mobile_menu_content .header_menu a i{margin-right:6px;}
.mobile_menu_content .header_menu li > a{position:relative;}
.mobile_menu_content .header_menu li > a:hover{ color:#fff; text-shadow:0px 0px 1px #FFF;}
.mobile_menu_content .header_menu > li > a{font-size:20px;color:#ffffff;}
.mobile_menu_content .header_menu li li a{text-transform:none;color:#ffffff;}
.mobile_menu_content .header_menu li li a:hover{color:#ffffff;text-decoration:none;background:none;}
.mobile_menu_content .header_menu > li > ul > li > a{text-transform:none;color:#ffffff; padding-left:50px; font-size:16px;}
.mobile_menu_content .header_menu > li > ul > li > ul > li > a{padding-left:50px; font-size:16px;}
.mobile_menu_content .header_menu li ul{border:0px;padding:0px; display:none;}
.mobile_menu_content .header_menu li ul li:last-child{border:0;}
.mobile_menu_content .header_menu li ul li:first-child{ border-top:1px solid #bcb5b9;}
.mobile_menu_content .header_menu .sub_menu{display:none;}
.mobile_menu_content .header_menu a{display:block;position:relative;}
.mobile_menu_content .header_menu .accordsuffix_box{position:absolute;right:0px; top:0px;padding:25px 30px;}
.mobile_menu_content .header_menu .accordsuffix{display:block;width: 24px;height: 10px;background: url(/wp-content/themes/vt/images/sprite_img_new_navy_blue.png?v=1) 0px -35px no-repeat;}
.mobile_menu_content .header_menu > li > a .accordsuffix{color:#FFF;}
.mobile_menu_content .header_menu .active .accordsuffix{color:#FFF; background-position:0px -46px;}
.mobile_menu_content .header_menu a:hover .accordsuffix{color:#FFF;}
.mobile_menu_content .header_menu li.menu-item-has-children > a{padding:20px 30px;}
.header_content .header_top_bar .search_box{position: relative;padding: 20px 0;text-align: center;margin: 0 auto;width: 50%;}
.header_content .header_top_bar .search-form .search-field{width: 100%;}
.header_content .header_top_bar .header_button{padding: 0 0 20px;text-align: center;width: 170px;margin: 0 auto 20px;}
.header_content .header_top_bar .header_button a{display: block;background: #0051ff;border: 1px solid #0051ff;text-transform: none;font-weight: 600;padding: 10px;font-size: 14px;color: #fff;}
.header_content .header_top_bar .header_button a:hover{color: #000;}
@media (max-width:1350px){
     .header_content{padding: 20px 0;}
     .header_content .inner{flex-direction: column;align-items: center;}
     .header_content .left_header{margin: 0;}
     .header_content .right_header{flex-wrap: wrap;padding: 30px 0 0;width: 100%;}
     .header_content .right_header .mainNav_box{margin: 0 20px 0 0;}
     .header_content .search-form .search-field{height: 40px;}
}
@media (max-width:1050px){
     .header_content .right_header .header_button{margin: 20px 0 0;}
}
@media (max-width:980px){
     .header_content .inner{align-items: flex-start;}
     .header_content .search_box{position: absolute;top: 0;right: 0;}
}
@media (max-width:768px){
     .header_content .left_header{width: 170px;}
     .mobile_menu_hamburger{display: block;}
     .header_content .right_header{display: none;}
}
/* mobile end*/




.left{float:left;}
.right{float:right;}
.clear{clear:both;height:0;font-size:0;width:100%;}
.alignleft{display:inline;float:left;margin:0 20px 20px 0;}
.alignright{display:inline;float:right;margin:0 0 20px 20px;}
.aligncenter{clear:both;display:block;margin:0 auto 20px;}
.alignnone{clear:both;display:block;margin:0 auto 20px;}
.tableBox{display:table;table-layout:fixed;width:100%;height:100%;}
.table_cellBox{display:table-cell;vertical-align:middle;}
.inner{max-width:1460px;padding-left:20px;padding-right:20px;margin:0 auto;}

.cta{background:#fff; border-radius:35px; padding:10px 16px; display:inline-block; color:#fff; font-size:14px; border:1px solid #fff; text-decoration:none;}
.cta:hover{ background:#00f0ff !important;border-color: #00f0ff !important; text-decoration:none;transition: all 0.3s;box-shadow: #bbb 0 2px 8px!important;}
.blue_button{ background:#00f0ff; border-radius:35px;color:#031F45; padding:16px 24px; display:inline-block; font-size:14px; border:1px solid #00f0ff; text-decoration:none;}
.blue_button:hover{ background:#031F45; border-color:#031F45 !important; text-decoration:none;color:#fff;cursor: pointer;transition: all 0.3s;}
.white_button{ background:#fff; color:#031F45;border-radius:35px; padding:16px 24px; display:inline-block; font-size:14px; border:1px solid #fff; text-decoration:none;}
.white_button:hover{border:1px solid #031F45; text-decoration:none;transition: all 0.3s;}

input,
button,
textarea,
select{outline-style:none;}
.wrapper{width:100%;overflow:hidden;}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{zoom:1; /*IE6,7 Compatibility Settings for*/}


/* 侧边栏的固定样式 */
.hylink{margin: 20px 0;text-align: right;display: block;width: 100%;color: #fff;font-size: 18px;}
.sidebar {max-width: 420px;width: 100%;padding-bottom: 60px;}
.sidebar .area_background {padding: 50px;background: #2b4059;border-radius: 5px;overflow: hidden;position: sticky;top: 60px;}
.sidebar aside {margin-bottom: 20px;}
.sidebar aside li.title{margin-bottom: 20px;}
.sidebar aside li.title a{color: #9b9fa7;font-weight: bold;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: inherit;}
.sidebar aside li.title a:hover{color: #f00;}
.sidebar aside h5 {color: #fff;}
.sidebar aside p {color: #9b9fa7;font-size: 16px;margin-bottom: 5px;}
.sidebar aside p strong {color: #fff;font-weight: bold;}
.sidebar aside .focus_us p {color: #fff;font-size: 16px;}
.sidebar aside .focus_us h5 {margin-bottom: 10px;}
.sidebar aside .focus_us p {margin-bottom: 20px;}
.sidebar aside .focus_us .social_platforms span {display: inline-block;text-align: center;width: 36px;height: 36px;line-height: 36px;margin-right: 5px;border-radius: 3px;overflow: hidden;cursor: pointer;}
.sidebar aside .focus_us .social_platforms span:hover {/*background: #46484e;*/box-shadow: #bbb 0 2px 8px!important;}
.sidebar aside .focus_us .social_platforms .social_linkedin {background: #0274b3;}
.sidebar aside .focus_us .social_platforms .social_youtobe {background: #ff4501;}
.sidebar aside .focus_us .social_platforms .social_twitter {background: rgba(29, 155, 240, 0.1);}
.sidebar aside .focus_us .social_platforms .social_facebook {background: #4565a9;}
.sidebar aside .tags {padding-top: 5px;}
.sidebar aside .tags a {display: inline-block;border-radius: 17px;margin: 0 5px 5px 0;padding: 0.5em !important;color: #000;}
.sidebar aside .tips {display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 10px;}
.sidebar aside .tips .post_thumb {width: 41px;height: 41px}
.sidebar aside .tips .post_text {color: #fff;}
.sidebar aside .tips:hover .post_text {color: #f00;}