/* Jerry */
.contents_list_con_1
{
    color: #000000;
    height: 477px;
}
.title-st2
{
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 16px;
    height: 20px;
}
.ptxt
{
    display: inline-block;
    margin-bottom: 3px;    
}
/* // Jerry */

/*
BODY
{
    SCROLLBAR-FACE-COLOR: #dddddd;
    FONT-SIZE: 13px;
    SCROLLBAR-HIGHLIGHT-COLOR: #f6f6f6;
    SCROLLBAR-SHADOW-COLOR: #dddddd;
    SCROLLBAR-3DLIGHT-COLOR: #818181;
    LINE-HEIGHT: 20px;
    SCROLLBAR-ARROW-COLOR: #ffffff;
    SCROLLBAR-TRACK-COLOR: #eaeaea;
    FONT-FAMILY: Arial;
    SCROLLBAR-DARKSHADOW-COLOR: #818181;
    scrollbar-background-color: #F6F6F6
}
*/

/*
body, div
{
    scrollbar-3dlight-color: #ffffff;
    scrollbar-arrow-color: #ff0000;
    scrollbar-darkshadow-color: #ffffff;
    scrollbar-face-color: #efefef;
    scrollbar-highlight-color: #ffffff;
    scrollbar-shadow-color: #ffffff;
    scrollbar-track-color: #aaaaaa;
    font-size: 13px;
    line-height: 17px;
    font-family: Arial;    
}
TABLE
{
    scrollbar-face-color: #dddddd;
    font-size: 13px;
    scrollbar-highlight-color: #f6f6f6;
    scrollbar-shadow-color: #dddddd;
    scrollbar-3dlight-color: #818181;
    line-height: 17px;
    scrollbar-arrow-color: #ffffff;
    scrollbar-track-color: #eaeaea;
    font-family: Arial;
    scrollbar-darkshadow-color: #818181;
    scrollbar-background-color: #F6F6F6;
}
TR
{
    scrollbar-face-color: #dddddd;
    font-size: 13px;
    scrollbar-highlight-color: #f6f6f6;
    scrollbar-shadow-color: #dddddd;
    scrollbar-3dlight-color: #818181;
    line-height: 17px;
    scrollbar-arrow-color: #ffffff;
    scrollbar-track-color: #eaeaea;
    font-family: Arial;
    scrollbar-darkshadow-color: #818181;
    scrollbar-background-color: #F6F6F6;
}
TD
{
    scrollbar-face-color: #dddddd;
    font-size: 13px;
    scrollbar-highlight-color: #f6f6f6;
    scrollbar-shadow-color: #dddddd;
    scrollbar-3dlight-color: #818181;
    line-height: 17px;
    scrollbar-arrow-color: #ffffff;
    scrollbar-track-color: #eaeaea;
    font-family: Arial;
    scrollbar-darkshadow-color: #818181;
    scrollbar-background-color: #F6F6F6;
}
INPUT
{
    scrollbar-face-color: #dddddd;
    font-size: 13px;
    scrollbar-highlight-color: #f6f6f6;
    scrollbar-shadow-color: #dddddd;
    scrollbar-3dlight-color: #818181;
    line-height: 17px;
    scrollbar-arrow-color: #ffffff;
    scrollbar-track-color: #eaeaea;
    font-family: Arial;
    scrollbar-darkshadow-color: #818181;
    scrollbar-background-color: #F6F6F6;
}
IMG
{
    border: 1 1 1 1;
}
FORM
{
    scrollbar-face-color: #dddddd;
    font-size: 13px;
    scrollbar-highlight-color: #f6f6f6;
    scrollbar-shadow-color: #dddddd;
    scrollbar-3dlight-color: #818181;
    line-height: 17px;
    scrollbar-arrow-color: #ffffff;
    scrollbar-track-color: #eaeaea;
    font-family: Arial;
    scrollbar-darkshadow-color: #818181;
    scrollbar-background-color: #F6F6F6;
}

DIV
{
    scrollbar-face-color: #dddddd;
    font-size: 13px;
    scrollbar-highlight-color: #f6f6f6;
    scrollbar-shadow-color: #dddddd;
    scrollbar-3dlight-color: #818181;
    line-height: 17px;
    scrollbar-arrow-color: #ffffff;
    scrollbar-track-color: #eaeaea;
    font-family: Arial;
    scrollbar-darkshadow-color: #818181;
    scrollbar-background-color: #F6F6F6;
}

SPAN
{
    scrollbar-face-color: #dddddd;
    font-size: 13px;
    scrollbar-highlight-color: #f6f6f6;
    scrollbar-shadow-color: #dddddd;
    scrollbar-3dlight-color: #818181;
    line-height: 17px;
    scrollbar-arrow-color: #ffffff;
    scrollbar-track-color: #eaeaea;
    font-family: Arial;
    scrollbar-darkshadow-color: #818181;
    scrollbar-background-color: #F6F6F6;
}
SELECT
{
    scrollbar-face-color: #dddddd;
    font-size: 13px;
    scrollbar-highlight-color: #f6f6f6;
    scrollbar-shadow-color: #dddddd;
    scrollbar-3dlight-color: #818181;
    line-height: 17px;
    scrollbar-arrow-color: #ffffff;
    scrollbar-track-color: #eaeaea;
    font-family: Arial;
    scrollbar-darkshadow-color: #818181;
    scrollbar-background-color: #F6F6F6;
}
TEXTAREA
{
    scrollbar-face-color: #dddddd;
    font-size: 13px;
    scrollbar-highlight-color: #f6f6f6;
    scrollbar-shadow-color: #dddddd;
    scrollbar-3dlight-color: #818181;
    line-height: 17px;
    scrollbar-arrow-color: #ffffff;
    scrollbar-track-color: #eaeaea;
    font-family: Arial;
    scrollbar-darkshadow-color: #818181;
    scrollbar-background-color: #F6F6F6;
}
BLOCKQUOTE
{
    scrollbar-face-color: #dddddd;
    font-size: 13px;
    scrollbar-highlight-color: #f6f6f6;
    scrollbar-shadow-color: #dddddd;
    scrollbar-3dlight-color: #818181;
    line-height: 17px;
    scrollbar-arrow-color: #ffffff;
    scrollbar-track-color: #eaeaea;
    font-family: Arial;
    scrollbar-darkshadow-color: #818181;
    scrollbar-background-color: #F6F6F6;
}
*/
A:link
{
    color: blue;
    text-decoration: none;
    font-family: Arial;
    font-size:7px;
}
A:visited
{
    color: inherit;
    text-decoration: none;
    font-family: Arial;
    font-size:7px;
}
A:active
{
    color: inherit;
    text-decoration: none;
    font-family: Arial;
    font-size:7px;
}
a:link, a:active, a:visited {text-decoration:none; font-size:12px; cursor:pointer;font-family: Arial;}
.hasSVG{text-align:center;}
.hasSVG tspan{font-size:7px; text-decoration: none;}
.hasSVG tspan a{font-size:7px; text-decoration: none; font-family: Arial; }
A:hover
{
    color: #fd8900;
    text-decoration: underline;
}
.dir-style
{
    font-weight: bold;
    font-size: 12px;
    color: #152d5b;
}
.title-st1
{
    font-size: 19px;
    color: #ffffff;
}
/*
.title-st2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 16px;
    HEIGHT: 20px
}
*/
.title-st3
{
    font-weight: bold;
    font-size: 13px;
    color: #0b8185;
    height: 20px;
}
.table-center
{
    border-right: 0px solid;
    border-top: 0px solid;
    border-left: 0px solid;
    width: 744px;
    border-bottom: 0px solid;
}
.table-st1
{
    border-right: 0px solid;
    border-top: 0px solid;
    margin-top: 6px;
    margin-bottom: 6px;
    border-left: 0px solid;
    width: 100%;
    border-bottom: 0px solid;
    background-color: #45a5ab;
}
.table-td-st1-t
{
    padding-right: 0px;
    padding-left: 18px;
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 0px;
    color: #ffffff;
    padding-top: 0px;
}
.table-out
{
    border-right: #666666 0px solid;
    padding-right: 0px;
    border-top: #666666 0px solid;
    padding-left: 0px;
    padding-bottom: 0px;
    border-left: #666666 0px solid;
    width: 744px;
    padding-top: 0px;
    border-bottom: #666666 0px solid;
    background-color: #808080;
}
.table-st2
{
    border-right: #666666 0px solid;
    border-top: #666666 0px solid;
    border-left: #666666 0px solid;
    width: 100%;
    border-bottom: #666666 0px solid;
}
.table-td-st2-t
{
    padding-right: 5px;
    padding-left: 5px;
    font-weight: bold;
    padding-bottom: 5px;
    padding-top: 5px;
    background-color: #f0ece3;
    text-align: center;
}
.table-td-st2-sub
{
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    background-color: #ffffff;
}
.table-yes-no
{
    border-right: 0px solid;
    padding-right: 15px;
    border-top: 0px solid;
    margin-top: 9px;
    padding-left: 15px;
    margin-bottom: 9px;
    padding-bottom: 10px;
    border-left: 0px solid;
    width: 744px;
    padding-top: 10px;
    border-bottom: 0px solid;
    background-color: #e6eaef;
}
.table-st3
{
    border-right: 0px solid;
    border-top: 0px solid;
    margin-top: 12px;
    margin-bottom: 9px;
    border-left: 0px solid;
    width: 100%;
    border-bottom: 0px solid;
}
.table-td-st3-t
{
    padding-right: 0px;
    padding-left: 18px;
    font-size: 18px;
    padding-bottom: 0px;
    padding-top: 0px;
}
.table-st4
{
    border-right: 0px solid;
    border-top: 0px solid;
    margin-top: 9px;
    margin-bottom: 9px;
    border-left: 0px solid;
    border-bottom: 0px solid;
    background-color: #425363;
}
.table-td-st4
{
    padding-right: 15px;
    padding-left: 15px;
    font-size: 13px;
    padding-bottom: 10px;
    color: #ffffff;
    padding-top: 10px;
}
.table-caution
{
    border-right: 0px solid;
    border-top: 0px solid;
    margin-top: 9px;
    margin-bottom: 9px;
    border-left: 0px solid;
    width: 100%;
    border-bottom: 0px solid;
    background-color: #ddf2ff;
}
.table-td-box
{
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 10px;
    padding-top: 10px;
}
.table-t-caution
{
    border-right: 0px solid;
    border-top: 0px solid;
    border-left: 0px solid;
    border-bottom: 0px solid;
    background-color: #0a47f3;
}
.table-t-td-box
{
    padding-right: 10px;
    padding-left: 10px;
    font-weight: bold;
    font-size: 15px;
    padding-bottom: 6px;
    color: #ffffff;
    padding-top: 6px;
}
.table-note
{
    border-right: 0px solid;
    border-top: 0px solid;
    margin-top: 9px;
    margin-bottom: 9px;
    border-left: 0px solid;
    width: 100%;
    border-bottom: 0px solid;
    background-color: #d8f1de;
}
.table-t-note
{
    border-right: 0px solid;
    border-top: 0px solid;
    border-left: 0px solid;
    border-bottom: 0px solid;
    background-color: #008403;
}
.table-hint
{
    border-right: 0px solid;
    border-top: 0px solid;
    margin-top: 9px;
    margin-bottom: 9px;
    border-left: 0px solid;
    width: 100%;
    border-bottom: 0px solid;
    background-color: #ffeadd;
}
.table-t-hint
{
    border-right: 0px solid;
    border-top: 0px solid;
    border-left: 0px solid;
    border-bottom: 0px solid;
    background-color: #ff4a0b;
}
.table-warning
{
    border-right: 0px solid;
    border-top: 0px solid;
    margin-top: 9px;
    margin-bottom: 9px;
    border-left: 0px solid;
    width: 100%;
    border-bottom: 0px solid;
    background-color: #ffeadd;
}
.table-t-warning
{
    border-right: 0px solid;
    border-top: 0px solid;
    border-left: 0px solid;
    border-bottom: 0px solid;
    background-color: #ff4a0b;
}
.table-st5
{
    border-right: 0px solid;
    border-top: 0px solid;
    margin-top: 9px;
    margin-bottom: 9px;
    border-left: 0px solid;
    width: 744px;
    border-bottom: 0px solid;
    background-color: #ffffff;
}
.table-td-st5
{
    vertical-align: top;
}
.img-icon1
{
    border-right: 0px solid;
    border-top: 0px solid;
    vertical-align: inherit;
    border-left: 0px solid;
    border-bottom: 0px solid;
}
.img-border-no
{
    border-right: 0px solid;
    border-top: 0px solid;
    margin-top: 10px;
    margin-bottom: 10px;
    border-left: 0px solid;
    border-bottom: 0px solid;
}
.img-border-yes
{
    border-right: #848484 1px solid;
    border-top: #848484 1px solid;
    margin-top: 10px;
    margin-bottom: 10px;
    border-left: #848484 1px solid;
    border-bottom: #848484 1px solid;
}
.list-m1
{
    margin-left: 12px;
}
.icon-m1
{
    color: #d63526;
}

