/* = FONT STACKS
----------------------------------------------------------------------------------------------------------------------*/
body    { font-family: Geneva, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif } /* "wide" sans serif */
/*body    { font-family: Tahoma, Arial, Helvetica, sans-serif } /* "narrow" sans serif */
/*body    { font-family: Georgia, Utopia, Palatino, 'Palatino Linotype', serif } /* "wide" serif */
/*body    { font-family: 'Times New Roman', Times, serif } /* "narrow" serif */


/*  transform the font size so that 1em is 10px so that you can use em's
    but think in pixels as now 1em is 10px, 1.2em is 12px and so on */

html { font-size: 62.5% }

body {
    font-size: 1.3em;
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
    text-align: center; /*  this is for IE6 so that it will center the main wrapper */
    line-height: 1.2;   /*  unit-less line-height does not inherit a percentage value of its parent element */
                        /*  but instead is based on a multiplier of the font-size */
}

a:link{text-decoration: none}
a:visited{text-decoration: none}
a:active{text-decoration: none}
a:hover{text-decoration: none}

div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, aabbr, acronym, address,
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i,
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead {

    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    line-height: inherit;

}

p, h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal }

small
sup,
sub     { font-size: 70% }

p small   { display: block; line-height: 1 }

strong, b   { font-weight: bold }
em, i       { font-style: italic }

/* = CLEARFIX
----------------------------------------------------------------------------------------------------------------------*/
.clearfix:before,
.clearfix:after     { content: "\0020"; display: block; height: 0; visibility: hidden; font-size: 0 }
.clearfix:after     { clear: both }
.clearfix           { *zoom: 1 } /* for IE only */

/* = TABLES
----------------------------------------------------------------------------------------------------------------------*/
table {

    border-collapse: collapse;
    border-spacing: 0;
    /* tables still need cellspacing="0" */

} 

/* = LISTS
----------------------------------------------------------------------------------------------------------------------*/
ul, ol          { list-style: none }

ul.float li,
ol.float li     { float: left }

ul.default,
ol.default,
ol.default ul,
ul.default ul,
ul.default ol,
ol.default ol   { padding-left: 1.5em }

ul.default,
ol.default ul,
ul.default ul   { list-style-type: square }

ol.default,
ul.default ol,
ol.default ol   { list-style-type: decimal }.TitleBar1 {min-height:50px;background-image:url(/gif/style11/title_product_type.gif?t=1750354940);background-repeat:no-repeat;}
.TitleBar1 p{padding:17px 0px 0px 150px;min-height:35px;text-align:left;}
.TitleBar1f {min-height:50px;background:url(/gif/style11/title_fullsize.gif?t=1750354940);}
.TitleBar1f p{padding:17px 0px 0px 150px;min-height:35px;text-align:left;}
.TitleBar1p {min-height:50px;background:url(/gif/style11/title_product_type2.gif?t=1750354940);}
.TitleBar1p p{padding:17px 0px 0px 150px;min-height:35px;text-align:left;}
.TitleBar2 {min-height:50px;background:url(/gif/style11/title_product_type2.gif?t=1750354940);}
.TitleBar2 p{float:left;padding:17px 0px 0px 150px;min-height:35px;width:350px;text-align:left;vertical-align:top;}
.TitleBar2 table {float:right;margin-top:17px;vertical-align:top;}
.TitleBar2 table td {margin:0;padding:0;}
.TitleBar3 {min-height:50px;background:url(/gif/style11/title_detail.gif?t=1750354940) no-repeat;}
.TitleBar3 p{padding:17px 0px 0px 150px;min-height:35px;text-align:left;}
.TitleBar4 {min-height:50px;background:url(/gif/style11/title_setting.gif?t=1750354940);vertical-align:top;}
.TitleBar4 p{padding:17px 0px 0px 40px;min-height:35px;text-align:left;}

