@charset "utf-8";

/* 初始化 */
html { overflow-y: scroll; }
body {
  font-family: Arial, 'Microsoft Jhenghei', sans-serif, '新細明體';
  font-size: 1em;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img { border: 0 none; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 {
  font-family: Arial, 'Microsoft Jhenghei', sans-serif, '新細明體';
  line-height: 1.2em;
  margin: 12px 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
ul, dl, dt, dd {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
legend {
  font-size: 0;
  line-height: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  text-indent: -9999em;
}
label, input, button, select, img {
  vertical-align: middle;
}
input, button {
  font-family: Arial, 'Microsoft Jhenghei', sans-serif, '新細明體';
  font-size: 1em;
  margin: 0;
  padding: 0;
}
button { cursor: pointer; }
input[type="submit"] { cursor:pointer; }
textarea, select {
  font-family: Arial, 'Microsoft Jhenghei', sans-serif, '新細明體';
  font-size: 1em;
}
select {
  margin: 0;
}
p {
  margin: 0;
  padding: 0;
  word-break: break-all;
}
hr {
  display: none;
}
pre {
  font-size: 1.1em;
  overflow-x: scroll;
}
a {
  text-decoration: none;
}
/* a {
  color: #000;
}
a:hover, a:focus, a:active {
  color: #000;
} */

*, :after, :before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (min-width: 992px) {
.special-5 {
  float: left;
  padding: 0 15px;
  width: 20% !important;
}
}

.invisible { visibility: hidden; }
.visible { visibility: visible; }

/* popup layor */
#hd_pop {
  height: 0;
  margin: 0 auto;
  position: relative;
  width: 1200px;
  z-index: 1000;
}
#hd_pop h2 {
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  position: absolute;
}
.hd_pops {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #e9e9e9;
  position: absolute;
}
.hd_pops_con {
}
.hd_pops_footer {
  background: none repeat scroll 0 0 #000;
  color: #fff;
  padding: 10px 0;
  text-align: right;
}
.hd_pops_footer button {
  background: none repeat scroll 0 0 #393939;
  border: 0 none;
  color: #fff;
  margin-right: 5px;
  padding: 5px 10px;
}

/* 頭部 */
._100vp {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
}
._fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}

#hd_h1 {
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  position: absolute;
}
#hd_wrapper {
  margin: 0;
  padding: 0;
  position: relative;
}

#hd_main {
  height: 48px;
  margin: 0;
  padding: 0;
}
#logo {
  display: block;
  margin: 6px auto;
  padding: 0;
}
#logo img {
  display: block;
  margin: 0;
  height: inherit;
  vertical-align: bottom;
}
@media screen and (min-width: 768px) {
#hd_main .align-center { display: flex; } /* LOGO 主選單 置中對齊 */
#hd_main .align-center > div { align-self: center; }
#hd_main {
  height: auto;
  padding: 10px 0;
}
#logo { margin: 0 auto; }
#logo img { margin: auto; }
.align-center #logo img { margin: 0; }
}

/* 頭部註冊和連結 */
#hd_topbar {
  font-size: 13px;
  margin: 0;
  padding: 0;
}
ul#rt_nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin: 0 33px -48px 0;
  padding: 0;
  overflow: hidden;
}
ul#rt_nav li {
  height: 48px;
  line-height: 48px;
  text-align: center;
}
ul#rt_nav li:hover {}
ul#rt_nav li > a { display: inline-block; }
ul#rt_nav a.rmenu_btn { cursor: pointer; }
ul#rt_nav a.rmenu_btn::before {
  /* background: transparent url(../img/icon_shop_b.png) no-repeat; */
  content: '';
  display: inline-block;
  height: 23px;
  margin: 12px;
  vertical-align: middle;
  width: 23px;
}
ul#rt_nav li > a u { margin: 0 10px; }
ul#rt_nav li > a span { display: none; }
ul#rt_nav li.phone a.rmenu_btn::before { margin-right: 5px; }
ul#rt_nav li.search a.rmenu_btn::before { background-position: -34px 0; }
ul#rt_nav li.chat a.rmenu_btn::before { background-position: -68px 0; }
ul#rt_nav li.user a.rmenu_btn::before { background-position: -102px 0; }
ul#rt_nav li.shop a.rmenu_btn::before { background-position: -136px 0; }

