* {
    -webkit-tap-highlight-color: rgba(0,0,0,0) !important; /* make transparent link selection, adjust last value opacity 0 to 1.0 */
}

html,body {
    -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
    /*-webkit-user-select: none; */                 /* prevent copy paste, to allow, change 'none' to 'text' */
}
p,a{-webkit-font-smoothing: antialiased;}
a{transition: all .3s ease;}
a:hover,.post_box a:hover>h3,.text-inherit:hover{text-decoration: none;color: #0088CC;color: var(--mainlight)}
a.text-dark:hover,a.text-color-dark:hover,a.text-color-default:hover,a:hover .hover_primary,a:hover h4,.material_list a:hover p{color:#0088CC !important;color: var(--mainlight) !important}
a.text-light:hover{color: #0088CC!important;color: var(--mainlight)!important}
.text-second{color:#cfb08b !important;color: var(--second) !important}
.text-second.dk{color:#9a846c!important;color:var(--seconddark)!important}
.dropdown-menu{background-color: #fff}
.text-inherit{color: inherit;}
.bg-mainlight{background-color: #0088CC;background-color: var(--mainlight);}
.text-blue{
  color: #0088CC;
  color: var(--mainlight);
}
.bg-gery{background-color:#e6ecf3 !important}
.btn,.btn:hover,.btn:focus{color:#fff;}
.btn.bg-gery{color: #03234a;}
.btn.btn-primary.add{background-color: #0088CC!important;background-color: var(--mainlight) !important;border-color:#0088CC;border-color:var(--mainlight)}
.pos_r{position: relative;display: block}
.min-100{height: 100%;}
.title-4{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:4;
  -webkit-box-orient: vertical;
}
.title-5{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:5;
  -webkit-box-orient: vertical;
}
#header .header-column.flex-js{
  justify-content: flex-end
}
.header-nav-bar > .container{padding:0;}
.header_ad{
  max-height: 100px;
  overflow-y: hidden;
  max-width: 750px;
}
#tagcloud,#tagcloud  svg {min-height: 350px;width: 98%;}
#step_chart{width: 90%;height:500px;margin:0 auto;}
#tagcloud a{
  padding: 3px 10px;
  line-height: 1.3;
  display: inline-block;
  margin: 2px;
  color: #fff;
  border-radius: 4px;
}
.anychart-credits-text,.anychart-credits-logo{display: none}
#tagcloud a:hover{color:#fff;filter: brightness(.95);}
.Tag-sponsor{
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 2;
    color: #fff;
    text-shadow: 0 0 10px #000;
    font-weight: 600;
    border: 1px solid #fff;
    background-color: rgba(0, 0, 0, .1);
    padding: 0px 4px;
    font-size: 8px;
    line-height: 1.8;
}
.header_ad .Tag-sponsor{bottom: 21px;right: 20px;}
#header .header-nav.header-nav-stripe nav > ul > li > a{padding: 0 1rem;border-right:none;}
#header .header-nav-bar:not(.bg-primary) .header-nav.header-nav-stripe nav>ul>li>a {
  margin-right: 14px;
}
/* #header .header-nav.header-nav-stripe nav > ul > li:first-child > a{padding-left: 0} */
.container-large,#header .container-large{max-width: 75vw !important;
    margin: 0 auto;
    padding-right: 15px;
    padding-left: 15px;
}
a:not([href]):not([tabindex]){cursor: pointer;}
.cover.avatars{width: 25px;height: 25px;border-radius: 50px;display: inline-block;vertical-align: bottom;}
.thumb-info img{opacity: .65}
.thumb-info .thumb-info-wrapper{background: #222;}
.custom-bar {
  position: relative;
  font-size: 24px;
}
.custom-bar:before{
    content: '';
    display: block;
    position: absolute;
    bottom: -12px;
    width: 100%;
    border-bottom: 1px solid #ddd;    
}
.custom-bar:after {
  content: '';
  display: block;
  position: absolute;
  bottom: -13px;
  width: 45px;
  border-bottom: 3px solid #212529;
}
.custom-bar._left:after {
  left: 1px;
}
.custom-bar._center:after {
  left: initial;
  right: 1px;
}
.custom-bar._center:after {
  left: 50%;
  transform: translateX(-50%);
}
.custom-bar._right:after {
  left: initial;
  right: 1px;
}
.custom-bar.text-color-light:before{
    content: '';
    display: block;
    position: absolute;
    bottom: -12px;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);    
}
.custom-bar.text-color-light:after {
  content: '';
  display: block;
  position: absolute;
  bottom: -12px;
  width: 45px;
  border-bottom: 3px solid #fff;
}
.caption {
    color: rgba(0,0,0,.5);
    border-top: 1px solid #bebebe;
    border-bottom: 1px solid #bebebe;
    margin-bottom: 15px;
}
.caption>span, .caption>time {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem;    
    margin-bottom: 0;
    font-size: 13px;
}
.caption time {
    padding-left: .5rem;
    float: right;
    min-width: 104px;
    min-width: 6.5rem;
    border-left: 1px solid #bebebe;
}
.post_time{
    position: absolute;
    background-color: rgba(0,0,0,0.5);
    padding: 4px 12px;
    color: #fff;
    bottom: 0;
    min-width: 40%;
}
.circle{border-radius: 100px;}
.post-author .cover{
  width: 45px;height: 45px;border-radius: 100px;
}
.ask_box{/* border: 1px solid #dcdcdc; */background-color:#fff;padding: 15px;margin-top: 20px;border-radius:6px;}
.ask_box .btn-primary{border-width: 1px}
.ask_box h4{font-weight: 500;}
.social{
  position: relative;
  border-top: 1px solid #DADADA !important;
  padding-top:10px; 
  margin: 15px 0 10px;
  display: flex;
  justify-content: space-between;
}
.social a{
  color: #666;
  padding: 5px 12px 5px 0;
}
.social ul li a{
  padding: 0px
}
.btn_share.show{color:#0088CC;}
.float-social{
  display: none;
  position: absolute;
  background: #fff;
  border-radius: 50px;
  right: 0;
  top: -70px;
  box-shadow: 0px -1px 10px rgb(0 0 0 / 0.1);
}
.float-social.show{display: block}
ul.page-social li a{
  color: #666;
}
ul.page-social li{
  list-style: none;
  margin-bottom: 15px;
  font-size: 15px;
}
ul.page-social.mg-xs li{margin-bottom: 5px;text-align: center}
ul.page-social.mg-xs li i{margin-right: 0px}
ul.page-social li a i{font-size: 20px;margin-right: 6px}
#tagcloud  svg + .anychart-credits{display: none !important}
.cart-info{position: relative;}
.cart-info .cart-qty{
      position: absolute;
    top: -12px;
    right: -10px;
    width: 18px;
    height: 18px;
    display: block;
    font-size: 9px;
    font-weight: 600;
    color: #fff;
    background-color: #ed5348;
    text-align: center;
    line-height: 18px;
    border-radius: 20px;
}
.thumb-info-wrapper .thumb-info-title,.thumb-info:hover .thumb-info-title,.thumb-info-wrapper >a .thumb-info-type{background-color: transparent;}
.thumb-info-wrapper >a{
  position: absolute;
  right: 10px;
  bottom: 13%;
  padding-bottom: 13px;
}
.btn.bg-gery.btn-sm.mr-2:hover{background-color: #022349 !important;background-color: var(--main) !important;color: #fff}
.fix_bottom{
  position: fixed;
  width: 100%;
  bottom: 0px;  
  background: rgba(255, 255, 255, .9);
  z-index: 1999;
}
.fix_top{
  z-index: 1999;
  top: 0;
  width: 100vw !important;
}
.term_alert{  
  border-bottom: 3px solid #cfb08b;
  border-bottom: 3px solid var(--second);
  padding: 17px 0;
  background-color: #ffffff;
}
#bottom-nav {
    display: block;
    margin: 20px 0 10px;
}
#bottom-menu li{display: inline-block;margin: 0 14px;text-align: center; width: calc((100% - 126px ) / 11);}
#bottom-menu li:first-child{margin-left: 0px;}
#footer #bottom-menu li a:not(.btn),#footer ul.list-unstyled li a{color: #fff!important;font-size: 14px;margin-bottom: 10px;opacity: .7;font-weight: 600;}
#footer p{color: #fff !important;font-size: 14.5px;margin-bottom: 10px;font-weight: 600;}
#footer #bottom-menu li a:not(.btn):hover, #footer ul.list-unstyled li a:hover{opacity: 1}
#footer ul.list-unstyled li{margin-bottom: 10px;}
#footer .kp-newsletter-widget {color:#cfb08b !important;color:var(--srcond) !important;opacity: .9}
#footer .kp-newsletter-widget .border-right{border-color:#cfb08b !important;border-color:var(--srcond) !important;}
#footer .heading.heading-middle-border h4{background-color: #21252a}
#footer .col-lg-3 .footer_name{text-align: justify; height: 23px;/*  font-size: 22px; */}
#footer .col-lg-3 .footer_name:after {
  content: "";
  display: inline-block;
  width: 100%;
}
#footer .owl-carousel .owl-item a{font-size: 16px;height: 278px;}
#footer .contact_data p{font-size: 12px}
#bottom-sidebar ul li {
    list-style: none;
    margin: 5px 25px;
}
#footer .border-top{border-top:1px solid #5e5e5e !important;}
#footer #bottom-menu li .cover{height: 60px;margin: 0 auto;}
#footer .cover{height: 60px;margin: 0 auto;border-radius: 50px;}
#footer .f_partner a{padding: 15px;border-radius: 3px}
#footer .f_partner a h4{color:#666;font-weight: 600;font-size: 15px}
#footer .f_partner a p{color:#666 !important;font-weight: 400;font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
#footer .contain{height: 100px;width:150px;background-size: contain;background-position: center;background-repeat: no-repeat;margin:0px auto 25px;}
#footer .owl-item{text-align: center;}
#footer .owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span{background-color:#2babea;}
#footer .container.big .col-lg-3{
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}
#footer .container.big .col-lg-9{
  -ms-flex: 0 0 80%;
  flex: 0 0 80%;
  max-width: 80%;
}
.buy_set{
  position: relative;
  width: 100%;
  display: block;
  margin-bottom: 25px;
  padding-bottom: 45%;
}
.title_name{
  position: absolute;
  right: 25px;
  top:20%;
}
.thumb-info .thumb-info-type.btn-secondary{
  background-color: #cfb08b;
  border-color:#cfb08b;
  background-color: var(--second);
  border-color: var(--second);
}
html .slide-overlay-secondary .slotholder:after {
  background-color: #cfb08b !important;
  background-color: var(--second) !important;
}

html .slider-container .tp-caption-overlay-secondary {
  background: #cfb08b;
  background: var(--second);
}

html .slider-container .tp-caption-overlay-opacity-secondary {
  background: rgba(207, 176, 139, 0.4);
}

html .tp-bullets.bullets-color-secondary .tp-bullet:hover,
html .tp-bullets.bullets-color-secondary .tp-bullet.selected {
  background: #cfb08b;
  background: var(--second);
}
.activity{
    background-color: #d0bca6;
    padding: 0 10px 10px 10px;
    color: #fff;
    border-radius: 4px;
}
.list.hot-click li,.activity .list-unstyled li{
  border-bottom: 1px solid #DADADA !important;
  padding-left: 30px;
  padding-bottom: 5px;
  margin-bottom: 10px;
}
.activity .list-unstyled{
  background-color: #fff;
  border-radius: 5px;
  padding: 10px 10px 5px;
  margin-bottom: 0;
}
.activity .list-unstyled li{padding-left: 0;padding: 4px 0;}
.list.hot-click li:before{
  font-size: 32px;
  font-weight: 300;
  color: #cfb08b;
  color: var(--second);
  top: 13px;
}
/* .custom-mb{margin-bottom: 13px;} */
.box_ad img{margin: 0 auto; display: block; width: 100%;}
.material_list li{
   background-color:rgba(255, 255, 255, .7);
    padding: 10px 15px;
    list-style: none;
    /* border-bottom: 1px solid #DADADA !important; */
    margin-bottom: 8px;
    border-radius: 4px;
}
.material_list li:last-child,.activity .list-unstyled li:last-child,.list.hot-click li:last-child{border-bottom: none !important;}
.activity .list-unstyled li:last-child{margin-bottom: 0;}
.right_side .custom-bar:before{
  width: calc(100% - 15px);
}
.thumb-info-caption-text{position: relative;}
.Tag-sponsor.article{bottom: 14px;color: #b5946d;line-height: 1.6; font-weight:400;border: 1px solid #b5946d;background: transparent;padding: 0px 8px; border-radius: 4px;text-shadow: none;}
.form-control {
    border: 1px solid #e1e1e1;
    background-color:#fff;
    height: 45px;
    box-shadow: none;
    -webkit-appearance: none;
}
select + span:before{
  content: " ";
    position: absolute;
    top: calc(50% - 9px);
    right: 30px;
    border-color: #CCC;
    border-top: 1px solid;
    border-right: 1px solid;
    width: 8px;
    height: 8px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: top 0.3s, -webkit-transform 0.3s;
    transition: top 0.3s, -webkit-transform 0.3s;
    transition: transform 0.3s, top 0.3s;
    transition: transform 0.3s, top 0.3s, -webkit-transform 0.3s;
    -webkit-transform: rotate(135deg) translate3d(0, -50%, 0);
    transform: rotate(135deg) translate3d(0, -50%, 0);
    -webkit-transform-origin: 35%;
    transform-origin: 35%;
}
.post_contain .post_box{
  min-height: 427px
}
.col-xl-70 .post_contain .post_box{
  min-height: 315px
}
.col-xl-70 .dots-morphing .post_box{
  min-height: 270px;
  margin-bottom: 5px;
}
.post_box{
  position: relative;
  display: block;
  background-color: #fff;
  border-radius: 4px;
  padding: 15px;
  margin-bottom: 25px;
  transition: all .3s ease;
}
.post_box a:hover h4{color: #0088CC; color: var(--mainlight);}
.post_box p{line-height: 2}
.post_box .title-2,.video_box .title-2{/* min-height: 66px; */line-height: 1.55; font-weight: 400;}
.post_box > a+div.mb-3{border-bottom: 1px solid #eee;padding-bottom: .5rem;}
.post_box > a:nth-last-child(2)+div{border-bottom: none}
.post_box.cate .title-2{min-height: auto}
.post_box.cate .row{min-height: 139px}
a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover{color: #fff;background: #0088CC!important;background: var(--mainlight) !important;}
.post_box .post_date{
  position: absolute;
  bottom: 12px;
}
#contentSearch{height: 45px}
/* .simple-search {border: 1px solid #e1e1e1; border-radius: 50px;} */
.video_tag li{
  padding:5px 20px;
  border-radius: 25px;
  color: #022349;
  color: var(--main);
  margin-right: 5px;
  background-color:#dbe1e7;
  transition: all 0.3s ease;

}
.video_tag li a{color: #022349;color: var(--main);font-size: 14px;}
.video_tag li.active,.video_tag li:hover{background-color: #022349;background-color: var(--main)}
.video_tag li.active a,.video_tag li:hover a{color: #fff;}
del{color: #9d9d9d}
.font-weight-500{font-weight: 500}
.breadcrumb{background-color:transparent;margin-top: 7px;}
.breadcrumb li a{color:#022349;color:var(--main);font-weight: 600}
.breadcrumb-item.active{
  width: calc(100% - 204px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#printf{height: 2px;opacity: 0;display: contents;}
.share{
    width: 40px;
    height: 40px;
    line-height: 45px;
    border-radius: 5px;
    margin:5px;
    text-align: center;
    background-color: #444;
    display: inline-block;
    color: #fff!important;
}
.share i{font-size: 26px}
.share i.la-facebook-f{font-size: 20px;}
.share.fb{background-color: #45629e;}
.share.line{background-color: #00b900;}
.share.line img{margin-bottom: 5px;}
.share.mail{background-color: #cf493b}
.share.print{background-color: #c31d26}
.share:hover{background-color: #262424}
.share.fb:hover{background-color: #304c87;}
.share.line:hover{background-color: #00b900;}
.share.mail:hover{background-color: #b83527;}
.share.print:hover{background-color: #b0050f;}
.change_size .btn { border: 1px solid #ddd;line-height: 1;color: #444;min-width: auto}
.detail_area{font-size: 16px}
.detail_area.fs ,#fs{font-size: .9em;line-height: 2}
.detail_area.fm ,#fm,.single-article{font-size: 1.1em;line-height: 2}
.single-article img,.testimonial .testimonial-author + div img{max-width: 100%; height: auto;margin-bottom: 10px;}
.author_box .testimonial .testimonial-author .testimonial-author-thumbnail{border: 4px solid #d9d9d9; border-radius: 50%;margin-right: 10px}
.author_box .testimonial .testimonial-author p{color:#5d5d5d;font-weight: 500;}
.detail_area.fl ,#fl{font-size:1.6em;line-height: 2}
.detail_area.fl h3,.detail_area.fm h3,.detail_area.fs h3{font-size: 1.7rem !important;margin-bottom: 15px;}
#fs,#fm,#fl{line-height: 1.4}
.detail_area > *{font-size: 1em !important;}
.detail_area.free_area > *{
    color: #8f8f8f;
    font-weight: 500;
    line-height: 2.2;}
.else_article a:hover > *{ color: #0088CC;color: var(--mainlight); }
.share{margin-top: 10px;}
.entry-date{
  position: absolute;
  bottom: -10px;
  text-align: center;
  right: 20px;
  line-height: 1.4;
}
.noallow{margin: 50px auto;}
.noallow .btn-primary{min-width: 133px;margin:0 3px }
#reference {margin-bottom: 30px}
#reference .card-title a{padding-left: 25px;position: relative;font-size: 17px;line-height: 1.3;}
#reference .card-title a:before{
    content: "•";
    font-size: 32px;
    line-height: 1;
    position: absolute;
    top: 6px;
    left: 5px;
}
#reference .card-body{padding: 10px 15px;background-color: #fff;margin-bottom: 15px}
.card-title .accordion-toggle[aria-expanded="true"]{
  background-color: #022349;background-color: var(--main);
  color: #fff;
}
.author_box + .col-md-12> hr{margin-top: 0}
.main-video{margin-bottom: 20px}
/* .main-video iframe{display: none} */
.play-btn {
  position:absolute;
  z-index:3;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  background-color:transparent;
  border:0;
  background-color: #cfb08b;
  background-color: var(--second);
  width: 6rem;
  height: 6rem;
  border-radius: 50px;
  box-shadow: 0 0 0px 4px #c8ab89;
  border: 3px solid #fff;
}
.play-btn i{font-size: 1.8rem;line-height: 5.8rem;color:#fff;}
.play-btn:hover,.video_box .thumb-info {
  cursor:pointer;
}
.video_box .title-2{min-height: 60px;}
.video-cover{
    padding-top: 53.7%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 20px;
}
.first_row{background-color:#b8a288}
.btn-clear{
  background-color: #e1e1e1;
  color: #444;
  line-height: 1.8;
  font-size: 14px;
  margin-left: 15px;
  width: 125px;
}
.btn-clear:focus{color: #444;}
.btn-search{
  background-color: #022349;
  background-color: var(--main);
  color: #fff;
  line-height: 1.8;
  font-size: 14px;
  margin-left: 15px;
  width: 100px;
}
.btn-search:hover{background-color: #0088CC;background-color: var(--mainlight);color:#fff;}
.btn-clear:hover{background-color: #999;color:#fff;}
.member-table{margin-top: 15px;}
.member-table th{margin-top: 10px;height: 60px;font-weight: 500; background-color: #efefef;/* color:#fff; */vertical-align: middle;text-align: center;}
.table_quotes tr{transition: all 0.3s ease}
.table_quotes tr:hover{background-color: #fff}
.table_quotes td:first-child,.table_quotes th:first-child{text-align: left;}
.table_quotes th{height: 60px;font-weight: 500; background-color: #b8a288;color:#fff;font-size: 1.2em;vertical-align: middle;text-align: center;}
.table_quotes td{min-height:60px;text-align: center;font-size: 1rem;vertical-align: middle;}
.input-group-prepend .input-group-text{background-color: #e1e6eb;border:none;}
.btn-chart{background-color: #ca5344}
.btn-edit{background-color: #0088CC}
.activity_table{background-color: #fff;border-left:8px solid #cfb08b;border-left:8px solid var(--second);margin-bottom: 25px}
.activity_table th{padding:.5rem 1rem .5rem 1.75em;border-right: 1px solid #eee;min-width: 90px;vertical-align: middle;}
.gamp-box{height: 400px;padding: 10px;margin-bottom: 15px;}
.gamp-box iframe{width: 100%;height: 100%;padding: 0;}
.data-content img{display: block; max-width: 100%;height: auto;margin-bottom: 15px}
.table-cart td{text-align: right;font-size: 18px;font-weight: 600;border:none;}
.table-cart tr{border-bottom: none;}
.table-cart th{font-size: 16px;font-weight: 400;border:none;}
.dollar{
  width: 22px;
  height: 22px;
  line-height: 22px;
  display: inline-block;
  background-color: var(--second);
  text-align: center;
  color: #fff;
  border-radius: 50px;
  font-weight: 900;
  margin-right: 4px;
}
.num_dollor{
  position:absolute;
  bottom: 10px;
  right: 16px;
}
.shop_list .bg-white{
  position: relative;
  min-height: 217px;
}
.round-xs{border-radius: 4px}
.round-sm{border-radius: 8px}
.divider > span{
  position: absolute;
  left: 6px;
  right: 0;
  bottom: -16px;
  padding: 5px 12px 5px 0;
  background-color: #fff;
  width: 100px;
  font-size: 18px;
  font-weight: 600;
}
.input-group-text.h-45.w-104{min-width: 104px;height: 45px;}
.search-cate{
  position: absolute;
  bottom: 12px;
  right: 15px;
}
.search-cate.btn-outline{border-width: 1px}
.login-bg{
  min-height: calc(100vh - 225px)
}
.modal-title{text-align: center;margin: 0 auto;padding-left: 10px;font-weight: 600;}
.modal-header .close{margin: -1rem -1rem -1rem;}
.user_cover{background-size: cover;background-position: center;background-repeat: no-repeat;
    width: 32px;height:32px;margin-right: 10px;margin-top: 4px;border-radius: 50%;}
.user_cover.big{width: 120px;height:120px;margin: 5px auto;overflow: hidden;background-color: #fff;}
.userimg{width: 120px;height:120px;background-size: cover;background-position: center;border-radius: 100px;}
.profile-image-change-text {
    position: relative;
    text-align: center;
    background: rgba(0,0,0,.5);
    font-size: 12px;
    bottom: 0;
    color: #fff;
    display: block;
    height: 40px;
    line-height: 32px;
    right: 0;
    bottom: -87px;
    width: 100%;
    z-index: 3;
}
.form-check-inline .form-check-input{transform: scale(1.3);margin-right: .5125rem;}
.form-check-inline{margin-right: 1.2rem;}
#alert.modal h5{font-weight: 400;line-height: 1.6;}
.alert_box{background-color: #cfb08b;background-color: var(--second);width: 70px;height: 70px;line-height: 80px;display: inline-block;text-align: center;color: #fff;}
.alert_box i{font-size: 32px}
.alert_box+span{transform: translateY(-4px); display: inline-block;}
.list-member-menu{ background-color: #fff; padding: 0;border-radius: .25rem;overflow: hidden;}
.list-member-menu li{position: relative;list-style-type: none;border-bottom: 1px solid rgba(0, 0, 0, 0.06);}
.list-member-menu li:last-child{border-bottom:none;}
.list-member-menu li a{color: #4b4b5a;font-size: 16px;padding: .75rem 1rem; display: block;}
.list-member-menu li.active,.list-member-menu li:hover,.list-member-menu li.active:hover,.dropdown-item.active, .dropdown-item:active{background: #022349;background: var(--main);}
.list-member-menu li.active a,.nav-pills .dropdown-item.active,.nav-pills .dropdown-item:active{ color: #ffffff !important;font-weight: 700 !important}
.header-nav-bar .list-member-menu li.active a,
.header-nav-bar .nav-pills .dropdown-item.active,
.header-nav-bar .nav-pills .dropdown-item:active {
  color: #2151fd !important;
}
.nav-pills .dropdown-item:hover{font-weight: 700}
.list-member-menu li:hover {background-color: #f6f6f6}
.border-bottom.lt{border-bottom: 1px solid #f6f6f7 !important;}
.list-member-menu li .badge{
    position: absolute;
    right: 13px;
    top: 16px;
    padding: 5px 10px;
    border-radius: 2.5rem;
    background: #022349;
    letter-spacing: 1px;
    background: var(--main);
}
.list-member-menu li.active .badge{
    background: #fff;
    color: #022349;color: var(--main);
}
[data-target="#info"] i{font-size: 20px;transform: translateY(2px);}
.invite_table tr td,.buy_table tr td{vertical-align: middle}
.invite_table tr th:first-child,.invite_table tr th:last-child,.invite_table tr td:first-child,.invite_table tr td:last-child{text-align: center;}
.table-hover tbody tr:hover{background-color: rgb(0 0 0 / 0.03)}
.buy_table .btn-primary.disabled,html .btn-primary.disabled, html .btn-primary:disabled{background-color: #c9c9ca; border-color: #c9c9ca; color: #000;}
.buy_table th:nth-last-child(3),.buy_table td:nth-last-child(3){text-align: center;}
.table-hover  tr.discount,.table-hover tr.discount:hover {color: #db6960}
.btn-group-lg input{min-height: 70px;}
.card-title h4{font-weight: 600}
.ask_list.in_member .ask_box:first-child{margin-top: 0;border-radius: 0 0 6px 6px}
.ask_list .ask_box:first-child{margin-top: 0;}
.ask_list.in_member .ask_box{padding:20px }
.ask_list.in_member .ask_box .title-2{width: 100%}
.ask_list.in_member .reply .post-author{flex:0 0 12%;}
.ask_list.in_member .reply .post-author ~.pl-lg-3{flex:0 0 88%;}
.ask_list.in_member .reply .post-author .img-thumbnail{float: none;margin-right: 0}
.ask_list.in_member .reply .post-author .cover{width: 70px;height: 70px;margin: 0 auto;}
.like .la-heart,.like .la-bookmark{font-weight: 400}
.like.add .la-heart{font-weight: 900;color: #d53327}
.like.add .la-bookmark:before{
  font-size: 13px !important;
    font-family: "Font Awesome 5 Free";
    content: "\f02e";
    font-weight: 900;
    color: #2588cc;
    margin: 0 4px;
    transform: translateY(-1px);
    display: inline-block;
}
.chat_bg{
  position: relative;
  background: rgb(198 174 144 / 0.15);
  color: #4b4b5a;
  padding: 7px;
  border-radius: 6px;
  border: 1px solid #ddc8ae;
}
.link_people .cover{
  width: 100px;
  height: 100px;
  border: 3px solid #fff;
  margin: 0 auto 5px;
}
.link_people.owl-carousel .owl-nav{top: 50px}
.link_people.owl-carousel .owl-nav button[class*="owl-"]{
    background-color: #03234a;
    border-color: #03234a;
    color: #FFF;
}
.link_people .user-data{flex:0 0 30%;}
.link_people.side .user-data{flex: 0 0 70%;}
.link_people .user{
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06)
}
.link_people.side .cover{width: 80px; height: 80px;}
.date-right{float: right}
[role="search"]{border: 1px solid #e1e1e1; border-radius: 25px;}
[role="search"] .fa-search,[btn="button"] .fa-search{color: #444}
.tag_class{ display: none;}
.c-tabs label{    
  flex: 1;
  padding: 10px 0;
  text-align: center;
  color: #022349;
  border: 1px solid #022349;
  border-left-width: 0;
}
.tag_class + label{
  background-color: #f0f5fc;
  font-size: 0.8rem;
  padding: 0.3rem 0.65rem;
  color: #444;
  min-width: 80px;
  border-radius: 2px;
  margin-right: 5px;
  text-align: center;
}
.tag_class:checked + label {
    color: #fff;
    background: #022349;
}
.divider p{
  background: #FFF;
  display: inline-block;
  padding: 5px 20px;
  transform: translateY(-17px);
  color: #999;
}
.d-flex .post-author{flex:1;}
.inpage .ask_box:first-child{border-radius: 6px 6px 0 0 }
.inpage .ask_box:nth-child(2){border-radius: 0 0 6px 6px }
.readmore_box{
  overflow: hidden;
  background-size: contain;
  mask-image: -webkit-gradient(linear, left 85%, left 95%, from(black), to(rgba(0, 0, 0, 0)));
  -webkit-mask-image: -webkit-gradient(linear, left 85%, left 95%, from(black), to(rgba(0, 0, 0, 0)));
  padding-bottom: 100px;
}
.readmore {
    border: 1px solid #0088CC;
    border-radius: 50px;
    padding: 5px 8px;
    background-color: #f4f4f4;
    font-weight: 400;
    width: 150px;
}
.about_content img{
  max-width: 100%;
  margin: 10px auto;
  display: block
}
.feature-box .feature-box-icon{width: 100px;height: 100px;}
.site_title{
    border-bottom: 1px solid #ddd;
    color: #000;
    background-color: #fff;
    font-size: 16px;
    display: block;
    font-weight: 500;
    margin-bottom: 15px;
    position: relative;
}
.site_title p{
    margin-bottom: 0;
    margin-top: 25px;
    padding: 10px 15px;
}
.site_title:before {
    content: "";
    width: 10px;
    height: 1px;
    background-color: #000;
    display: block;
    position: absolute;
    right: 10px;
    top: 18px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.site_title:after {
    content: "";
    width: 10px;
    height: 1px;
    background-color: #000;
    display: block;
    position: absolute;
    right: 10px;
    top: 25px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
ul.custom{list-style: none}
ul.custom li{position: relative;padding-left: 20px;margin-bottom: 5px;}
ul.custom li a{color: #656565}
ul.custom li a:hover{color: #da7940;color: var(--mainlight)}
ul.custom li:before{
    content: "";
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #656565;
    position: absolute;
    top: 12px;
    left: 0;
}
.userimg+.pl-sm-3 > span{display: inline-block;position: relative;padding:0 8px }
.userimg+.pl-sm-3 > span.text-light:before{
    content: '';
    position: absolute;
    height: 16px;
    border-right: 1px solid #fff;
    left: 0px;
    top: 5px;
}
.userimg~.pl-sm-3 span:nth-child(2),.userimg~.pl-sm-3 span:last-child{padding-left: 0}
.userimg~.pl-sm-3 span:nth-child(2):before,.userimg~.pl-sm-3 span:last-child:before{
  content: none;
}
[data-target="#info"] i{cursor: pointer;}
.page-header.member .parallax-background{
  filter: hue-rotate(-40deg);
}
#modal_ad .close,#modal_sys .close{
  position: absolute;
  z-index: 2;
  background-color: #fff;
  border-radius: 25px;
  opacity: 1;
  padding: 5px;
  right: -10px;
  top: -10px;
}
#modal_sys .modal-dialog,#modal_ad .modal-dialog{}
.modal{z-index: 2001;}
.modal-backdrop{z-index: 2000}
.article_type{flex-basis: calc(100% - 104px);}
.article_type .custom-control{display: inline-block;min-width: 114px;}
.custom-file-label::after{content: '';background-color: #fff;border-left: none;}
.custom-file-label{
    min-height: 45px;
    line-height: 32px;
}
.input-group-text{min-height: 45px;}
.owl-item .btn.btn-clear{width: 100%;}
.copy_btn{
  border: 1px solid #cfb08b;
  border: 1px solid var(--second);
  color: #9a846c !important;
  color: var(--seconddark) !important;
  padding: 2px 12px;
  border-radius: 25px;
  font-size: 14px;
  cursor: pointer;
}
#copyalert2{
  opacity: 0;
  position: absolute;
  bottom: -8px;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  background: #cfb08b;
  width: 100px;
  color: #fff;
  border-radius: 25px;
  padding: 3px;
}
#copyalert2:before{
  content: "";
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #cfb08b;
  position: absolute;
  top: -1px;
  left: 50%;
  transform: translate(-50%,-50%);
}
.expired td, .expired a.text-dark{
  background-color: #f6f6f6;
  color: #999 !important;
  /* text-decoration:line-through; */
}
.expired td:last-child{color:#F44336 !important;}
.vip{
  display: inline-block;
  border: 1px solid #cfb08b;
  color: #c2a27c;
  padding: 1px 5px;
  border-radius: 15px;
  font-weight: 600;
  line-height: 1.5;
}
.pin-wrapper{height: auto !important;}
.fix_hide{display: none;} 
.icon_box{
  width: 26px;
  height: 26px;
  background-color: #fff;
  border-radius: 25px;
  text-align: center;
  line-height: 26px;
  color: #212529;
}
.bg-yellow.lt.line-height-3{word-break: break-all;}
#footer .f_company_name{text-align: justify; height: 23px;/*  font-size: 22px; */}
#footer .f_company_name:after {
  content: "";
  display: inline-block;
  width: 100%;
}
.adimin_text > *,.adimin_text > *>*,.adimin_text > *>*>*{font-family:Microsoft JhengHei, "Didact Gothic", Open Sans, Myriad, Aria, sans-serif !important}
#footer .footer_name.address{min-height:65px}
.attention{
  border: 1px solid #022349;
  border: 1px solid var(--main);
  border-radius: 25px;
  color:#022349 ;
  font-size: 13px;
  padding: 2px 5px;
  font-weight: 500;

}
[search="options"]{display: none;padding-left: 0;}
[search="options"].show{  
  position: absolute;
  top: calc(100% + 2px);
  left: 10px;
  display: block;
  list-style: none;
  background: #fff;
  width: calc(100% - 45px);
  box-shadow: 0 0 20px rgb(0 0 0 / 10%);
  z-index: 2; 
}
[search="options"] li{
  padding: 8px 20px;
  color: #777;
}
.tabs.tabs-simple .nav-tabs.search_tab{
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
}
.tabs.tabs-simple .nav-tabs.search_tab li{position: relative;width: calc(100% / 6)}
.tabs.tabs-simple .nav-tabs.search_tab li a{padding: 10px 15px !important;}
.tabs.tabs-simple .nav-tabs.search_tab li:before{
  content: '';
  border-right: 1px solid #ddd;
  position: absolute;
  height: 30px;
  right: 0%;
  top: 30%;
}
html body .tabs.tabs-simple .nav-tabs.search_tab > li.active .nav-link,
html body .tabs.tabs-simple .nav-tabs.search_tab > li .nav-link{border-bottom:none;}
html body .tabs.tabs-simple .nav-tabs.search_tab > li.active .nav-link{font-weight: 600;font-size: 18px}

.author_content {
  display: block;
}
.q_title{
  font-weight: 700;
  color:#022349;
  font-size: 18px;
  margin-bottom:0.5rem;
}










:root{
  --font: Microsoft JhengHei, "Didact Gothic", Open Sans, Myriad, Aria, sans-serif;
  --font2:"Microsoft JhengHei",-apple-system, "Noto Sans TC","Noto Sans", "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Source Han Sans SC", "Source Han Sans CN", "Microsoft JhengHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
  --main:#022349;
  --maindark:#900101;
  --mainlight: #0088CC;
  --second:#cfb08b;
  --seconddark:#9a846c;/* #dd9f60 */
}

::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
    width: 2px;
}

::-webkit-scrollbar:horizontal {
    height: 2px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid transparent;
}

::-webkit-scrollbar-track {
    background-color: transparent; 
}
.tp-leftarrow.custom-arrows-style-1, .tp-rightarrow.custom-arrows-style-1 {
  width: 45px;
  height: 120px;
  background: rgba(16, 16, 25, 0.5);
}
.tp-leftarrow.custom-arrows-style-1:hover, .tp-rightarrow.custom-arrows-style-1:hover {
  background: #101019;
}
.tp-leftarrow.custom-arrows-style-1:before, .tp-rightarrow.custom-arrows-style-1:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 70%;
  width: 30px;
  height: 30px;
  border-top: 1px solid #FFF;
  border-left: 1px solid #FFF;
  transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}
.tp-leftarrow.custom-arrows-style-1:after, .tp-rightarrow.custom-arrows-style-1:after {
  content: '';
  display: block;
  position: absolute;
  left: 106%;
  top: 50%;
  width: 70px;
  border-top: 1px solid #FFF;
  transform: translate3d(-50%, -50%, 0);
}

@media (max-width: 767px) {
  .tp-leftarrow.custom-arrows-style-1, .tp-rightarrow.custom-arrows-style-1 {
    width: 30px;
    height: 90px;
  }
  .tp-leftarrow.custom-arrows-style-1:before, .tp-rightarrow.custom-arrows-style-1:before {
    width: 20px;
    height: 20px;
  }
  .tp-leftarrow.custom-arrows-style-1:after, .tp-rightarrow.custom-arrows-style-1:after {
    width: 50px;
  }
}
.tp-rightarrow.custom-arrows-style-1 {
  transform: rotate(180deg);
}
/*==================================
    TIMELINE
==================================*/
/*-- GENERAL STYLES
------------------------------*/
.timeline {
  line-height: 1.4em;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.timeline h1, .timeline h2, .timeline h3, .timeline h4, .timeline h5, .timeline h6 {
  line-height: 1.35;
  margin: 15px 0;
}
.timeline-title{
  font-size: 1.35em;
  line-height: 1.3;
  text-align: left;
}

/*----- TIMELINE ITEM -----*/
.timeline-item {
  padding-left: 40px;
  position: relative;
}
.timeline-item:last-child {
  padding-bottom: 0;
}

/*----- TIMELINE INFO -----*/
.timeline-info {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 3px;
  margin: 0 0 .5em 0;
  text-transform: uppercase;
  white-space: nowrap;
}

/*----- TIMELINE MARKER -----*/
.timeline-marker {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15px;
}
.timeline-marker:before {
  background: #0088CC;
  background: var(--mainlight);
  border: 3px solid transparent;
  border-radius: 100%;
  content: "";
  display: block;
  height: 15px;
  position: absolute;
  top: 4px;
  left: 4px;
  width: 15px;
  z-index: 2;
  transition: background 0.3s ease-in-out, border 0.3s ease-in-out;
}
.timeline-marker:after {
  /* content: "";
  width: 3px;
  background: #CCD5DB;
  display: block;
  position: absolute;
  top: 24px;
  bottom: 0;
  left: 6px; */
}
.timeline-item:last-child .timeline-marker:after {
  content: none;
}

.timeline-item:not(.period):hover .timeline-marker:before {
  background: #f6f6f6;
  border: 3px #0088CC;
  border: 3px solid var(--mainlight);
}

.timeline.timeline-centered{position:relative;display: flex;flex-wrap: wrap;}
.timeline.timeline-centered:after{
    z-index: 1;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    width: 3px;
    background: #CCD5DB;
    display: block;
  }

/*----- TIMELINE CONTENT -----*/
.timeline-content {
  padding-bottom: 40px;
}
.timeline-content p:last-child {
  margin-bottom: 0;
  font-size: 16px;
}

/*----- TIMELINE PERIOD -----*/
.period {
  padding: 0;
}
.period .timeline-info {
  display: none;
}
.period .timeline-marker:before {
  background: transparent;
  content: "";
  width: 15px;
  height: auto;
  border: none;
  border-radius: 0;
  top: 47px;
  bottom: 87px;
  position: absolute;
  /* border-top: 3px solid #CCD5DB;
  border-bottom: 3px solid #CCD5DB; */
}
.period .timeline-marker:after {
  content: "";
  height: 32px;
  top: auto;
}
.period .timeline-content {
  padding: 40px;
}
.period .timeline-title {
  margin: 0;  
  font-size: 2.2em;
  /* text-align: center; */
}
.timeline-centered .period .timeline-title {
    left: -45px;
    color: #086ea8;
    color: var(--mainlight);
    font-weight: 400;
    z-index: 2;
    background-color: #f6f6f6
  }
#chartdiv {
    width: 400px;
    height: 400px;
  }
#chartdiv:before{
    content: '';
    position: absolute;
    width: 55px;
    height: 50px;
    background-color: #f6f6f6;
    bottom: 0;
    left: 20px;
    z-index: 999;
}

.poll-area {
  padding: 2rem;
  background-color: #fff;
}
.poll-area .poll-item{
  display: block;
  margin-bottom: 10px;
  border-radius: 5px;
  padding: 8px 15px;
  border: 2px solid #e6e6e6;
  transition: all 0.2s ease;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.poll-area .poll-item:hover{
  border-color: #ddd;
}
.poll-radio[type=radio]:checked + .poll-item {
  border-color: #022349!important;
}
.poll-item .poll-item-inner{
  display: flex;
  pointer-events: none;
  justify-content: space-between;
}
.poll-item .poll-item-inner .poll-item--text{
  display: flex;
  align-items: center;
  line-height: 1.4;
}
.poll-item .poll-item-inner .circle{
  height: 19px;
  width: 19px;
  display: block;
  border: 2px solid #ccc;
  border-radius: 50%;
  margin-right: 10px;
  position: relative;
  flex-shrink: 0;
}
.poll-radio[type=radio]:checked + .poll-item .poll-item-inner .circle{
  border-color: #022349;
}
.poll-item .poll-item-inner .circle::after{
  content: "";
  height: 11px;
  width: 11px;
  background: #022349;
  border-radius: inherit;
  position: absolute;
  left: 2px;
  top: 2px;
  display: none;
}
.poll-area .poll-item:hover .poll-item-inner .circle::after{
  display: block;
  background: #e6e6e6;
}
.poll-radio[type=radio]:checked + .poll-item .poll-item-inner .circle::after{
  display: block;
  background: #022349!important;
}
.poll-item .poll-item-inner span{
  font-size: 16px;
  font-weight: 500;
  color: #484848;
  padding-left: 4px;
}
.poll-item .poll-progress{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: #e6ecf3;
  z-index: -1;
  pointer-events: none;
}
.poll-item.selectall .progress,
.poll-item.selectall .poll-item-inner .percent{
  display: block;
}
.poll-radio[type=radio]{
  display: none;
}
/*----------------------------------------------
    MOD: TIMELINE SPLIT
----------------------------------------------*/
@media (min-width: 768px) {
  .timeline-split .timeline, .timeline-centered .timeline {
    /* display: table; */
  }
  .timeline-split .timeline-item, .timeline-centered .timeline-item {
    /* display: table-row; */
    padding: 0;
  }
  .timeline-split .timeline-info, .timeline-centered .timeline-info,
  .timeline-split .timeline-marker,
  .timeline-centered .timeline-marker,
  .timeline-split .timeline-content,
  .timeline-centered .timeline-content,
  .timeline-split .period .timeline-info,
  .timeline-centered .period .timeline-info {
    /* display: table-cell; */
    vertical-align: top;
  }
  .timeline-split .timeline-marker, .timeline-centered .timeline-marker {
    position: relative;
    display: contents;
  }
  .timeline-split .timeline-content, .timeline-centered .timeline-content {
    padding-left: 45px;
  }
  .timeline-split .timeline-info, .timeline-centered .timeline-info {
    padding-right: 30px;
  }
  .timeline-split .period .timeline-title, .timeline-centered .period .timeline-title {
    position: relative;
    left: 0;
  }
}

/*----------------------------------------------
    MOD: TIMELINE CENTERED
----------------------------------------------*/
@media (min-width: 992px) {
  .timeline.timeline-centered:after{
    top: 0;
    bottom: 0;
    left: 50%;
  }
  .timeline-centered,
  .timeline-centered .timeline-item,
  .timeline-centered .timeline-info,
  .timeline-centered .timeline-marker,
  .timeline-centered .timeline-content {
    display: block;
    margin: 0;
    padding: 0;
  }
  .timeline-centered .timeline-item {
    padding-bottom: 40px;
    /* overflow: hidden; */
    float: left;
    width: 49%;
  }
  .timeline-centered .timeline-marker {
    position: absolute;
    margin-left: -7.5px;
    right: -20px;
    left: auto;
    z-index: 2;
  }
  .timeline-centered .timeline-info {
    width: 50%;
  }
  .timeline-centered > .timeline-item:nth-child(odd):not(.period) .timeline-info {
    float: left;
    text-align: right;
    padding-right: 30px;
  }
  .timeline-centered > .timeline-item:nth-child(odd):not(.period) .timeline-content {
    /* float: right; */
    text-align: left;
    padding-left: 30px;
    margin-left: 30px;
  }
  .timeline-centered .timeline-item:nth-child(even){ margin-top: -8%;}
  .timeline-centered .period+.timeline-item{margin-top: 0%;}
  .timeline-centered .timeline-item:nth-child(odd){ margin-top: 20%; }
  .timeline-centered .timeline-item:nth-child(odd) .timeline-marker{
    left: 12px;
    right: auto
  }

  .timeline-centered > .timeline-item:nth-child(even):not(.period) .timeline-info {
    /* float: right; */
    text-align: left;
    padding-left: 30px;
  }
  .timeline-centered > .timeline-item:nth-child(even):not(.period) .timeline-content {
    /* float: left; */
    text-align: right;
    padding-right: 30px;
  }
  .timeline-centered > .period .timeline-content {
    float: none;
    padding: 0;
    width: 100%;
    text-align: center;
  }
  .timeline-centered .period {
    position: relative;
    padding: 50px 0 90px;
    width: 100%;
  }
  .timeline-centered .period .timeline-marker:after {
    height: 30px;
    bottom: 0;
    top: auto;
  }
  .period .timeline-marker{
    right: 49.3%;
    left: auto;
  }
  .period .timeline-marker:before {
    border-top: 3px solid #CCD5DB;
    border-bottom: 3px solid #CCD5DB;
  }
  .timeline-centered .period .timeline-title{padding: 30px 0;text-align: center;}
  .timeline-marker:before {left: 0}
  .sticky_box .col-lg-10{min-height:500px }
}

/*----------------------------------------------
    MOD: MARKER OUTLINE
----------------------------------------------*/
.marker-outline .timeline-marker:before {
  background: transparent;
  border-color: #FF6B6B;
}
.marker-outline .timeline-item:hover .timeline-marker:before {
  background: #FF6B6B;
}
/*
| ----------------------------------------------------
| responsive
| ----------------------------------------------------
*/
@media print {
  body {
    background-color: #ffffff;
     -webkit-print-color-adjust: exact;
   }
  .no-print{display: none}
  #here{page-break-inside: avoid;}
  .break{page-break-after:always;}
 /*  .share{
    width: 40px;
    height: 40px;
    line-height: 45px;
    border-radius: 5px;
    margin:5px;
    text-align: center;
    background-color: #444;
    display: inline-block;
    color: #fff!important;
  }
  .share i{font-size: 26px}
  .share i.la-facebook-f{font-size: 20px;}
  .share.fb{background-color: #45629e;}
  .share.line{background-color: #00b900;}
  .share.line img{margin-bottom: 5px;}
  .share.mail{background-color: #cf493b}
  .share.print{background-color: #c31d26} */
}
@media (min-width: 1400px){
  .container.big {
      /* max-width: 1360px; */
  }
}
@media (min-width: 1360px){
  .container {
    max-width: 1273px;
  }
}
@media (min-width: 1200px){
  .col-xl-30{ 
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%;   
  }
  .col-xl-70{
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
    max-width: 65%;
  }
  .col-xl-28{ 
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    -ms-flex: 0 0 35%;
    flex: 0 0 28%;
    max-width: 28%;   
  }
  .col-xl-72{
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    -ms-flex: 0 0 65%;
    flex: 0 0 72%;
    max-width: 72%;
  }
}
@media (max-width: 1367px) {}


@media (max-width: 1025px) {
  #header .header-nav.header-nav-stripe nav > ul > li > a{padding: 0 .6rem}
  .over_x{ overflow-x: scroll;margin: 0 15px;}
  .company_list{width: 700px}
  .over_x .col-xl-12{padding: 0}
  #footer .col-lg-3 .footer_name{text-align: left;}
  #footer .container.big .col-lg-3{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  #footer .container.big .col-lg-9{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  #footer .col .font-weight-bold.f16{font-size: 15px !important}
  #footer .col-lg-3 .footer_name{text-align: left;letter-spacing: 8px;}
  #footer .f_company_name{text-align: left; letter-spacing: 3px;}
  #footer .footer_name.address{letter-spacing: 1px;}
}


@media (max-width: 769px) {
  #header .header-nav.header-nav-stripe nav > ul > li > a{padding: 12px 1.2rem !important; font-size: 16px;}
  .header-nav-bar > .container{padding-left: 15px}
  .right_side .this_ad{
    max-width: 300px;
    margin: 0 auto;
  }
  .page-social{padding-left: 0px}
  ul.page-social li{display: inline-block;padding: 3px 5px;}
  ul.page-social li:last-child i{font-size: 17px}
  ul.page-social{margin: 10px 0}
  .post-author.message{float: left;}
  .table_quotes{min-width: 1250px}
  #header .header-nav-main nav > ul li.dropdown.open > .dropdown-menu{padding-left: 0}
  .list-member-menu li.active, .list-member-menu li:hover, .list-member-menu li.active:hover, .dropdown-item.active, .dropdown-item:active{background-color: #176fac}
  .about.parallax .parallax-background{background-image: none !important}
  .w-auto-mobile.w-75{width: 100% !important; margin-bottom: 2px; }
  #footer .col{flex-basis: 20%;flex-grow: 5; max-width: 20%;}
  #footer .col.pl{padding-left: .5rem!important}
  .post_box.cate .row .h60{margin-bottom:10px;}    
  #footer .col h4.font-weight-bold.f16{font-size: 16px !important}
  #footer .footer_name.address{height: auto;}

}


 /*iphone plus*/
@media (max-width: 430px) {
  #header .header-nav-main nav{padding: 0px}
  #header .border-color-primary{top: 0 !important}
  #header .header-column.flex-js{justify-content: space-between;}
  #header .header-btn-collapse-nav i {font-size: 18px}
  #header .header-nav-main nav > ul li{border-bottom: 1px solid #e4e2e2;}
  #header .header-nav-main.header-nav-main-square nav > ul > li a{font-size: 14px;color: #022349;color: var(--main)}
  #header .header-nav-main:before{background-color: #fff}
  #header .header-nav-main nav > ul li.dropdown .dropdown-menu{background: #f9f9f9}
  #header .header-column.order-1.order-lg-2{align-items: flex-start;align-self: center;}
  #header .visible-xs .simple-search{border:1px solid #ddd;border-radius: 50px }
  .m-logo{filter: brightness(20);margin-left: 10px;}
  .term_alert{padding: 5px;flex-wrap: wrap;display: flex;}
  .term_alert.term_hide{display: none;}
  .term_alert button{    
    flex: 0 0 100px;
    height: 36px;
    margin-left: 0 !important;
  }
  #footer .col:first-child{padding-left: 15px !important;}
  #footer .col{
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  #bottom-menu li{width: calc((100% - 10px) / 3);margin: 5px 0px;}
  .activity_table th{padding:.5rem 1rem .5rem .75em;}
  .date-right{float: none}
  .userimg{width: 80px;height: 80px}
  .userimg+.pl-sm-3 > span.text-light,.userimg+.pl-sm-3 > h4{display: block;padding: 0px 8px}
  .userimg+.pl-sm-3 > span.text-light:before{content: none}
  .page-header.page-header-modern.page-header-background.page-header-background-sm{padding: 20px}
  .timeline-marker:after{left:10px;}
  .timeline-marker:before{left: 4px;}
  .timeline-content{width:calc(100vw - 70px);}
  .member-table{min-width: 600px}
  .member-table.lg{min-width: 1000px}
  .ask_list.in_member .ask_box{padding: 10px}
  .btn.btn-sm{min-width: auto}
  .btn-clear,.btn-search{padding:0.3rem !important;line-height: 2}
  .float-social{min-width: 305px}
  .ask_list.in_member .reply .post-author .cover{width: 60px;height: 60px;margin-right: 15px}
  .article_type .custom-control{display: inline-block;margin-left: .5rem !important}
  .breadcrumb-item.active{ max-width:200px;width: calc(100% - 180px)}
  .elements-box h2{font-size: 1.6em;line-height: 1.4}
  .login-bg{min-height: calc(100vh - 191px)}
  .post_box .title-2, .video_box .title-2{font-size: 1.5em;font-weight: 500;min-height: auto;}
  #header .header-nav-top .nav > li > a{padding:6px }
  .play-btn{width: 5rem;height: 5rem}
  .play-btn i{line-height: 4.8rem;}
  h4.title-1{line-height: 1.3}
  .post_box p{font-size: 14px}
  .d-flex .post-author{flex:0 0 230px;}
  .d-flex .post-author p a strong{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  .d-flex .post-author p a ~ br{display: none}  
  #footer .footer_name.address{letter-spacing: 3px;}
  #footer .col-lg-6 .icon_box+a,#footer .f_company_name+.mb-2 .icon_box+a{font-size:15px;margin-left:5px}
  .attention{display: inline-block;font-size: 12px}
  
  .poll-area {
    padding: 1rem;
  }

}


/*iphone: 7px*/
@media (max-width: 400px) {
  .breadcrumb-item.active{ max-width:130px;}
  #header [role="search"]{max-width: 218px}
  #chartdiv {
    width: 350px;
    height: 350px;
  }

}



/*iphone 5*/
@media (max-width: 321px) {  
  #footer .col-lg-3 .footer_name{text-align: left;letter-spacing: 4px;}
  #footer .f_company_name{text-align: left; letter-spacing: 2px;}
  .attention{display: table-cell;font-size: 12px}
  .d-flex .post-author {flex: 0 0 190px;}
  #chartdiv {
    width: 300px;
    height: 300px;
  }
}


/*iPhone XR*/
@media only screen 
    and (device-width : 414px) 
    and (device-height : 896px) 
    and (-webkit-device-pixel-ratio : 2) { 



}

/*iPhone XS*/
@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) { 

}

/*iPhone XS Max*/
@media only screen 
    and (device-width : 414px) 
    and (device-height : 896px) 
    and (-webkit-device-pixel-ratio : 3) { 


}
/*橫拿*/
@media screen and  (orientation:landscape) {}
/*縱拿*/
@media screen and (orientation:portrait) {}
/*設備寬高比*/
@media screen and (device-aspect-ratio: 16/9) {}