﻿
/* Fit Photo HotNews */
.hot01 {
    width: 100%;
    object-fit: contain;
}

:root {
    --color-focus-outline1: black;
    --color-focus-outline2: #F8D103;
}

a:focus {
    outline: none;
}


a.tabstyle1:not(:focus) 
{
    outline:none;
}

button.tabstyle1:not(:focus) {
    outline: none;
}


a.tabstyle1:focus {
    /*outline: 0.5rem solid #F8D103;*/
    outline: 1px solid var(--color-focus-outline1);
    border-radius : 2px;
}


button.tabstyle1:focus {
    /*outline: 0.5rem solid #F8D103;*/
    outline: 1px solid var(--color-focus-outline1);
    border-radius: 2px;
    /*outline: auto 5px Highlight;*/ /* for non-webkit browsers */
    /*outline: auto 5px -webkit-focus-ring-color;*/ /* for webkit browsers */
}

a.tabstyle2:focus {
    outline: 0.5rem solid var(--color-focus-outline2);
}

a.tabstyle2:focus .trip-box-line{
    outline: 0.5rem solid var(--color-focus-outline2);
}

a.tabstyle2:focus .trip-detail{
    outline: 0.5rem solid var(--color-focus-outline2);
}

a.tabstyle2:focus .mission-slide-item .mission-img-content{
    outline: 0.5rem solid var(--color-focus-outline2);
}

a.tabstyle2:focus .news-detail-box{
    outline: 0.5rem solid var(--color-focus-outline2);
}

a.tabstyle2:focus .multimedia-img{
    outline: 0.5rem solid var(--color-focus-outline2);
}

a.tabstyle2:focus .box-slide
{
    outline: 0.5rem solid var(--color-focus-outline2);
}


button.tabstyle2:focus {
    outline: 0.5rem solid var(--color-focus-outline2);
    /*outline: auto 5px Highlight;*/ /* for non-webkit browsers */
    /*outline: auto 5px -webkit-focus-ring-color;*/ /* for webkit browsers */
}