.top-title
{
    line-height: 17px;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    color: #000000;
}


#container_controlbutton{position:absolute; height:30px; padding-top:5px; text-align:right; right:125px; top:28px; z-index:801; width:85px;}
#container_viewer_button{position:absolute; height:30px; padding-top:5px; width:105px; text-align:right; right:15px; top:28px; z-index:800; }

/* viewer */
.contents_search{width:100%; float:left; height:68px; background-color: #f4f3f3; border-top:2px solid #b00001; border-bottom:3px solid #e5e5e5;}
.contents_search ul{display:block; margin:10px 10px 15px 10px; height:43px; }
.contents_search li.Shop_box{width:62%; height:25px; float:left;}
.contents_search li.top_ti{width:8%; height:35px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#333; float:left;}
.contents_search li.Shop_btn{width:30%; height:25px; float:right; padding-top:25px; text-align:right;}

/* viewer popup */
.contents_pop_search{width:100%; float:left; height:50px; background-color: #f4f3f3; border-top:2px solid #3584cc; border-bottom:3px solid #e5e5e5;}
.contents_pop_search ul{display:block; margin:10px 10px 15px 10px; height:43px; }
.contents_pop_search li.Shop_box{width:62%; height:25px; float:left;}
.contents_pop_search li.top_ti{height:35px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#333; float:left;}
.contents_pop_search li.Shop_btn{width:30%; height:25px; float:right; padding-top:25px; text-align:right;}
#view_container{clear:both;}

/* smart dtc guide */
#smart_dtc_content_wrap {
    height: 100%;
}

#smart_dtc_menu_wrap {
    width: 100%;
    height: auto;
    border-bottom: 3px solid #1954a6;
}

#smart_dtc_menu_btn_wrap {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    padding-top: 5px;
    padding-bottom: 5px;
}

.smart_dtc_btn {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    font-family: Droid Sans,Tahoma;
    border: #2671b6 solid 1px;
    background: #3584cc;
    cursor: pointer;
    box-shadow: 0 2px 0px 0px rgba(0,0,0,0.2), 0 0 1px 1px rgba(255,255,255,0.4) inset;
    text-shadow: 2px 2px 2px rgba(0,0,0, 0.6);
    -o-text-shadow: 2px 2px 2px rgba(0,0,0, 0.6);
    -moz-text-shadow: 2px 2px 2px rgba(0,0,0, 0.6);
    -webit-text-shadow: 2px 2px 2px rgba(0,0,0, 0.6);
    -moz-text-shadow: 2px 2px 2px rgba(0,0,0, 0.6);
    margin-right: 10px;
    padding: 3px 10px;
}

.smart_dtc_btn:hover {
    background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);
	background-color:#476e9e;
}

