body {width:500px;margin:0;padding:0 0 20px 0;font-size:16px;line-height:24px;background:#fff;text-align:center;
      font-family:-apple-system-font,Helvetica Neue,Helvetica,Tahoma,Arial,"PingFang SC",
      "Microsoft YaHei","Microsoft Sans Serif","Hiragino Sans GB","Heiti SC","Noto Sans","Droid Serif",sans-serif;
      background-repeat:no-repeat;background-position:center top;}
a {color:#222222;text-decoration:none;}
a:hover {color:#000000;text-decoration:none;}
a.lcblue {color:#000000;}.lchot,a.lchot {color:#000000;}.black,a.black {color:#000;}
table {border:0;cellspacing:0;cellpadding:0}

.top_rgba_shop  {background:rgba(200,200,200,0.9);border:0px;}
.top_nav{width:100%;height:50px; margin:0 auto;text-align:center;padding;0px;}
.top_nav div{float:left;padding-top:0px;padding-left:0px; font-size:16px;line-height:50px;vertical-align:bottom}
.nav_logo {width:200px;height:48px;margin:0;padding:0px 0px 0px 0px;text-align:left;}
.nav_user {width:285px;height:50px;text-align:right;vertical-align:middle;padding-right:15px;}
.nav_text {font-size:16px;color:#222222;text-shadow:0px 0px 14px #000000;}
.nav_text a {color:#222222;text-decoration:none;}
.nav_text a:hover {text-decoration:underline;}
.text_nowa{padding:10px 20px 10px 20px;text-align:left;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

.hr_a {height:2px;clear:both;}
.hr_s {height:5px;font-size:4px;line-height:4px;clear:both;}
.hr_m {height:10px;font-size:8px;line-height:8px;clear:both;}
.hr_l {height:20px;font-size:16px;line-height:16px;clear:both;}
.bg_line_gary {height:1px;background-color:#D0D0D0;margin:0;padding:0;}
.bg_gray_light{background-color:#F8F8F8;}
.bg_gray_deep {background-color:#E0E0E0;}
.bg_gree_deep {background-color:#A8D8B9;}
.bg_sepia   {filter:sepia(100%);-webkit-filter:sepia(100%);}
.bg_graycale{filter:grayscale(100%);filter:gray;}
.bg_darkmode{background-color:#707070;}
.bg_white   {background-color:white;}

.font_bold {font-weight:bold;}
.font_size_s{font-size:14px;}
.font_size_m{font-size:16px;}
.font_size_l{font-size:18px;}
.color_gray{color:#8F8F8F;}
.color_red {color:#CB1B45;}
.color_gree{color:#1B813E;}
.img_roate {transform:rotate(90deg);}

.user_icon_s {width:40px;height:40px;border-radius:100%;border:1px solid #C8C8CD;}
.user_icon_m {width:80px;height:80px;border-radius:100%;border:1px solid #C8C8CD;}
.user_icon_l {width:160px;height:160px;border-radius:100%;border:1px solid #C8C8CD;}

.bt_pay_big_chk {font-size:14px;width:140px;height:105px;border:1px solid #222222;cursor:pointer;
                    border-radius:5px;background-image:url('/-img/icon-tick.png');
                    background-size:30px 30px;background-repeat:no-repeat;background-position:right top;}
.bt_pay_big_unc {font-size:14px;width:140px;height:105px;border:1px solid #C8C8CD;cursor:pointer;border-radius:5px;}
.bt_pay_big_disa{font-size:14px;width:140px;height:105px;border:1px solid #C8C8CD;background-color:#F4F4F4;border-radius:5px;color:#C8C8CD;}
.bt_pay_sml_chk {font-size:14px;width:140px; height:55px;border :1px solid #222222;cursor:pointer;vertical-align:middle;
                    border-radius:5px;background-image:url('/-img/icon-tick.png');
                    background-size:30px 30px;background-repeat:no-repeat;background-position:right top;}
.bt_pay_sml_unc {font-size:14px;width:140px; height:55px;border :1px solid #C8C8CD;cursor:pointer;vertical-align:middle;border-radius:5px;}

.bt_big_main {font-size:16px;width:200px;height:40px;border:1px solid #828282;background-color:#222222;
              border-radius:5px;color:#FFFFFF;cursor:pointer;}
.bt_sml_main {font-size:14px;width:90px;height:30px;border:1px solid #828282;background-color:#222222;
              border-radius:5px;color:#ffffff;cursor:pointer;vertical-align:middle;padding-left:0px;padding-right:0px;}
.bt_sml_main_narr {font-size:14px;width:60px;height:30px;border:1px solid #828282;background-color:#222222;
              border-radius:5px;color:#ffffff;cursor:pointer;vertical-align:middle;padding-left:0px;padding-right:0px;}
.bt_sml_main_wide {font-size:14px;width:160px;height:30px;border:1px solid #828282;background-color:#222222;
                   border-radius:5px;color:#FFFFFF;cursor:pointer;vertical-align:middle;padding-left:0px;padding-right:0px;}
.bt_sml_main_long {font-size:14px;width:280px;height:30px;border:1px solid #828282;background-color:#222222;
                   border-radius:5px;color:#FFFFFF;cursor:pointer;vertical-align:middle;padding-left:0px;padding-right:0px;}
.bt_big_defa {font-size:16px;width:200px;height:40px;border:1px solid #C8C8CD;background-color:#F4F4F4;
              border-radius:5px 5px 5px 5px;color:#000000;cursor:pointer;}
.bt_sml_defa {font-size:14px;width:90px;height:30px;border:1px solid #C8C8CD;background-color:#F4F4F4;
              border-radius:5px;color:#000000;cursor:pointer;vertical-align:middle;padding-left:0px;padding-right:0px;}
.bt_sml_defa_narr {font-size:14px;width:60px;height:30px;border:1px solid #C8C8CD;background-color:#F4F4F4;
                   border-radius:5px;color:#000000;cursor:pointer;vertical-align:middle;padding-left:0px;padding-right:0px;}
.bt_sml_defa_wide {font-size:14px;width:160px;height:30px;border:1px solid #C8C8CD;background-color:#F4F4F4;
                   border-radius:5px;color:#000000;cursor:pointer;vertical-align:middle;padding-left:0px;padding-right:0px;}
.bt_sml_disa{font-size:14px;width:90px;height:30px;border:1px solid #C8C8CD;background-color:#F4F4F4;
              border-radius:5px;color:#C8C8CD;vertical-align:middle;padding-left:0px;padding-right:0px;}
.bt_sml_alert{font-size:14px;width:90px;height:30px;border:1px solid #CB1B45;background-color:#F4F4F4;
              border-radius:5px;color:#CB1B45;cursor:pointer;vertical-align:middle;padding-left:0px;padding-right:0px;}
.bt_sml_green{font-size:14px;height:30px;border:1px solid #1B813E;;background-color:#F4F4F4;
              border-radius:5px;color:#1B813E;;cursor:pointer;vertical-align:middle;padding-left:5px;padding-right:5px;}
.bt_icon_left{border:1px solid #828282;border-radius:5px 0px 0px 5px;padding-left:0px;padding-right:0px;}
.bt_icon_cent{border:1px solid #828282;border-radius:0px;border-left-style:none;padding-left:0px;padding-right:0px;}
.bt_icon_righ{border:1px solid #828282;border-radius:0px 5px 5px 0px;border-left-style:none;padding-left:0px;padding-right:0px;}
.bt_icon_not {font-size:14px;width:30px;height:30px;background-color:#F4F4F4;color:#000000;vertical-align:middle;}
.bt_icon_yes {font-size:14px;width:30px;height:30px;background-color:#222222;color:#FFFFFF;vertical-align:middle;}

.input_min {font-size:12px;width:25px;height:22px;border:1px solid #C8C8CD;padding-left:3px;padding-right:3px;
            border-radius:2px;color:#000000;}
.input_sml {font-size:14px;height:30px;border:1px solid #C8C8CD;padding-left:8px;padding-right:8px;
            border-radius:5px;color:#000000;}
.input_sml_rgba {font-size:14px;height:30px;border:0px;padding-left:10px;padding-right:10px;
                 border-radius:0px;color:#000000;vertical-align:middle;}