@media screen and (min-width: 768px) {
#hd_topbar, ul#rt_nav { margin: 0; }
}

/* 全站搜索 */
#hd_sch {
  margin: 0;
  padding: 0;
}
#hd_sch legend {
  font-size: 0;
  line-height: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  text-indent: -9999em;
}
#hd_sch #sch_stx {
  background: transparent;
  border: 1px solid #DDE7E9;
  color: #333;
  height: 45px;
  float: left;
  padding: 0 10px;
  width: calc(100% - 50px);
}
#hd_sch #sch_stx:focus {
  background: #F1F2F3;
}
#hd_sch #sch_submit {
  border: 0;
  background: #2C2C2C;
  color: #FFF;
  font-size: 15px;
  height: 45px;
  float: left;
  width: 50px;
}

.rt_wrap {
  background: #FFF;
  font-size: 16px;
  height: 100vh;
  margin: 0;
  padding: 15px;
  position: fixed;
  transition: all .3s;
  z-index: 999;
}
.rt_wrap .rmenu_close {
  background: transparent;
  border: 0;
  color: #232323;
  font-size: 48px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 48px;
  width: 48px;
}
.rt_wrap h3 { height: 48px; font-weight: normal; margin: 0; padding: 0; text-align: left; }
.rt_wrap ul {
  line-height: 2;
}
.rmenu_fullscreen_close {
  background: rgba(0,0,0,.5);
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  z-index: 998;
}
@media screen and (max-width: 767px) {
.rt_wrap { top: 0; left: 100%; width: 100%; }
.rt_wrap.on { left: 0; }
}
@media screen and (min-width: 768px) {
.rt_wrap { top: 0; right: -360px; width: 360px; }
.rt_wrap.on { right: 0; }
.rmenu_fullscreen_close.on { display: block; }
}

/* 主選單 */
#top_nav {
  position: fixed;
  top: 0;
  left: 100%;
  color: #FFF;
  height: 100%;
  overflow: scroll;
  transition: all .3s;
  width: 100%;
  z-index: 999;
}
#top_nav h2 {
  font-size: 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
  margin: 0;
}
#menu {
  padding-top: 60px;
  width: 100vw;
}
#menu li {
  padding: 5px 0 5px 30px;
}
#menu a {
  display: block;
  margin: 0;
  padding: 0;
}
#menu a:hover {}
#menu .sub {}
#menu .sub li {
  padding: 5px 0 0 30px;
}

.non-scroll {
  overflow: hidden;
}
#open-menu {
  background: transparent;
  border: 0;
  color: #232323;
  height: 48px;
  margin: 0;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 48px;
}
.icon-bar {
  display: block;
  height: 3px;
  left: 12px;
  position: absolute;
  width: 24px;
}
.icon-bar:nth-of-type(1) { top: 15px; }
.icon-bar:nth-of-type(2) { top: 22px; }
.icon-bar:nth-of-type(3) { top: 29px; }
#close-menu {
  background: inherit;
  border: 0;
  color: #FFF;
  height: 48px;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 48px;
}
#close-menu .icon-bar {}
#close-menu .icon-bar:nth-of-type(1) {
  top: 50%;
  transform: rotate(135deg);
}
#close-menu .icon-bar:nth-of-type(2) {
  display: none;
}
#close-menu .icon-bar:nth-of-type(3) {
  top: 50%;
  transform: rotate(-135deg);
}

#top_nav.on { left: 0; }