.smart_dtc_btn:active {
    position:relative;
	top:1px;
}

.smart_dtc_btn_clicked {
    background: linear-gradient(to bottom, #d9543d 5%, #a12610 100%);
    background-color: #d9543d;
}

.smart_dtc_btn_clicked:hover {
    background: linear-gradient(to bottom, #ab4e3e 5%, #732517 100%);
    background-color: #ab4e3e;
}

.btn_disabled {
    pointer-events: none;
    background: linear-gradient(to bottom, lightgray 5%, gray 100%);
    background-color: lightgray;
    color: #d3d3d3;
    border: 1px solid gray;
    text-shadow: none;
    box-shadow: inset 0px 0px 0px 2px #d3d3d3;
}

#smart_dtc_content_wrap {
    padding-left: 10px;
}

.image_center {
    margin: 20px auto;
    display: block;
}

#smart_dtc_svg_controlbutton, #smart_dtc_sys_controlbutton, #smart_dtc_controlbutton {
    position: sticky;
    text-align: right;
    padding-top: 5px;
    left: 0px;
    z-index: 801;
    width: 85px;
}

#flowchart_controlbutton {
    position: sticky;
    padding-top: 5px;
    z-index: 1;
    width: max-content;
    margin-left: auto;
    margin-right:20px;
}