/* reset boostrap css */

a{color:inherit;text-decoration:none}
a:hover{color:#17aabc;text-decoration:none}
button:focus,:focus{outline:0}
img{max-width:100%;vertical-align:middle}
ol,ul{margin-bottom:0;padding-left:0}
summary,ul li{list-style:none}
figure{margin-bottom:0}
figure img{width:100%}
h1,h2,h3,h4,h5,h6{font-weight:700;font-family:'Lato',sans-serif}
h2{font-size:26.5px;line-height:33.5px}
h3{font-size:24px;line-height:29.5px}
h4{font-size:19.5px;line-height:25.5px}
h5{font-size:17.5px;line-height:24.5px}
h6{font-size:17px;line-height:21.5px}
h6 span{font-weight:400}
.container-fluid{max-width:1300px}
body{color:#02061a;font:13.5px/21.5px Helvetica,sans-serif;position:relative}
.current,.brand{color:#1baabc}

/* header */
.ph{background-color:#fff;border-bottom:1px solid #7f7f7f;transition:.3s}
.logo a{width:84px;height:50px;display:block;background:url(../images/logo.svg) center / contain no-repeat}
.ph .socials{text-align:right;padding-top:3px;padding-bottom:5px}
.icon,.social{display:inline-block;vertical-align:middle;width:30px;height:30px;background-position:center;background-size:20px;background-repeat:no-repeat;cursor:pointer}
.icon-menu{background-image:url(../images/icon_menu.svg);background-size:30px}
.icon-search{background-image:url(../images/icon_search.svg)}
.showSearch .icon-search,.showMenu .icon-menu{background-image:url(../images/icon_close.svg);background-size:30px}
.ph .social-facebook{background-image:url(../images/social_facebook.svg)}
.ph .social-facebook:hover{background-image:url(../images/social_facebook2.svg);background-color:#3b5998}
.ph .social-twitter{background-image:url(../images/social_twitter.svg)}
.ph .social-twitter:hover{background-image:url(../images/social_twitter2.svg);background-color:#1da1f2}
.ph .social-youtube{background-image:url(../images/social_youtube.svg)}
.ph .social-youtube:hover{background-image:url(../images/social_youtube2.svg)}
.pn{font:bold 20px Lato,sans-serif;text-transform:uppercase}
.searchform input{margin:0;border:0;border-radius:0;height:30px}
.searchform input[type="text"]{background-color:#f5f5f5;color:#000;font-size:16px;text-indent:8px;width:100%}
.searchform input[type="submit"]{background:url(../images/icon_search2.svg) center /20px no-repeat #1baabc;width:30px}
@media (min-width: 768px) {
  .icon-menu{display:none}
  .searchform{position:absolute;width:0;overflow:hidden;transition:.3s}
  .showSearch .searchform{width:290px}
  .ph{padding-top:27px;padding-bottom:12px}
  .ph .logo{padding-bottom:9px}
  .ph .logo a{width:101px;height:61px}
  .pn ul{width:100%;display:flex}
  .pn li{flex-grow:1;text-align:center}
  .pn .brand a:hover{color:#4EDDEF}
  .scrollHeader .ph{position:fixed;top:0;left:0;right:0;z-index:1000;padding-top:0;padding-bottom:0}
  .scrollHeader .ph .container-fluid{height:60px}
  .scrollHeader .ph .logo{padding-bottom:0}
  .scrollHeader .ph .logo a{width:84px;height:50px}
  .scrollHeader .ph .socials{display:none}
}
@media (min-width: 950px) {
  .pn ul{display:block;text-align:right}
  .pn li{display:inline-block;padding-left:15px;padding-right:15px}
}
@media (max-width: 767px) {
  .icon-search{display:none}
  body{padding-top:60px}
  .ph{position:fixed;top:0;left:0;right:0;z-index:1000}
  .ph .container-fluid{height:60px}
  .pn{position:fixed;background-color:#17aabc;color:#fff;top:60px;right:0;width:290px;height:calc(100vh - 60px);transform:translate(100%);transition:.3s}
  .pn .brand{color:#9AFFFF}
  .showMenu .pn{transform:translateX(0)}
  .searchform,.pn a{display:block;padding:15px}
  .pn a:hover{background-color:#0c0c0c;color:#fff}
}
/* homepage */
div.category{font-weight:700;font-family:'Lato',sans-serif;color:#1baabc;text-transform:uppercase;letter-spacing:.5px}
.section-top{padding-top:35px}
article figure{margin-bottom:9px}
article .category{margin-bottom:6px}
.section-top article.lg figure{margin-bottom:16px}
article.lg .category{margin-bottom:10px;font-size:16.5px}
article.lg summary{padding-top:3px;padding-bottom:12px}
article.video figure{background-color:#000}
article.video figure a{display:block;position:relative}
article.video figure a::before{content:"";display:block;width:26px;height:26px;background:url(../images/icon_play.svg) center / contain no-repeat;z-index:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
article.video figure img,article.video figure a::before{opacity:.9;transition:.3s}
article.video figure a:hover img,article.video figure a:hover::before{opacity:1}
article.video.lg figure a::before{width:58px;height:58px}
.block-title{color:#1baabc;font:bold 27.5px/27.5px Lato,sans-serif;border-top-width:3px;border-top-style:solid;text-transform:uppercase;padding-top:15px;padding-bottom:25px}
.block-title .more{font-size:15px}
.list figure.float-left{width:35%;max-width:190px;margin-right:16px}
.list li{border-top:1px solid #e5e5e5;padding-top:14px;padding-bottom:5px}
.list li:first-child{border-top:0;padding-top:0}
.list article .category{margin-top:2px;margin-bottom:3px}
.list .byline{margin-bottom:6px}
.mb{margin-bottom:35px}
.block figure{margin-bottom:12px}
.block article{margin-bottom:14px}
ol.list{counter-reset:countup}
ol.list article .category{margin-top:0}
ol.list li{list-style:none;counter-increment:countup;display:flex}
ol.list li::before{content:counter(countup)".";font:bold 22px/22px sans-serif;color:rgba(0,0,0,.5);margin-right:10px}
ol.list .d-flex figure{flex:0 0 32%;margin-right:16px}
.archive ol.list .d-flex figure{flex:0 0 44%;margin-right:16px}
@media (min-width: 576px) {
  .block .col-sm-6:nth-of-type(even) {
    border-left: 1px solid #e5e5e5;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-top .col-sm-6:nth-of-type(even), .section-middle .col-sm-6:nth-of-type(even), .videos .col-sm-4:nth-of-type(n+2) {
    border-left: 1px solid #e5e5e5;
  }
}
@media (min-width: 768px) {
  .section-top .col-sm-6, .section-middle .col-sm-6:nth-of-type(n+2), .b-md-l {
    border-left: 1px solid #e5e5e5;
  }
  .section-top.s1 {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .section-top article:first-of-type, .section-middle .col-sm-6 {
    margin-bottom: 35px;
  }
  .section-middle.s2 .block-title {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .videos .col-md-12 article::after {
    content: "";
    display: table;
    clear: both;
  }
  .videos .col-md-12 figure {
    width: 35%;
    max-width: 190px;
    float: left;
    margin-right: 16px;
  }
  .videos .col-md-12 article {
    border-top: 1px solid #e5e5e5;
    padding-top: 14px;
    padding-bottom: 6px;
  }
}
@media (min-width: 992px) {
  article.video.lg {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 8px;
    margin-bottom: 16px;
  }
  .videos .col-lg-4:nth-of-type(n+2) {
    border-left: 1px solid #e5e5e5;
  }
}
@media (max-width: 767px) {
  .section-top article, .section-middle article {
    padding-bottom: 35px;
  }
  .block article, article.video.lg {
    margin-bottom: 35px;
  }
}
.page-middle {
  background-color: #f5f5f5;
  padding-top: 30px;
  padding-bottom: 30px;
}

/* section page */
.breadcrumbs{font:bold 10px/10px Lato,sans-serif;color:#1baabc;text-transform:uppercase;padding-top:13px;padding-bottom:8px}
.breadcrumbs a{font-weight:400;color:#515254}
.breadcrumbs li::before{font-weight:400;color:#515254;content:">";margin-left:7px;margin-right:4px}
.breadcrumbs li:first-child::before{content:none}
.archive-header{font:bold 18px/34px Lato,sans-serif;text-transform:uppercase}
.archive-header h1{font-size:34px;padding-right:15px}
.archive-header li{display:inline-block}
.archive-header li a{display:block;margin-right:30px}
.archive{padding-top:20px}
.archive .lg{border-bottom:1px solid #e5e5e5;padding-bottom:26px;margin-bottom:35px}
.loadmore{text-align:center;border-top:1px solid #e5e5e5;padding-top:45px;padding-bottom:25px}
.loadmore span{display:inline-block;cursor:pointer;font:bold 16px/31px Lato,sans-serif;text-transform:uppercase;color:#fff;background-color:#1baabc;padding-left:20px;padding-right:20px}
.loadmore span:hover{background-color:#000}
.pager{font:bold 16px/26px Lato,sans-serif;padding-bottom:75px;text-align:center}
.pager li{display:inline-block;margin-left:7px;margin-right:7px}
.pager a,.pager span{display:inline-block;padding-left:9px;padding-right:9px;border-width:1px;border-style:solid}
.pager a{color:#1baabc}
.pager .current span,.pager a:hover{background-color:#1baabc;color:#fff;border-color:transparent}
.pager span{color:#666;border-color:#ccc}
.pager .ellipses{color:#1baabc;border-width:0}

/* buzz page */
.ph .logo-buzz a{display:inline-block;vertical-align:middle}
.ph .logo-buzz .text{background-image:none;width:auto;height:auto;background-color:#1baabc;color:#fff;font:bold 24px/32px Lato,sans-serif;text-transform:uppercase;padding:16px 7px 2px}
.buzz{background-color:#1baabc;margin-bottom:35px}
.buzz .container-fluid{background:url(../images/buzz.jpg) right center / 565px no-repeat}
.buzz .description{color:#fff;text-transform:uppercase;font:28px/34px Lato,sans-serif;padding-top:33px;height:195px}
.buzz-header{font:bold 20px/34px Lato,sans-serif;text-transform:uppercase}
.buzz-header h1{font-size:34px;margin-bottom:15px}
.buzz-header li a{display:block;padding-bottom:15px}
.buzz-header .current{background-color:#fff;color:inherit}
.buzz-header a:hover{color:#fff}
.buzz-header .current a:hover{color:inherit}
@media (min-width: 400px) {
  .ph .logo-buzz .text {
    margin-left: 10px;
    font-size: 32px;
  }
}
@media (min-width: 768px) {
  .ph .logo-buzz .text {
    padding-top: 28px;
    margin-top: 3px;
  }
  .buzz-header h1 {
    margin-right: 35px;
  }
  .buzz-header li a {
    padding-left: 18px;
    padding-right: 18px;
  }
  .scrollHeader .ph .logo-buzz .text {
    padding-top: 16px;
    margin-top: 0px;
    width: auto;
    font-size: 24px;
  }
}
@media (max-width:767px) {
  .buzz li:first-child {
    width: 100%;
  }
  .buzz-header {
    margin-left: -15px;
    margin-right: -15px;
    flex-wrap: wrap;
  }
  .buzz-header li {
    flex-grow: 1;
    text-align: center;
  }
  .buzz-header li:first-child {
    text-align: left;
    padding-left: 15px;
    width: 100%;
  }
}

/* article page */

.sidebar {
  position: static;
}
@media (max-width: 767px) {
  .sticky {
    position: static!important
  }
}
.article-header{padding-top:10px;padding-bottom:33px}
.article-header h1{font:bold 36.5px/46.5px Lato,sans-serif}
.article-header h4{font:20.5px/28.5px Lato,sans-serif;font-style:italic}
.article-body{font-size:19px;line-height:30px;color:#000}
.article-body p,.article-body ul,.article-body ol,.article-body div{margin-bottom:30px}
.article-body h3{margin-bottom:.7em}
.article-body h2{margin-bottom:.8em}
.article-body h4,.article-body h5{margin-bottom:.6em}
.article-body .byline{color:#02061a}
.author{color:#1baabc;font-weight:700}
.article-body .byline time{color:#3c3a3a;font-weight:300}
.article-body .byline time::before{content:"|";color:#b3b4bb;font-weight:300;margin-left:5px;margin-right:10px}
.article-body a{font-weight:700;color:#1baabc}
.article-body a:hover{text-decoration-line:underline;text-decoration-style:solid;text-decoration-color:#1baabc;text-decoration-thickness:3px}
.article-body figure{padding-top:10px;margin-bottom:25px}
.article-body figcaption{font-size:15px;line-height:21.5px;color:#3b3939;padding-top:8px;padding-bottom:8px}
.article-body figcaption .credit{color:#868788}
.article-body ol,.article-body ul{margin-left:30px}
.article-body ul li{list-style:disc}
.article-body blockquote{border-left:6px solid #e5e5e5;padding-left:30px;font-style:italic;margin-left:30px}
.article-copyright{font-style:italic;font-size:16.5px;color:#363535}
.tags{font:20.5px/30px Lato,sans-serif;color:#444747;padding-top:10px}
.tags strong{display:inline-block;margin-right:10px}
.tags a{display:inline-block;padding-left:10px;padding-right:10px}
.tags a:hover{text-decoration:none;background-color:#1baabc;color:#fff}
.related{font-family:"Lato",sans-serif;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;padding-top:22px}
.article-body .related figure{width:167px;padding-top:0;margin-bottom:0;margin-right:18px}
.article-body .related a{color:#000}
.related h3{font-size:22px;line-height:22px;padding-bottom:10px}
.related h4{font-size:20.5px;line-height:30px}
.related article{padding-bottom:10px}

/* subscribe */
.subscribe-block{background-color:#6ac1d1;padding:20px 25px;margin-top:35px}
.subscribe-block h3{color:#fff;font-size:22px;line-height:25.5px;margin-bottom:5px}
.subscribe-block p{font:11px/14px Helvetica,sans-serif;color:rgba(22,21,21,.79);margin-bottom:15px}
.subscribe-block input{border-radius:0;border:0;height:33px;padding:0}
.subscribe-block input[type="text"]{color:#5f5c5c;font:10px/10px Helvetica,sans-serif;background-color:#fff;text-indent:15px;flex:1}
.subscribe-block input[type="submit"]{background-color:#000;color:#fff;font:bold 14px/33px Helvetica,sans-serif;width:118px;text-align:center;cursor:pointer;margin-left:5px}

/*social button NEW*/
.at-sns-v{opacity:.9}
.at-sns-h{width:100%;overflow:hidden;height:40px;margin-bottom:15px}
.at-sns-v .plus,.at-sns-v .close{background:#1baabc;border-radius:100%;width:30px;height:30px;display:inline-block;vertical-align:middle;cursor:pointer;position:relative}
.at-sns-v .plus .icon-plus,.at-sns-v .close .icon-cancel{display:block;width:16px;height:16px;background-repeat:no-repeat;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.at-sns-v .plus .icon-plus{background-image:url(../images/icon-split.png);background-position:-255px -32px}
.at-sns-v .close .icon-cancel{background-image:url(../images/icon-split.png);background-position:-279px -32px}
.at-sns-v .close{float:none;opacity:inherit}
.bts_social .ico{background:url(../images/social_desktop.gif) no-repeat 0 0 #000;width:40px;border-radius:100%;height:40px;display:inline-block;text-indent:-9999px}
.bts_social .ico:hover{opacity:.8}
.bts_social .fb{background-position:0 0}
.bts_social .tw{background-position:-40px 0}
.bts_social .g{background-position:-80px 0}
.bts_social .in{background-position:-120px 0}
.bts_social .rd{background-position:-160px 0}
.bts_social .email{background-position:-200px 0}
.bts_social .whats{background-position:-240px 0}
.bts_social .stu{background-position:-280px 0}
.bts_social .digg{background-position:-320px 0}
.bts_social .comt{background-position:-360px 0}
.at-sns-v .plus,.at-sns-v .close{margin-top:3px;margin-bottom:3px}
.bts_social li{padding-top:3px;padding-bottom:3px}
@media (min-width: 768px) {
  .article-body figure {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width:1280px) {
  .at-sns-v {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    text-align: center;
  }
  .at-sns-v .plus, .at-sns-v .close {
    margin-left: 3px;
    margin-right: 3px;
  }
  .bts_social li {
    padding-left: 3px;
    padding-right: 3px;
  }
}
@media (min-width: 1460px) {
  .at-sns-v {
    left: 25px;
  }
}
@media (max-width: 1279px) {
  .at-sns-v {
    margin-bottom: 35px;
  }
  .social_more, .bts_social li {
    display: inline-block;
    vertical-align: middle;
  }
}

/* footer */
.pf{background-color:#828282;color:#fff;font-family:"Lato",sans-serif;padding-top:35px;padding-bottom:35px}
.pf a:hover{color:#4EDDEF}
.pf .social-facebook:hover{background-image:url(../images/social_facebook.svg)}
.pf .social-facebook{background-image:url(../images/social_facebook2.svg)}
.pf .social-twitter:hover{background-image:url(../images/social_twitter.svg)}
.pf .social-twitter{background-image:url(../images/social_twitter2.svg)}
.pf .logo a{background-image:url(../images/logo2.svg);width:89px;height:53px}
.pf ul{font-weight:700;text-transform:uppercase}
.pf li{display:inline-block}
.pf .list1{font-size:20px}
.pf .list2{color:rgba(255,255,255,.7);font-size:15px}
.pf .copyright{color:rgba(255,255,255,0.5);font-size:15.5px;padding-top:2px}
@media (min-width: 992px) {
.pf ul{text-align:center}
.pf li{padding-left:15px;padding-right:15px;padding-bottom:8px}
.pf .socials{text-align:right}
.pf .copyright{padding-bottom:19px}
}
@media (max-width: 991px) {
.pf .logo,.pf ul{padding-bottom:10px}
.pf li{padding-top:10px;padding-bottom:10px;padding-right:30px}
}

.article-body .imageLeft{float:left;padding-right:15px;margin-bottom:15px}
.article-body .imageLeft .caption{margin-bottom:2px;font-size:15px;line-height:21.5px;color:#3b3939}
.article-body .imageNone .caption{font-size:15px;line-height:21.5px;color:#3b3939}
.aff-button{text-align:center; margin-bottom: 15px;}
.aff-button a{display:inline-block;padding:15px 30px;border-radius:3px;background-color:#ed2939;border-bottom:2px solid #b31724;color:#fff;font:bold 20px/20px Helvetica,Arial,sans-serif;text-decoration:none}
.aff-button.yellow a{background-color:#ffc700;border-bottom:2px solid #dca300;color:#fff}
.aff-button.left {text-align:left;}
.aff-button.right {text-align:right;}
.aff-button a:hover{text-decoration:none}
.imagePrice{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}
.article-body .imagePrice figure{width:50%}
.imagePrice figure img{width:auto}
@media (max-width: 768px) {
  .imagePrice{display:block}
  .imagePrice figure{margin-left:auto;margin-right:auto}
}
table.GeneratedTable{width:100%;background-color:#FFF;border-collapse:collapse;border-width:2px;border-color:#FFCC00;border-style:solid;color:#000}
table.GeneratedTable td,table.GeneratedTable th{border-width:2px;border-color:#FFCC00;border-style:solid;padding:3px; text-align: center;}
table.GeneratedTable thead{background-color:#FFCC00}  
.GeneratedTable img{ max-height: 250px; margin:0 auto;}