@media screen and (min-width: 768px) {
#top_nav {
  background: transparent !important;
  height: auto;
  position: static;
  overflow: visible;
  width: auto !important;
}
#menu {
  display: flex;
  flex-wrap: wrap;
  font-size: 16px;
  /* justify-content: space-between; */
  margin: 0 -15px;
  padding: 0;
  width: calc(100% + 30px);
}
#menu li {
  padding: 4px 15px;
  position: relative;
}
#menu a {
  display: inline-block;
  line-height: 30px;
  position: relative;
  transition: all .3s ease-in-out;
}
/* #menu a::after {
  bottom: -3px;
  content: attr(title);
  left: 0;
  line-height: 30px;
  position: absolute;
  overflow: hidden;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  width: 0;
  white-space: nowrap;
}
#menu a:hover::after {
  width: 100%;
} */
#menu .sub {
  background: #FFF;
  border: 1px solid #333;
  display: none;
  left: 0%;
  position: absolute;
  top: 100%;
  padding: 10px 0;
  width: 180px;
  z-index: 99;
}
#menu .sub li {
  padding: 0 15px;
}
#menu li:hover .sub {
  display: block;
}
#menu .sub a::after {
  border-bottom-color: transparent;
}
}

/* 訂購清單 */
aside#cart .ft {
  background: #FFF;
  bottom: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  height: 64px;
  position: fixed;
  margin: 0 -15px;
  padding: 8px 15px;
  width: 100%;
}
aside#cart .ft * {
  line-height: 48px;
}
aside#cart .ft .total {
  color: #232323;
  text-align: center;
  width: 50%;
}
aside#cart .ft a {
  background: #232323;
  border-radius: 5px;
  color: #FFF;
  display: block;
  text-align: center;
  width: 50%;
}

aside#cart #item-list { height: calc(100vh - 150px); overflow-y: auto; }
aside#cart #item-list li { border-bottom: 1px solid #DDD; margin-bottom: 15px; padding-bottom: 15px; }
aside#cart .cover { float: left; width: 25%; }
aside#cart .info { float: right; padding: 0 15px; width: 75%; }
aside#cart .spec { color: #999; display: block; font-size: 14px; padding: 5px 0; }
aside#cart .control { clear: both; display: flex; flex-wrap: wrap; padding-top: 10px; }
aside#cart .control * { height: 32px; line-height: 32px; }
aside#cart .qty { border: 1px solid #DDD; font-size: 15px; text-align: center; width: 20%; }
aside#cart .minus, aside#cart .plus { background: transparent; border: 0; font-weight: bold; width: 15%; }
aside#cart .price { color: #232323; text-align: right; width: 25%; }
aside#cart .btn_del {
  background: transparent;
  border: 0;
  width: 25%;
}

@media screen and (min-width: 768px) {
aside#cart { margin: 0; width: 360px; }
aside#cart .ft { position: absolute; }
}

/* 首頁 中間 */
#wrapper {
  margin: 0 auto;
  margin-top: -1px;
}
#wrapper:after {
  clear: both;
  content: "";
  display: block;
  visibility: hidden;
}
#aside {
  margin: 0;
  padding: 0;
}
#container {
  height: auto !important;
  min-height: 500px;
  margin: 0;
  padding: 0;
  position: relative;
}
#container:after {
  clear: both;
  content: "";
  display: block;
  visibility: hidden;
}
#container_title {
  display: none;
  font-size: 28px;
  font-weight: bold;
  margin: 30px 0 20px;
  text-align: center;
}

#breadcrumb {
  border-bottom: 1px solid #E9E9E9;
  border-top: 1px solid #E9E9E9;
  margin: 0 0 12px;
  padding: 8px 0;
}
#breadcrumb ul {
  font-size: 14px;
  list-style: none;
  height: 22px;
  margin: 0 auto;
  padding: 0;
}
#breadcrumb li {
  color: #666;
  float: left;
}
#breadcrumb li a {}
#breadcrumb li a:hover {}
#breadcrumb li:after {
  content: "›";
  padding: 0 5px;
}
#breadcrumb li:last-child::after {
  content: "";
}

/* 尾部 */
#footer {
  line-height: 1.75;
}
#footer .block {
  padding: 15px;
}
#footer a {
  display: inline-block;
  margin: 0;
  padding: 0;
}
#footer span {
  display: block;
}
#footer address {
  font-style: normal;
}