.BoxA1 {border:1px #AAA solid;background-color:#fff;}
label {cursor:pointer;}
.Block {display:inline-block;}
.BlockMiddle {display:inline-block;vertical-align:middle;}
#WebPageList {min-height:500px;}

.UiFull {display:inline-block;margin:0;padding:0;width:100%;}
.UiFull ul {display:inline-block;width:100%;}
.UiFull li {display:inline-block;list-style-type:none;width:100%;}
.UiFull li img{height:auto;width:100%;}

.LineNo1 {width:100%;}
.LineNo2 {width:50%;}
.LineNo3 {width:33.3%;}
.WidthAll {width:100%;}

.home_ad {max-width:100%;}
.HomeAD {max-width:100%;}

div.RwdMenu {z-index: 7;top:0;}
#Banner1SearchTable {margin-right:5px;}

.txt ul {list-style-position:outside;padding-left:25px;}
.txt ul p {display:inline;}

.AdPhotoMsg img {max-width:100%;}

.hand {cursor:pointer;}

#TopMenu_MemMsgNo {color:red;display:inline-block;font-size:12px;width:22px;height:22px;line-height:20px;border:1px red dotted;z-index:99;float:right;top:0;position:absolute;right:0;margin-top:-5px;background-color:#fff;text-align:center;-webkit-border-radius: 11px;-moz-border-radius: 11px;border-radius: 11px;}
#TopMenu_MemMsgNo:hover{cursor:hand;background-color:#ddd;}

.noscroll,.noscroll body{overflow:hidden;-webkit-overflow-scrolling:none;touch-action:none;overscroll-behavior: none;}
.noscroll body{position:relative;}

.LineThrough {text-decoration:line-through;}
.center {text-align:center;}
.center tbody {display:inline-block;width:100%;}
iframe {max-width:100%;}

input[type="text"],input[type="password"],input[type="submit"],input[type="button"]  { border-radius: 0;-webkit-appearance: none;}
select { border-radius: 0;}

textarea:focus, input:focus{outline: none;}.pic_fix_height { }
.td_p1 {color:#555555}
.EndingBox {min-height:150px;height:150px}
.out1 {border-collapse: collapse;border: 0;}
.out11{background-image:url(/gif/out1/1.png?t=1750354940);width:8px;height:8px; }
.out12{background-image:url(/gif/out1/2.png?t=1750354940);height:8px; }
.out13{background-image:url(/gif/out1/3.png?t=1750354940);width:8px;height:8px; }
.out14{background-image:url(/gif/out1/4.png?t=1750354940);width:8px; }
.out15{background-image:url(/gif/out1/5.png?t=1750354940);text-align:center; vertical-align:top;}
.out16{background-image:url(/gif/out1/6.png?t=1750354940);width:8px; }
.out17{background-image:url(/gif/out1/7.png?t=1750354940);width:8px;height:8px; }
.out18{background-image:url(/gif/out1/8.png?t=1750354940);height:8px; }
.out19{background-image:url(/gif/out1/9.png?t=1750354940);width:8px;height:8px; }
.TitleTable1 {margin-left:54px}
.input_acc {width:90px;height:22px;font-size:10pt;padding-top:3px}
.input_pwd {width:90px;height:22px;font-size:6pt;padding-top:5px}

#menu_top {width:1002px;display:inline;background-image:url("/gif/style11/box_bg.gif?t=1750354940");}
#menu_top li {list-style-type:none;display:inline}
#menu_top li a:visited{font-size: 10 pt; text-decoration: none;color:black;}
#menu_top li a:link   {font-size: 10 pt; text-decoration: none;color:black;}
#menu_top li a:hover  {font-size: 10 pt; text-decoration: none;color:red;}
#menu_top li a:active {font-size: 10 pt; text-decoration: none;color:black;}
#menu_top li .menu_top_txt {padding:10px;margin:0px;}

table.main table {border-collapse:separate }
.menu_top span {display:none;}
.RwdMenu span {display:none;}
div#LeftmMenu:not(.mm-menu) {display: none;}
.WebHide {display:none;}
.
InlineFlexCenter{display:inline-flex;align-items:center;justify-content:center;}
.InlineFlexLeft{display:inline-flex;align-items:center;justify-content:flex-start;}


@media screen and (min-width: 768px) {
.InlineFlexLeftCellCenter{display:inline-flex;align-items:center;justify-content:flex-start;}
.InlineFlexRightCellCenter{display:inline-flex;align-items:center;justify-content:flex-end;}
}

@media screen and (max-width: 768px) {
.InlineFlexLeftCellCenter{display:inline-flex;align-items:center;justify-content:center;width:100%;}
.InlineFlexRightCellCenter{display:inline-flex;align-items:center;justify-content:center;width:100%;}
.CellPadding5 {padding:5px;}
.TabStyle1.CellPadding5Li  li {padding:5px;}
.CellPadding10 {padding:10px;}
.CellPadding20 {padding:20px;}
.CellPadding1020 {padding:10px 20px;}
}header {text-align:left;}
header h1 img{max-height: 42px;}
.amount {font-family:Arial;font-size:21px;font-weight:bold;;color:#FF0000;}
.amountRef {font-family:Arial;font-size:21px;font-weight:bold;;color:#333333;}
header > h1 > a > img {margin:unset;}