#top_btn {
  background: rgba(255,255,255,0.5);
  border: 2px solid #333;
  height: 50px;
  line-height: 46px;
  width: 50px;
  margin: 0;
  padding: 0;
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 90;
}
#top_btn::before, #top_btn::after {
  background: #333;
  width: 25px;
  height: 6px;
  border-radius: 3px;
  position: absolute;
  top: 1.35rem;
  content: "";
}
#top_btn::before {
  transform: rotate(-45deg) translate(0, -50%);
  left: 0.4rem;
}
#top_btn::after {
  transform: rotate(45deg) translate(0, -50%);
  right: 0.4rem;
}
#top_btn:hover {
  background: rgba(255,255,255,0.75);
}
#top_btn:hover::before, #top_btn:hover::after {
}

@media screen and (min-width: 768px) {
#footer .opt3-1 .col-1,
#footer .opt3-1 .col-2,
#footer .opt3-1 .col-3 { width: 33.333%; }
#footer .opt3-1 .col-4,
#footer .opt3-1 .col-5 { display: none; }
#footer .opt3-2 .col-1 { width: 50%; }
#footer .opt3-2 .col-2,
#footer .opt3-2 .col-3 { width: 25%; }
#footer .opt3-2 .col-4,
#footer .opt3-2 .col-5 { display: none; }
#footer .opt3-3 .col-1,
#footer .opt3-3 .col-2,
#footer .opt3-3 .col-3 { width: 100; }
#footer .opt3-3 .col-4,
#footer .opt3-3 .col-5 { display: none; }

#footer .opt4-1 .col-1,
#footer .opt4-1 .col-2,
#footer .opt4-1 .col-3,
#footer .opt4-1 .col-4 { width: 25%; }
#footer .opt4-1 .col-5 { display: none; }
#footer .opt4-2 .col-1 { width: 40%; }
#footer .opt4-2 .col-2,
#footer .opt4-2 .col-3,
#footer .opt4-2 .col-4 { width: 20%; }
#footer .opt4-2 .col-5 { display: none; }
#footer .opt4-3 .col-1,
#footer .opt4-3 .col-2,
#footer .opt4-3 .col-3 { width: 33.333%; }
#footer .opt4-3 .col-4 { width: 100%; }
#footer .opt4-3 .col-5 { display: none; }
#footer .opt4-4 .col-1 { width: 100%; }
#footer .opt4-4 .col-2,
#footer .opt4-4 .col-3,
#footer .opt4-4 .col-4 { width: 33.333%; }
#footer .opt4-4 .col-5 { display: none; }

#footer .opt5-1 .col-1,
#footer .opt5-1 .col-2,
#footer .opt5-1 .col-3,
#footer .opt5-1 .col-4,
#footer .opt5-1 .col-5 { width: 20%; }
#footer .opt5-2 .col-1 { width: 33.333%; }
#footer .opt5-2 .col-2,
#footer .opt5-2 .col-3,
#footer .opt5-2 .col-4,
#footer .opt5-2 .col-5 { width: 16.667%; }
#footer .opt5-3 .col-1,
#footer .opt5-3 .col-2,
#footer .opt5-3 .col-3,
#footer .opt5-3 .col-4 { width: 25%; }
#footer .opt5-3 .col-5 { width: 100%; }
#footer .opt5-4 .col-1,
#footer .opt5-4 .col-2,
#footer .opt5-4 .col-3 { width: 33.333%; }
#footer .opt5-4 .col-4,
#footer .opt5-4 .col-5 { width: 100%; }
#footer .opt5-5 .col-1 { width: 100%; }
#footer .opt5-5 .col-2,
#footer .opt5-5 .col-3,
#footer .opt5-5 .col-4 { width: 33.333%; }
#footer .opt5-5 .col-5 { width: 100%; }
}

/* 選擇複製移動 */
#copymove {}
.copymove_current {
  color: #ff3061;
  float: right;
}
.copymove_currentbg {
  background: none repeat scroll 0 0 #f4f4f4;
}

/* 給閱讀器使用者 */
#hd_login_msg {
  font-size: 0;
  left: 0;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
}
.msg_sound_only, .sound_only {
  border: 0 none !important;
  display: inline-block !important;
  font-size: 0;
  left: 0;
  line-height: 0;
  margin: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute;
  top: 0;
}

/* Skip */
#skip_to_container a {
  font-size: 0;
  height: 1px;
  left: 0;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 1px;
  z-index: 10000;
}
#skip_to_container a:focus, #skip_to_container a:active {
  background: none repeat scroll 0 0 #21272e;
  color: #fff;
  font-size: 2em;
  font-weight: bold;
  height: 75px;
  line-height: 3.3em;
  text-align: center;
  width: 100%;
}

/* IE6圖像指定寬度 */
.img_fix {
  height: auto;
  width: 100%;
}

/* 防止captcha自動輸入 - PC */
#captcha {
  display: inline-block;
  position: relative;
}
#captcha legend {
  position: absolute;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  text-indent: -9999em;
  overflow: hidden;
}
#captcha #captcha_img {
  width: 160px;
  height: 60px;
  border: 1px solid #e9e9e9;
}
#captcha #captcha_mp3 {
  display: none;
  position: absolute;
  top: 0;
  left: 161px;
  margin: 0;
  padding: 0;
  width: 31px;
  height: 31px;
  border: 0;
  background: transparent;
  vertical-align: middle;
  overflow: hidden;
  cursor: pointer;
}
#captcha #captcha_mp3 span {
  position: absolute;
  top: 0;
  left: 0;
  width: 31px;
  height: 31px;
  background: url('../img/captcha.png') no-repeat;
}
#captcha #captcha_reload {
  position: absolute;
  top: 31px;
  left: 161px;
  margin: 0;
  padding: 0;
  width: 31px;
  height: 31px;
  border: 0;
  background: transparent;
  vertical-align: middle;
  overflow: hidden;
  cursor: pointer;
}
#captcha #captcha_reload span {
  position: absolute;
  top: 0;
  left: 0;
  width: 31px;
  height: 31px;
  background: url('../img/captcha.png') no-repeat 0 -30px;
  border-top: 1px solid #ccc;
}
#captcha #captcha_key {
  margin: 0 0 0 33px;
  padding: 0 5px;
  width: 80px;
  height: 60px;
  border: 1px solid #b8c9c2;
  background: #f7f7f7;
  font-size: 1.333em;
  font-weight: bold;
  text-align: center;
  line-height: 2.8em;
}
#captcha #captcha_info {
  display: block;
  margin: 5px 0 0;
  font-size: 0.95em;
  letter-spacing: -0.1em;
}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block;}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha.png') no-repeat  0 -30px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span{display:none;}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../img/captcha.png') no-repeat; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* ckeditor 快速鍵 */
.cke_sc {
  margin: 0 0 5px;
  text-align: right;
}
.btn_cke_sc {
  background: none repeat scroll 0 0 #fafafa;
  border: 1px solid #ccc;
  color: #000;
  cursor: pointer;
  display: inline-block;
  height: 23px;
  line-height: 1.9em;
  padding: 0 10px;
  vertical-align: middle;
}
.cke_sc_def {
  background: none repeat scroll 0 0 #f7f7f7;
  border: 1px solid #ccc;
  margin: 0 0 5px;
  padding: 10px;
  text-align: center;
}
.cke_sc_def dl {
  margin: 0 0 5px;
  text-align: left;
}
.cke_sc_def dl:after {
  clear: both;
  content: "";
  display: block;
  visibility: hidden;
}
.cke_sc_def dt, .cke_sc_def dd {
  border-bottom: 1px solid #e9e9e9;
  float: left;
  margin: 0;
  padding: 5px 0;
}
.cke_sc_def dt {
  font-weight: bold;
  width: 20%;
}
.cke_sc_def dd {
  width: 30%;
}

/* button */
a.btn,.btn {line-height:1;padding:12px 16px;text-align:center;font-weight:bold;
-webkit-transition:background-color 0.3s ease-out;
-moz-transition:background-color 0.3s ease-out;
-o-transition:background-color 0.3s ease-out;
transition:background-color 0.3s ease-out}

a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:center;}

.btn_submit {}
.btn_submit:hover {}
.btn_close {border:1px solid #dcdcdc;cursor:pointer;border-radius:3px;background:#fff}
a.btn_close {text-align:center;line-height:50px}

a.btn_cancel {cursor:pointer;text-align:center;line-height:50px}
button.btn_cancel {display:inline-block;}
.btn_cancel:hover {}
a.btn_frmline, button.btn_frmline {display:inline-block;width:128px;padding:0 5px;height:40px;border:0;background:#434a54;border-radius:3px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {}
button.btn_frmline {font-size:1em}

/* board用button */
a.btn_b01 {
  background: none repeat scroll 0 0 #f2f5f9;
  border: 1px solid #d9ded9;
  color: #000;
  display: inline-block;
  padding: 7px;
  vertical-align: middle;
}
a.btn_b01:focus, .btn_b01:hover {
}
a.btn_b02 {
  background: none repeat scroll 0 0 #4b545e;
  border: 1px solid #3b3c3f;
  color: #fff;
  display: inline-block;
  padding: 7px;
  vertical-align: middle;
}
a.btn_b02:focus, .btn_b02:hover {color:#fff !important;}
a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {background:#ebedf6}
a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle}
a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9}
a.btn_admin,.btn_admin {
  background: none repeat scroll 0 0 #e8180c;
  border: 1px solid #e8180c;
  color: #fff;
  display: inline-block;
  padding: 7px;
  vertical-align: middle;
}
.btn_admin:hover, a.btn_admin:hover {color:#fff !important;}

/* 評論樣式 */
.cnt_cmt {
  display: inline-block;
  font-weight: bold;
  margin: 0 0 0 3px;
}

/* table默認樣式 */
.tbl_wrap table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
.tbl_wrap caption {
  font-weight: bold;
  padding: 10px 0;
  text-align: left;
}
.tbl_head01 {
  margin: 0 0 10px;
}
.tbl_head01 caption {
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  padding: 0;
}
.tbl_head01 thead th {
  background: none repeat scroll 0 0 #e5ecef;
  border-bottom: 1px solid #d1dee2;
  border-top: 1px solid #d1dee2;
  color: #383838;
  font-size: 0.95em;
  letter-spacing: 0.1em;
  padding: 12px 0;
  text-align: center;
}
.tbl_head01 thead a {
  color: #383838;
}
.tbl_head01 thead th input {
  vertical-align: top;
}
.tbl_head01 tfoot th, .tbl_head01 tfoot td {
  background: none repeat scroll 0 0 #d7e0e2;
  border-bottom: 1px solid #c1d1d5;
  border-top: 1px solid #c1d1d5;
  padding: 10px 0;
  text-align: center;
}
.tbl_head01 tbody th {
  border-bottom: 1px solid #e9e9e9;
  border-top: 1px solid #e9e9e9;
  padding: 8px 0;
}
.tbl_head01 td {
  border-bottom: 1px solid #e9e9e9;
  border-top: 1px solid #e9e9e9;
  line-height: 1.5em;
  padding: 8px 5px;
  word-break: break-all;
}
.tbl_head01 a {
}
.tbl_head02 {
  margin: 0 0 10px;
}
.tbl_head02 caption {
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  padding: 0;
}
.tbl_head02 thead th {
  background: none repeat scroll 0 0 #e5ecef;
  border-bottom: 1px solid #d1dee2;
  border-top: 1px solid #d1dee2;
  color: #383838;
  font-size: 0.95em;
  letter-spacing: 0.1em;
  padding: 5px 0;
  text-align: center;
}
.tbl_head02 thead a {
  color: #383838;
}
.tbl_head02 thead th input {
  vertical-align: top;
}
.tbl_head02 tfoot th, .tbl_head02 tfoot td {
  background: none repeat scroll 0 0 #d7e0e2;
  border-bottom: 1px solid #c1d1d5;
  border-top: 1px solid #c1d1d5;
  padding: 10px 0;
  text-align: center;
}
.tbl_head02 tbody th {
  border-bottom: 1px solid #e9e9e9;
  border-top: 1px solid #e9e9e9;
  padding: 5px 0;
}
.tbl_head02 td {
  border-bottom: 1px solid #e9e9e9;
  border-top: 1px solid #e9e9e9;
  line-height: 1.4em;
  padding: 5px 3px;
  word-break: break-all;
}
.tbl_head02 a {
}

/* form table */
.tbl_frm01 {
  margin: 0 0 20px;
}
.tbl_frm01 table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
.tbl_frm01 th {
  background: none repeat scroll 0 0 #f5f8f9;
  border: 1px solid #E9E9E9;
  padding: 7px 13px;
  text-align: left;
  width: 70px;
}
.tbl_frm01 td {
  background: none repeat scroll 0 0 transparent;
  border-bottom: 1px solid #e9e9e9;
  border-top: 1px solid #e9e9e9;
  padding: 7px 10px;
}
.wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input {
  background: #FFF;
  border: 1px solid #d0d3db;
  color: #000;
  line-height: 2em;
  padding: 5px;
  vertical-align: middle;
}
.tbl_frm01 textarea { padding: 2px 2px 3px; }
.frm_input { height: 40px; }
.tbl_frm01 textarea, .write_div textarea {
  height: 100px;
  width: 98%;
}
.tbl_frm01 a {}
.tbl_frm01 .frm_file {
  display: block;
  margin-bottom: 5px;
}
.tbl_frm01 .frm_info {
  display: block;
  line-height: 1.4em;
  padding: 0 0 5px;
}

/* form list */
.form_01 h2 {font-size:1.167em}
.form_01 li {margin-bottom:10px}
.form_01 ul:after,
.form_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.form_01 .left_input {float:left}
.form_01 .margin_input {margin-right:1%}
.form_01 textarea {height:100px;width:100%}
.form_01 .frm_label {display:inline-block;width:130px}
.form_01 .frm_info { color: #525252; display: block; margin: 5px 0; }

/* no data list */
.empty_table {
  padding: 50px 0 !important;
  text-align: center;
}
.empty_list {
  color: #666;
  padding: 20px 0 !important;
  text-align: center;
}

/* 必填 */
.required, textarea.required {
  background: url("../img/require.png") no-repeat scroll right top #FFF !important;
}

/* table 項目定義 */
.td_board {
  text-align: center;
  width: 120px;
}
.td_category {
  text-align: center;
  width: 80px;
}
.td_chk {
  text-align: center;
  width: 30px;
}
.td_date {
  text-align: center;
  width: 60px;
}
.td_datetime {
  text-align: center;
  width: 110px;
}
.td_group {
  text-align: center;
  width: 100px;
}
.td_mb_id {
  text-align: center;
  width: 100px;
}
.td_mng {
  text-align: center;
  width: 80px;
}
.td_name {
  text-align: left;
  width: 100px;
}
.td_nick {
  text-align: center;
  width: 100px;
}
.td_num {
  text-align: center;
  width: 50px;
}
.td_numbig {
  text-align: center;
  width: 80px;
}
.td_stat {
  text-align: center;
  width: 60px;
}
.txt_active {
  color: #5d910b;
}
.txt_done {
  color: #e8180c;
}
.txt_expired {
  color: #ccc;
}
.txt_rdy {
  color: #8abc2a;
}

/* New Window default style */
.new_win {
}
.new_win .tbl_wrap {
  margin: 0 20px;
}
.new_win #win_title {
  background: none repeat scroll 0 0 #fff;
  border-bottom: 1px solid #dde4e9;
  border-top: 3px solid #333;
  font-size: 1.2em;
  margin: 0 0 20px;
  padding: 20px;
}
.new_win #win_title .sv {
  font-size: 0.75em;
  line-height: 1.2em;
}
.new_win .win_ul {
  background: none repeat scroll 0 0 #484848;
  border-bottom: 1px solid #455255;
  list-style: none outside none;
  margin: -20px 0 20px;
  padding: 0 20px;
}
.new_win .win_ul:after {
  clear: both;
  content: "";
  display: block;
  visibility: hidden;
}
.new_win .win_ul li {
  float: left;
  margin-left: -1px;
}
.new_win .win_ul a {
  border-left: 1px solid #455255;
  border-right: 1px solid #455255;
  color: #fff;
  display: block;
  font-family: Arial, 'Microsoft Jhenghei', sans-serif, '新細明體';
  font-weight: bold;
  padding: 10px 10px 8px;
}
.new_win .win_desc {
  padding: 20px;
}
.new_win .win_btn {
  clear: both;
  padding: 20px;
  text-align: center;
}
.new_win .win_btn button {
  background: none repeat scroll 0 0 #4b545e;
  border: 0 none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  height: 30px;
  line-height: 2em;
  padding: 0 10px;
}
.new_win .win_btn input {
  height: 30px;
  line-height: 2em;
  padding: 0 10px;
}
.new_win .win_btn a {
  background: none repeat scroll 0 0 #4b545e;
  color: #fff;
  display: inline-block;
  height: 30px;
  line-height: 2.4em;
  padding: 0 10px;
  vertical-align: middle;
}
.new_win .win_btn a:focus, .new_win .win_btn a:hover {
}
/* 搜索結果顏色 */
.sch_word {
  color: #ff3061;
}

/* Javascript警告替代 */
#validation_check {
  margin: 100px auto;
  width: 500px;
}
#validation_check h1 {
  font-size: 1.3em;
  margin-bottom: 20px;
}
#validation_check p {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #e9e9e9;
  margin-bottom: 20px;
  padding: 30px 20px;
}

/* Side view */
.sv_wrap {
  display: inline-block;
  font-weight: normal;
  position: relative;
}
.sv_wrap .sv {
  border: 1px solid #283646;
  display: none;
  margin: 5px 0 0;
  z-index: 1000;
}
.sv_wrap .sv a {
  background: none repeat scroll 0 0 #111;
  border-bottom: 1px solid #283646;
  color: #fff !important;
  display: inline-block;
  margin: 0;
  padding: 3px;
  width: 94px;
}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {
}
.sv_on {
  display: block !important;
  height: auto;
  left: 20px;
  position: absolute;
  top: 10px;
  width: auto;
}
.sv_nojs .sv {
  display: block;
}
/* 分頁 */
.pg_wrap {
  clear: both;
  margin: 0 0 30px;
  padding: 30px 0 0;
  text-align: center;
}
.pg {}
.pg_page, .pg_current {
  display: inline-block;
  font-size: 16px;
  height: 50px;
  letter-spacing: 0;
  line-height: 50px;
  margin: 4px 0;
  vertical-align: middle;
  width: 50px;
}
.pg a:focus, .pg a:hover {}
.pg_page {}
.pg_start, .pg_prev { /* 上一頁 */
}
.pg_end, .pg_next { /* 下一頁 */
}
.pg_current {
  font-weight: normal;
}

/* 前往手機版 */
#device_change {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #eee;
  border-radius: 2em;
  color: #000;
  display: block;
  font-size: 2em;
  margin: 0.3em;
  padding: 0.5em 0;
  text-align: center;
}

/* 電子郵件驗證 */
.rg_em {
  margin-top: 5px;
}
.rg_em caption {
  line-height: 0;
  font-size: 0;
  overflow: hidden;
  padding: 0;
}

/* 캡챠 모바일에서 피시버젼 */
#captcha.m_captcha audio{display:block;margin:5px 0 10px;}
#captcha.m_captcha #captcha_key{margin-left:3px }
#captcha.m_captcha #captcha_reload span{background:none;display:inline}
#captcha.m_captcha #captcha_reload {position:relative ;width:auto;top:0;left:0;margin:0;padding:0 10px;height:43px;border:0;background:#e4eaec;vertical-align:middle;overflow:hidden;cursor:pointer}