* {
    -webkit-overflow-scrolling: touch !important;
    overflow-scrolling: touch !important;
}
html { overflow-y:auto !important; }
body, html {
    margin: 0;
    padding: 0;
    background-color: #fff;
    overflow-x: hidden;
    /*height:100%;*/
    width:100%;
    font-family: MarkOT, "微軟正黑體", sans-serif !important;
}
body {
    min-height:100%;
    height:100%;
    overflow-y: visible !important;
    font-size:14px;
    line-height:1.6;
}
table{font-family: MarkOT, "微軟正黑體", sans-serif !important; color:#000 !important;}
.fixed.show{display:none !important;}
p{/* color:#000; *//* font-size:14px; */}
.LOGIN_NEW_m{font-size:14px;}
.LOGIN_NEW_m a{color:#be9a50 !important;}
.LOGIN_NEW_m img{width:60%; margin:20px auto;}
select[name="birthy"] { width: auto; }
#share_product, form[id="member_fm"] .LOGIN_NEW_m img{display:none;}
.addthis_sharing_toolbox, .C_num{display:none !important;}
.mobile_prev{text-align:right; padding:15px 15px;}
.act_content { border-bottom: 0; }
.act_content img{width: auto !important;max-width: 100%;}

/*--navbar--*/
.mui-off-canvas-wrap .mui-bar { 
    height:60px; 
    background: #54822c;
    border-bottom: 2px solid #91c03e;
    opacity:0.9;
}
h1.mui-title img {
    width: 210px;
    height: auto;
    margin: 8px 0;
}
.mui-bar .mui-icon:active { 
    opacity: 1;
    margin: 4px -6px;
    color: #fff;
}
.mui-bar .mui-icon { font-size:30px; }
.mui-off-canvas-left, .mui-off-canvas-right { background:#fcfff8; }

nav:not(.mm-menu) { display:block; }

#gotop {
  display: none;
  position: fixed;
  right: 10px;
  bottom: 8px;    
  font-size: 20px;
  cursor: pointer;
  z-index:300;
  opacity:0.8;
}
.bold a h1{color: #000;padding-left: 28px;background-repeat: no-repeat;background-position: -10px center;background-size: cover;width: 90%;font-size: 1em;font-weight: normal;line-height: 30px;height: 30px;background-image: url(../templates/title-b01.gif);}
#COPYRIGHT a, #COPYRIGHT ul li{color:#555;}
a#FB_BTN{display:none !important;}
#m_CONTENT{width:100%; box-sizing:border-box; padding:10px;}
#m_CONTENT ul.STEP_UL {
    margin-top: 60px;
    margin-bottom: 20px;
    margin-left: 0;
    font-size: 16px;
}

.m_ecoupon_page{font-size:13px;}
.bg_th{ background-color:#ccc; text-align:left; }
.bg_td{ border-bottom:1px dotted #999; background-color:#FFF;}
table#m_ecoupon_1{width:100%; font-size:15px; margin:20px auto;}
table#m_ecoupon_1 td{padding:2px;}
#m_ecoupon_parent{display: table;
    margin: 20px 0 0;
    padding: 0 22.5px;
    width: 100%;
    height: auto;
}
#m_ecoupon_parent table#m_ecoupon_1{margin:0;}
#m_ecoupon_parent .ecoupon_title{background:#FFF !important;}
#m_ecoupon_parent .ecoupon_title h3, #m_ecoupon_parent .ecoupon_title h3 font[color="#FFFFFF"]{font-size:16px; color:#000;}
table#m_ecoupon_1 tr:nth-of-type(1) { background: #000; }
table#m_ecoupon_1 tr:nth-of-type(1) th {color:#fff; text-align: center !important; font-size:13px;}
table.cart_table_m td{font-size:13px; padding:3px !important}
table.cart_table_m tr.SUB_LISTm2, table.cart_table_m tr.SUB_LISTm3,  table.cart_table_m td:nth-last-of-type(2), #CONTENT table[cellspacing="0"] table:nth-of-type(2) tr.table-dot td.table-dot:nth-last-of-type(1){display:none !important;}
tr.table-dot td{padding:0 10px;}
.table-dot td[align="left"] a[href="javascript:void(0);"], .table-dot td[align="right"] a[href="javascript:void(0);"]{color:#FFF !important; display:none;}
#d3_select_form table{width:100%;}
#d3_select_form input[type=checkbox]{margin-top:-5px;}
html{overflow-y:auto!important;}
#wrap{margin-top:20px;}
a{text-decoration:none !important;}
#WRAPPER{margin: -85px auto 0 auto; height:100%; }

#HEADER {
    opacity: 1;
    background-color: #fff;
    height: 62px;
    border-bottom: 1px solid #d1d1d1;
}
#CONTENT{
    margin: 190px auto 0 auto !important;
    overflow:visible !important;
}

.about .about_content{
	box-sizing: border-box;
	padding: 20px;
}
.about_content { border-bottom:0 !important; background-color: #fff !important; }
.gray{border:none;}
#search_submit {}
.search_pop input { 
    height: 50px;
    color: #333;
    background-color: transparent;
    border-bottom: 1px solid #6a6a6a;
    border-radius: 0 !important;
}
.search_pop { display:none !important;
    background-image: url(); 
    background-color: #000;
    background-size: auto 45px;
    background-repeat: no-repeat;
    background-position: center 10px;
    padding: 20px 0 10px 0;
    height: auto;
    left: -80%;
    top: -65px;
    width: 80%;
    /* display: none !important; */
    box-sizing: border-box;
}
#csub5_id + h3{
    display: block !important;    width: 90%;    margin: 0 auto;    margin-top: 70px;    text-align: center;    line-height: 85px;    border-bottom: 1px solid #ccc;    box-sizing: border-box;    font-size: 24px;    letter-spacing: 2px;    font-weight: normal;
}
#csub5_id + h3 a h3{    font-size: 24px;    letter-spacing: 2px;    font-weight: normal;    color:#000;
}
.class_pop{width:90% !important;}
.loading_area{width:90%; clear:both;}

.Consignee{width: 100%;  padding: 0;  margin: 0;  border: none;}
.Consignee ul li { list-style:none; }
.Consignee ul.PRODUCT_UL { margin-top:80px; }
form[id="login_fm"] .Consignee ul.PRODUCT_UL { margin-top:10px; }
.item-info.qt{box-sizing:border-box; padding:0 15px;}
.Consignee .item-info.qt .select-box.sel-qt{width: 100% !important;  height: 40px; border-radius:0; }
form[id="member_fm"]{/* margin-top:-80px; */  width: 94%; margin: 0 auto; }
form#member_fm .ItemBox span#addr_tw select, form#member_fm .ItemBox span#addr_tw input {
    margin-right: 9px;
    vertical-align: top;
}
form#member_fm li#sex_s input[type="radio"] { margin: -5px 2px 0 0; }
.LOGIN_NEW_m { margin-top: -20px; }
.LOGIN_NEW_m img[src="./images/thumb_20160321102340_991.gif"] {display:none; margin-bottom:-50px;}
.LOGIN_NEW_m td[style="line-height:40px; padding-top:15px;"] {display:none; margin-top:-50px; color:#FFF;}
#login_icon1, #login_icon3 {display:block; margin-left:60px; margin-top:9px; float:left;}
#login_icon3{ margin-top: 25px; margin-left: 0;}
#login_icon3 a{font-size:15px !important; padding:0 !important;}
#login_icon1 img, #login_icon3 img{width:30px;}
.header_login { display: block; font-size:15px; font-weight:300; }
#HEADER .header_login{display:none !important; font-size:0;}
.DATA_CONTENT div.width_90, .banner img{width:100%;}
.banner{height:auto;}

/*===產品div新版===*/
article ul{margin-left:0;}
ul.RECOMMAND article ul#productList {
    margin: 25px 0 0 0;
    padding: 0px;
}
ul#productList >li[style="position:relative"] {
    display: block;
    float: left;
    min-height: 315px !important;
    height: 100%;
    padding: 5px;
    margin-right: 0;
    margin-left: 5px;
    margin-bottom: 10px;
}
ul#productList >li {
    width: 50% !important;
    max-width: 48% !important;
    min-height: 315px;
    margin: 10px 0;
    padding: 5px;
}
a.a-product-img{width:100%; padding:0; margin:0; display: flex; flex-wrap: wrap;}
.main-product-div{width:100%; padding:0; margin:0; }
.lazyload-img.product-imgs{background-size:cover; max-width:100%;}
.product-shade-img.lazyload-img{ max-width:100%;}
.prd_price_group{margin:2px 0;}
.mobi_prd_title {
    max-height: 75px !important;
    font-size: 14px;
    font-weight: normal;
    overflow: hidden;
    width: 100%;
    line-height: 1.4;
    font-family: MarkOT, "微軟正黑體", sans-serif;
    margin-top: 8px;
}

/*訂單查詢popup*/
div#pop_cart_cord_login {
    background: #fff;
    border-radius: 5px;
    padding: 10px;
    width: 90%;
}
div#pop_cart_cord_login img[src="images/icon_close01.gif"] { float: right; }
.font_120 { font-size:100%; }
div#pop_cart_cord_login p.PRODUCT_BUY a { width: 95%; }
ul.pw_box input { max-width: 100%; width: 100%; margin: 0; }
form#member_fm .group_btn { width: 100%; }
div#layermbox0 h3 {
    background: transparent !important;
    color: #000 !important;
    font-weight: bold;
    margin:0;
}
td.member-star { color: #be9a50; }
img[src="images/webgo_login_submit.gif"] { width: auto; height: 30px; margin-top: 10px; margin-right: 19px; }
form#fukuan_form input { width: 95%; }


/*===版權宣告===*/
div#copyright { 
    /*position:absolute;
    height:auto;
    left:0;
    margin-top:-50px;*/
    clear:both;
    width:100%;
}

.copyright-info {
    width:100%;
    background-image:url(../images/copyright-bg.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position: center center;
    padding:50px 0;
    position:relative;
}
img[src="images/ribbon-mobile.png"] {
    position: absolute;
    left: 0;
    top: -1px;
    width:160px;
}
img[src="images/"]{display:none;}
.shop-pic { margin-top:25px; }
.shop-info p {
    text-align: left;
    font-size: 15px;
    color: #fff;
    line-height:30px;
    margin-top:16px;
}
.shop-info p img {
    float: left;
    margin-right: 10px;
    margin-top: 3px;
}

.shop-info.col-md-4 {
    width: 100%; 
    float:left; 
    padding:0;
    margin-bottom:30px; 
}
.fb-fan.col-md-4 { 
    width:100%; 
    padding:0;
    float:left;
}

#copyright h2.main-title {
    color: #fff;
    font-size: 24px;
    text-align:center;
    padding-bottom:2px !important;
}
#copyright h4.main-title-en {
    background: none;
    color: #000;
    line-height: 1.2;
    display: block;
    font-family: MarkOTBold, MarkOT, "微軟正黑體", sans-serif !important;
    font-size: 20px;
    text-align: center;
}

.copyright-map {
    background:#9e9e9e;
    width:100%;
    height:200px;
    padding-top:30px;
}

.copyright-map h2 {
    font-family: MarkOTBold, MarkOT, "微軟正黑體", sans-serif !important;
    font-size: 24px;
    text-align: center;
    color: #000;
    line-height: 32px;
}

ul.text-icon-list {}
.text-icon-list li {
    padding-left: 0 !important;
    list-style-image: url(../images/arrow-right.gif);
    text-align: left;
    line-height: 32px;
}
.copyright-map .col-lg-3 { padding:0 60px; width:256px; }
.text-icon-list a { font-size:16px; color:#4a4a4a; }

/*===側邊選單===*/
nav#menu {
    width: 80% !important;
    padding-top: 70px;
    padding-bottom: 70px;
    background: #fff;
    overflow-x: hidden;
    box-shadow: 0 0 5px #ccc;
    z-index: 200 !important;
    background-image: url(../images/vt17055611882o18pc4r.png);
    background-repeat: no-repeat;
    background-size: 170px;
    background-position: 15px 10px;
}
#menu li { position: relative; line-height: 0px; }
#menu li:after, #menu li:not(ul) span:after {
  content: '';
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
  height: 1px;
  border-bottom: none;
}

#menu li a {
    text-overflow: ellipsis;
    white-space: nowrap;
    /* overflow: hidden; */
    line-height: 36px;
    display: block;
    padding: 5px 10px 5px 55px;
    margin: 0;
    font-size: 14px;
    color: #85766C;
    text-align: left;
    font-family: MarkOT, "微軟正黑體", sans-serif !important;
    border-bottom: 1px solid #c5b2a5;
}
#menu li.active a{color:#000 !important}

nav#menu a[href="3g_action.php?act=detail&id=1"], nav#menu a[href="f1_2.php?id=3?from=mobile"] {
    /*background-image: url(../images/menu_btn_content.gif) !important;
    background-size: auto 39px;
    background-repeat: no-repeat;
    background-position: 13px center;
    text-indent: 28px;
    font-weight: bold;
    color: #bc6b36;*/
}
nav#menu a[href="3g_info_480.php"],nav#menu a[href="b101.php?from=mobile"] { 
    /*background:#f7ffee;*/ 
    background-image: url(../images/menu_btn_student.gif) !important;
    background-size: auto 39px;
    background-repeat: no-repeat;
    background-position: 13px center;
    text-indent: 28px;
    font-weight: bold;
}

li.menu-cen.menu-child a[href="3g_info_480.php"] { background:none !important; }
#menu > ul { padding: 0; margin: 0; }
#menu {	visibility: hidden; }
#menu ul {
    padding: 0;
    padding-top: 0px;
    background-color: #fff;
}
.menu-cen > li, .menu-sub > li { padding-left: 40px !important; }
#menu li > span > a, #menu li > span {/* border-bottom: 1px solid #ccc; */}

.transit-on {
    transform: translate(80%, 0px) !important; 
    -webkit-transform: translate(80%, 0px)  !important; 
    -moz-transform: translate(80%, 0px)  !important;
}

ul.menu-cen.menu-child.collapse.in { padding-top:0 !important; }
ul.menu-sub.menu-child.collapse.in { padding-top:0 !important; }
ul.menu-sub.menu-child.collapse.in li { background: #777 !important; }
.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-property:height, visibility;transition-property:height, visibility;-webkit-transition-duration:0.35s;transition-duration:0.35s;-webkit-transition-timing-function:ease;transition-timing-function:ease;}
.metismenu{width:100% !important; margin-top:108px !important;}
.menu-icon{width:100% !important; height: 36px !important;
    background-image: url(../templates/menu_btn.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right center;
}
#menu .metismenu{background-color:#FFF; }
#menu .metismenu li{border-bottom:1px solid #ccc;}
#menu li > span >a, #menu li > span{/* border:none; */}
#menu .metismenu li a{padding: 10px 25px; color:#000; }
#menu .metismenu li:after, #menu .metismenu li:not(ul) span:after{border-bottom:none; }
#menu .menu-child > li{
    border-bottom: none !important;
    font-size: 15px;
    padding-left: 0px;
    margin-left: 0;
    background:#fff; 
}
ul.metismenu li a[href="3g_member.php?act=login"], ul.metismenu li a[href="3g_member.php?act=logout"]{display:block; width:100%; text-align:center; color:#FFF !important; background-color:#868686; padding-left:0 !important;}
ul.metismenu li a[href="3g_member.php"] {
    display: block;
    width: 100%;
    text-align: center;
    color: #FFF !important;
    background-color: #9c9c9c;
    padding-left: 0 !important;
}

#menu .metismenu > li > a{border-bottom: none !important;}
/*
a[href="3g_info_272.php"], a[href="3g_info_273.php"], a[href="3g_info_438.php"], a[href="3g_info_439.php"], a[href="3g_info_440.php"], a[href="3g_info_441.php"], a[href="3g_info_442.php"], a[href="3g_info_443.php"], a[href="3g_info_444.php"]{
background-color: #ececec;
    color: #000;
    padding: 10px 40px 10px 40px !important;
    font-size: 15px;
    border-bottom:none;
}
*/
.menu-cen > li, .menu-sub > li{padding:0 !important;}
#menu .menu-child > li a {
    padding-left: 50px!important;
    font-size: 14px;
    color: #000 !important;
    font-family: MarkOT, "微軟正黑體", sans-serif !important;
}
.metismenu .menu-cen{background-color: #ececec; padding: 0; color:#000;}
.metismenu .menu-sub{background-color: #f5f5f5; padding: 0; color:#000;}
.active  a[aria-expanded="true"].menu-icon{background-image: url(templates/menu_btn-o.png); }
.active span a { color:#fff; }
.menu-cen span a { color:#fff !important; }
ul.menu-cen li.active span a{color:#fff !important;}
ul.menu-cen li.active ul.menu-sub li span a{color:#000 !important;}
ul.metismenu li a[href="./3g_index.php"]{
    display: block;
    text-indent: -9999px;
    background-image: url(../templates/logo.png);
    background-size: auto 36px;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 22px !important;
    margin-bottom: 40px !important;
}
a#menuBTN.transit-on{ 
    transform: translate(-130%, 0px) !important; 
    -webkit-transform: translate(-130%, 0px)  !important; 
    -moz-transform: translate(-130%, 0px)  !important;
    height: 65px;
    top: -66px;
    background-image: url(../templates/btn_mON.png) !important;
    background-size:100%;
    visibility: hidden;
}
a#menuBTN, a#cart{transform: translate(0px, 0px); -webkit-transform: translate(0px,  0px); -moz-transform: translate(0px,  0px); z-index:5000; }

a#cart {display:none;
    position: fixed;
    top: 22px;
    right: 60px;
    z-index:300;
    background-image: url(../templates/cart_btn.png);
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.8;
}
span#CART_NUM {
    display: block;
    background-color: #fff;
    border-radius: 0;
    width: 18px;
    height: 18px;
    position: absolute;
    right: -16px;
    top: 4px;
    color: #000;
    font-size: 12px;
    text-align: center;
    line-height: 18px;
}
#CONTENT hr {}
.bx-wrapper .bx-pager.bx-default-pager a.active {	background: #ccc !important; }

/*===產品div新版===*/
article ul{margin-left:0;}
ul.RECOMMAND article ul#productList {
    margin: 25px 0 0 0;
    padding: 0px;
}
ul#productList >li[style="position:relative"] {
    display: block;
    float: left;
    min-height: 315px !important;
    height: 100%;
    padding: 5px;
    margin-right: 0;
    margin-left: 5px;
    margin-bottom: 10px;
}
ul#productList >li {
    width: 50% !important;
    max-width: 48% !important;
    min-height: 315px;
    margin: 10px 0;
    padding: 5px;
}
span.member-m-grade.member-m-grade-c, img[src="./templates/button-back.gif"] { display: none; }
a.a-product-img{width:100%; padding:0; margin:0; }
.main-product-div{width:100%; padding:0; margin:0; }
.lazyload-img.product-imgs{background-size:cover; max-width:100%;}
.product-shade-img.lazyload-img{ max-width:100%;}
.prd_price_group{margin:2px 0;}
.mobi_prd_title {
    max-height: 75px !important;
    font-size: 14px;
    font-weight: normal;
    overflow: hidden;
    width: 100%;
    line-height: 1.4;
    font-family: MarkOT, "微軟正黑體", sans-serif;
    margin-top: 8px;
}

/*===內頁===*/
iframe[name="google_conversion_frame"] { display:none !important; }

.text img.top_banner {
    padding: 0;
    width: 107%;
    margin: 0 0 0 -10px;
}

.about { margin:0 auto; }
.about_title {
    color: #000;
    padding-left: 35px;
    background-repeat: no-repeat;
    background-position: 5px center;
    background-size: contain;
    width: 90%;
    font-size: 1em;
    font-weight: normal;
    line-height: 30px;
    height: 30px;
}
.text { padding:0 !important; color:#000; }
.text br{/*display:none;*/}
.about_content img{/*margin:0 auto !important;*/}
.about_title { margin-top:10px; }
.act { padding-top: 10px; }
.act_content ul.full { list-style: none;    padding-left: 20px; }
.act_content ul.full .bold a {padding: 0px 0;}
div#nav-news { display: none; }
.news_title, .act_title {
    font-size: 16px;
    font-weight: bold;
    line-height: 60px;
    height: 60px;
    text-align: left;
    width: 100%;
    padding: 0 10px;
    display: none;
}
.news_content .editor ul, .act_content .editor ul, .about_content .editor ul{float: none;   width: 100%;   }
.news_content ul li.description{display:block !important;}
.news_content ul{padding:0 !important;}
.full .time {
    right: auto !important;
    left: 15px;
    font-size: 14px;
    font-family: 'MarkOT';
    display:none !important;
}
#newsList .time{display:none !important;}
div#newsList {
    padding-top: 10px;
    height: auto;
}
.news_content_typeA .bold a {
    font-weight: normal;
    font-size: 17px;
    padding: 10px 0;
}
li.sub_title {
    font-size: 15px;
    font-weight: 300;
}
.news_content_typeA .description {
    display: block !important;
    font-size: 14px;
    margin: 10px 0;
    color: #000;
}
ul.PRODUCT_UL{  
    margin: 15px;
    text-indent: 4px;
    background-image: url(../templates/mobi_about_title.gif);
    background-repeat: no-repeat;
    background-size: 19px;
    background-position: center left;
    height: 30px !important;
    line-height: 40px;
    font-weight:normal;
    font-size:14px; 
}
ul.PRODUCT_UL li a:first-child { padding-left: 0; }
.DATA_CONTENT iframe{max-width: 100%; height:280px !important;}
#login_fm{ /*margin-top: -80px;*/  width: 95%; margin: 0 auto; }
#login_fm .FormWrap ul li.Row .squaredFour {
    float: none !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0;
}
form#login_fm p.PRODUCT_BUY a { width: 95%; }
a#TOP, img#GOTOP{display:none;}
#FOOTER{/* display:none; */}
#FOOTER li{/* text-indent:-9999px; */}
#FOOTER li:nth-of-type(1){border-left:none;}
#FOOTER li:nth-of-type(5){border-right:none;}
footer#footer {/* border-top: 1px solid #d1d1d1; */}
#footer .col-sm-2.social-img ul {
    padding: 0;
    text-align: center;
    margin: 30px 0 0;
}
#footer .col-sm-2.social-img li { display: inline-block; opacity: 0.7; }
#footer .col-sm-2.social-img li img {  margin: 0 2px;}
.copyright-bottom {
    text-align: center;
    font-size: 12px;
    font-weight: normal;
    color: #b4b4b4;
}
#COPYRIGHT{
    max-height:200px !important; 
    /*overflow:hidden;*/
    background-position:center top;
    bottom:0; 
    border:none;
    clear: both;
    overflow:visible !important;
    padding-bottom:0;
}
div#COPYRIGHT > br { display: none; }
div#COPYRIGHT > p { margin: 0; }
#COPYRIGHT_BOX { clear:both; width:100%; }
#COPYRIGHT_BOX img{border:none !important;}
#COPYRIGHT div{display:block;/* color:#000 !important; *//* text-align:left; */}
div[style="float:left; margin-left:10px;"], div[style="float:right; margin-right:10px; margin-top:5px;"] { display: none !important; }

#COPYRIGHT_BOX{ display:block !important; }
.ADD_MEMBER a{
    border: 1px solid #FFFFFF;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 2px 5px 5px #ccc;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #39a8e0), color-stop(0.5, #39a8e0));
}

.rsSlide img {/*display:table-cell;vertical-align:middle;*/}
img.rsMainSlideImage{ /*margin:0 auto !important;*/ }
#gallery-1 { padding-bottom:20px; }
.Consignee h3 {
    padding-left: 5px;
    font-size: 15px;
    margin: 10px 0;
}
form[name="bill_fm"] .item-info.qt { padding-left: 10px !important; }
.FormWrap { padding:0 10px; }
.squaredFour {
    padding-left: 0px;
    line-height: 20px;
    margin-top: 10px;
    margin-left: -10px;
}
select { font-size: 14px !important; }

a:actived img{-webkit-box-shadow: inset 3px 3px 5px #000000;}
.text a:active img{opacity: 0.7;}

#HEADER a img {
    height: 45px;
    margin: 8px auto;
}
.header{background: transparent;}
.header a {
    background-image: url(../templates/btn_mOFF.png);
    position: fixed;
    left: 15px;
    top: 16px;
    width: 20px;
    height: 30px;
    z-index: 1000;
    opacity: 0.9;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 0 0 auto;
}
.btn_mOFF{ background-image: url(../templates/btn_mON.png); }
a.Member_LOGIN { display:none;
    position: fixed;
    right: 14px;
    background-image: none !important;
    width: 25px;
    top: 19px;
    opacity: 0.8;
    z-index: 300;
}
a.Member_LOGIN img { vertical-align: baseline; }

a[href="3g_3g_c1.php"], img[src="./templates/p_description_m.jpg"]{display:none;}
#SUPPORT_TB #tel_home1_textfie { width: 80%; }
#SUPPORT_TB input[type=checkbox], #SUPPORT_TB input[type=radio] {
    min-width: auto;
    margin-top: 0;
    margin: 0px 5px;
}

.mm-list{font-size:24px; font-family: MarkOTBold, MarkOT, "微軟正黑體", sans-serif !important; line-height:2; }
.mm-list a{text-decoration:none;}
.import{line-height: 2;}

.bt-menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	border-width: 0px;
	border-style: solid;
	border-color: #333;
	background-color: rgba(0,0,0,0);
	-webkit-backface-visibility: hidden;
	-webkit-transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
	transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
}

.bt-menu.bt-menu-open {
	height: 100%;
	border-width: 30px 30px 30px 90px;
	background-color: rgba(0,0,0,0.3);
	-webkit-transition: border-width 0.3s, background-color 0.3s;
	transition: border-width 0.3s, background-color 0.3s;
}
.bt-menu-trigger {
	position: fixed;
	top: 15px;
	left: 20px;
	display: block;
	width: 50px;
	height: 50px;
	cursor: pointer;
}

.bt-menu-trigger span {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 100%;
	height: 4px;
	margin-top: -2px;
	background-color: #333;
	font-size: 0px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}

.bt-menu-open .bt-menu-trigger span {
	background-color: transparent;
}

.bt-menu-trigger span:before,
.bt-menu-trigger span:after {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	background: #333;
	content: '';
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.bt-menu-trigger span:before {
	-webkit-transform: translateY(-250%);
	transform: translateY(-250%);
}

.bt-menu-trigger span:after {
	-webkit-transform: translateY(250%);
	transform: translateY(250%);
}
.view-list.multi-line li .item .img-box img{/* width:auto; */}
.mm-listview > li > a, .mm-listview > li > span{padding: 0px 10px 0px 20px;}
.mm-listview a{color:#000; line-height:40px;}
.mm-listview li span a[href="3g_c1.php?bid=2"], .mm-listview li span a[href="3g_c1.php?bid=3"], .mm-listview li span a[href="3g_c1.php?bid=6"], .mm-listview li span a[href="3g_c1.php?bid=7"], .mm-listview li span a[href="3g_c1.php?bid=8"], .mm-listview li span a[href="3g_c1.php?bid=9"]{ padding-left:20px; font-size:15px;}
.mm-listview li span a[href="3g_c1.php?bid=10"]{display:none;}
ul#BOTTOM{ 
    list-style: none;
    display: block;
    width: 90%;
    margin: 0 auto;
    background-color: #FFF;
    padding: 20px 10px;

}
ul#BOTTOM li{ display:inline; padding:0 10px; line-height:20px; font-size:16px; text-align:center; margin:0 auto;  border-right:1px solid #666;}
li#BOTTOM_BTN1 a, li#BOTTOM_BTN2 a, li#BOTTOM_BTN3 a, li#BOTTOM_BTN4 a, li#BOTTOM_BTN5 a{ text-decoration: none;  color:#000; font-weight:normal !important; margin-left: -5px;}
li#BOTTOM_BTN2 a{margin-left: 0px;}
li#BOTTOM_BTN1{padding:0 !important; margin:0 !important;}
li#BOTTOM_BTN1 a{ text-indent:-9999px; display:block; background-image:url(../templates/fb.jpg); 
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    float: left;
    margin-top: 0px;}
ul#BOTTOM li a:hover{ color:#30acec;}
a#ON{ color:#30acec;}
.text{ 
    }

/*ul#productList span.mobi_prd_descript { display:none; }*/
ul#productList > li table td{margin-bottom:5px; background-size:contain;}
#productList span.prd_price_group{
    font-size: 0;
    background-image: url(../templates/ntd.png);
    background-size: 25px;
    background-position: 0 4px;
    background-repeat: no-repeat;
    padding-left: 30px;
    height: 20px;
}
#productList span.prd_price_group:nth-child(1){
/* display:none; */
    background-image: url(../templates/ntdn.png);
}
span.prd_price_group.C163434234 { background-image: url(../templates/ntd.png) !important; }
.mobi_prd_descript{
    font-size: 15px;
    color: #797979;
}
.mobi_prd_descript2, .product-sale{
    font-size: 18px;
    color: #e00000;
    width: 100%;
    display: block;
    text-align: center;
    padding: 10px 0;
    font-weight: normal;
}
.import label{padding:3px;}
.squaredFour label{top:-4px;}
.PRODUCT_TITLE{color:#000;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    display: block;
    padding: 10px 0;}
.mm-search input{ margin:10px;}
.mm-panel > .mm-search {
    width: 95%;
}
.mm-listview{font-size:18px; color:#000;}
.mobi_prd_descript2, .font_t, .product-price-subffix{display:none;}
form .mobi_prd_descript2{display:block; /* margin-top:-20px; */ font-size:24px; font-weight:bold; letter-spacing:2px;}
.mobi_prd_descript2.c02-456786{display:none;}
.mobi_prd_descript2.c02-456786.mobi_prd_descript{display:block;}
.font_s{font-family: MarkOT, "微軟正黑體", sans-serif !important;}
.mobi_prd_descript .font_s {
    font-size: 12px;
}
.selectlinks .mobi_prd_descript {
    font-family: MarkOT, "微軟正黑體", sans-serif !important;
    font-size: 12px;
    color: #000;
    width: 45%;
    float: left;
    text-align: center;
    display: block;
    padding: 10px 2px;
    text-decoration: line-through;
    clear: none;
    line-height: 1.8;
}
.selectlinks .mobi_prd_descript2 {
    font-family: MarkOT, "微軟正黑體", sans-serif !important;
    font-size: 18px;
    color: #e00000;
    width: 100%;
    display: block;
    text-align: center;
    padding: 10px 2px;
    font-weight: normal;
    width: 42%;
    float: left;
    clear: none;
}

form .mobi_prd_descript {
    font-size: 13px;
    display: block;
    text-align: center;
    padding: 20px 0 0 0;
    text-decoration: line-through;
    color: #999;
    font-weight:normal;
}
form .mobi_prd_descript .font_s {
    font-size: 13px;
}

div#WRAPPER.mm-page.mm-slideout div img[width="60%"], img[-width="60%"]{ width:90%; }
div#WRAPPER.mm-page.mm-slideout hr{display:none;}


.bx-wrapper {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow:none;
    border: none;
    background: #fff;
    margin: 0px auto;
}
.bx-wrapper .bx-controls-direction a{z-index:99 !important;}
#single-image{margin-top:10px; width:90%; }
.bx-viewport{  height:auto !important; padding-bottom:10px; }

/*========產品========*/
ul#productList li {
width: 49%;
float: left;
min-height: 355px;
margin-left: 2%;
margin-right: -2%;
}
#productList a.COLOR_RED img{
    width: 20px !important;
    height: 20px !important;
    margin-right: 10px;
    min-width: 20px;
    min-height: 20px;
    margin-top: -2px;
    -moz-margin-start: 0;
}
div.DATA_CONTENT h3 {
    font-weight: bold;
    text-align: left;
    border: none;
    letter-spacing: 1px;
    line-height: 0px;
    color: #000000;
    background-image: url(../images/table-content-bg_03.jpg);
    background-size: 150% 150%;
    background-repeat: no-repeat;
    background-position: left bottom;
    height: 25px;
    display: none;
}
.list-wrap.v-cell .DATA_CONTENT h3 { 
    font-weight: bold;
    line-height: initial;
    font-size: 15px;
    margin: 0;
    display:block;
}
.list-wrap span[style="display:block; padding-left:10px;"]{padding-left:0 !important;}
.tablelist_title{min-width:100px;}
.DATA_CONTENT p { font-size: 16px; line-height: 1.6; color: #666; }
.DATA_CONTENT table td[width="120"] { width: 80px; }

ul#productList >li table td { 
    display: block; 
    /*margin:0 auto; */
    width:100%;
    height:100%;
}
ul#productList >li table td img { width:100%; height:100%; }
.PRODUCT_UL h3 { 
   color: #000;
   font-size: 14px;
   font-weight: normal; 
}
.product-content { font-family: MarkOTBold, MarkOT, "微軟正黑體", sans-serif !important; }

ul.PRODUCT_COLOR li a { 
    width: 30px !important; 
    height:20px; 
    margin-right: 2px !important; 
    overflow: hidden;
}
.a-product-img ul.PRODUCT_COLOR li a {font-size:11px;}
#SIZE_CHOSE ul.PRODUCT_COLOR li a, #SIZE_CHOSE ul.PRODUCT_SIZE li a { line-height:26px !important; }
form #SIZE_CHOSE ul.PRODUCT_COLOR li a {
    width: 34px !important;
    height: 34px !important;}
form #SIZE_CHOSE ul.PRODUCT_SIZE li a {
    width: auto !important;
    height: 34px !important;
    line-height: 34px !important;
}
form #SIZE_CHOSE select {
    margin-top: 0;
    background-color: #FFF;
    color: #000;
    border: 1px solid #000;
    height: 42px;
    border-radius: 0;
}
.woocommerce .woocommerce-tabs {
    padding-top: 0px; margin-top:0;
}
article{padding:0; }
article ul {
    margin:22px 0 0 -2%;
    /*width:95%;*/
}
article li:first-child a { font-size:14px; }
article li:first-child { display:none; }

#SIZE_CHOSE h3 { letter-spacing:1px; font-weight:bold; font-size:14px;}
td.product-content { padding-left:10px; }

.prd_price_group { 
    padding-top: 5px;
    float: none;
    display: flex;
    font-family: MarkOT, "微軟正黑體", sans-serif !important;
}
span.prd_price_group .mobi_prd_price {
    display: inline-block;
    padding: 0 5px 0 0;
    background-color: #fff;
    position: static;
    left: 0;
    font-size: 12px;
    color: #000;
    width: auto;
}
span.prd_price_group .mobi_prd_price2 {
    padding: 0 5px 0 0;
    color: #000 !important;
    line-height: 12px!important;
    background: #fff;
    font-weight: normal;
    left: auto;
    top: auto;
    font-size: 12px;
    width: auto;
font-family: MarkOT, "微軟正黑體", sans-serif;
}
.addtocart_btnx {
    display: none !important;
    background-image: url(../templates/buy1.jpg);
    background-size: 100%;
    width: 110px;
    text-indent: -9999px !important;
    height: 30px;
    margin: 31px auto 0;
    position: relative !important;
    color:transparent; 
    left:0;
}
.more a { 
    padding:0; 
    clear:both; 
    margin-bottom:10px; 
    background-image:url(../images/mobi_more.png);
    background-size: cover;
    width: 100px;
    z-index:300; 
}

td.mobi_prd_title {
    max-height: 75px !important;
    font-size: 14px;
    font-weight: normal;
    overflow: hidden;
    width: 100%;
    line-height: 1.4;
font-family: MarkOT, "微軟正黑體", sans-serif;
margin-top:8px;
}
article a { 
    border:none; 
    background:none; 
    padding:0 5px 0 10px; 
box-sizing:border-box;
}

.PRODUCT_UL a { color:#000; padding: 1px; }
article a:hover { background:#fff !important; color:inherit; }
li a[href="./3g_index.php"] { 
    /*display:block; 
    width:75px; 
    float:left; 
    line-height:30px; 
    background:url(../images/index-bg.jpg) no-repeat center center; 
    background-size:97%; 
    text-indent:-9999px; 
    list-style:none;*/
}

/*===產品簡述===*/
div.mobi_prd_descript2 {
    display: block;
    color: #000;
    font-size: 14px;
    width: 90%;
    margin: 0 auto;
    text-align: left;
    line-height: 1.4;
}
.mobi_prd_descript2.group-spec-item pre {
    white-space: pre-wrap;
    word-wrap: break-word;
    border: none;
    background-color: transparent;
    border-radius: 0;
    font-family: MarkOTBold, MarkOT, "微軟正黑體", sans-serif !important;
    font-size: 14px;
    padding: 0;
    font-weight: normal;
}
/* .mobi_prd_descript2.c02-895454 { display:none; }*/
.c02-561342, .c02-895454{float:left; width:100% !important;}
.c02-895454{background-color: #FFF;
    width: 100%;
    height: auto;
    z-index: 1;
    margin-top: -46px !important;}

/*--編輯器--*/
.woocommerce-Tabs-panel table, .woocommerce-Tabs-panel tr, .woocommerce-Tabs-panel td,.woocommerce-Tabs-panel div,.woocommerce-Tabs-panel img,.woocommerce-Tabs-panel iframe{max-width:100%;}

.woocommerce-Tabs-panel ul,.woocommerce-Tabs-panel ol,.woocommerce-Tabs-panel li, .woocommerce-Tabs-panel h1, .woocommerce-Tabs-panel h2,.woocommerce-Tabs-panel h3, .woocommerce-Tabs-panel h4, .woocommerce-Tabs-panel h5, .woocommerce-Tabs-panel h6, .woocommerce-Tabs-panel p, .woocommerce-Tabs-panel span, .woocommerce-Tabs-panel blockquote{max-width:100%;}

.woocommerce-Tabs-panel iframe{max-height:240px;}

.DATA_CONTENT h1 { font-size: 20px; }
.DATA_CONTENT h2 { font-size: 18px; }
.DATA_CONTENT h3 { font-size: 17px; }
.DATA_CONTENT h4 { font-size: 16px; }
.DATA_CONTENT h5 { font-size: 15px; }
.DATA_CONTENT h6 { font-size: 14px; }

/*===產品價格===*/
.product-no-item, form .mobi_prd_descript2:nth-child(2) { display:block !important; }
form .mobi_prd_descript2.mobi_prd_descript { 
    font-size:14px; 
    color:#000; 
    text-align:center; 
    max-width:90%; 
    margin:0 auto; 
}
form .mobi_prd_descript2.mobi_prd_descript span.font_s { font-size:12px; }
form .mobi_prd_descript2.mobi_prd_descript span.c01_member_price { font-size: 12px; }
form .mobi_prd_descript2 .font_s { /*font-size:20px;*/ }
form .mobi_prd_descript2 { 
    text-align: center; 
    color: #000;
    font-weight: normal; 
    padding: 0 0 10px;
}
div.mobi_prd_descript2 span.c01_member_price { font-size: 26px;     font-family: MarkOTBold, MarkOT, "微軟正黑體", sans-serif !important;}
div.mobi_prd_descript2.group-spec-item { text-align: left; }

.product-number { 
    text-align:center; 
    width:100%; 
    margin: 10px auto -16px; 
}
.product-number select[id="select_num"] { 
    margin-top: 0px;
    width: 40%;
    margin-left: 9px;
    border-radius: 0;
    font-size: 14px;
}

/*===產品分類頁===*/
a.icon1, a:hover.icon1 { 
    line-height:50px; 
    font-size:1em; 
    color:#333; 
    font-weight:normal; 
    background:none; 
}
article ul.SIDE_UL li a { line-height:36px; padding-left:45px; font-weight:normal; border:none; background:url(../images/lvpbutton05.gif); background-size:95%; background-repeat:no-repeat; background-position:right; color:#666; margin-right:10px; font-size:16px; }

ul#RECOMMAND{margin-left:0 !important;}

ul.RECOMMAND{ 
    width:100%; 
    margin:0 auto; 
    display:block; 
    padding: 2%; 
    clear:both;    
    box-sizing: border-box;
}
ul.RECOMMAND li{ 
    list-style: none;
    display: block;
    float: left;
    padding: 2%;
    min-height: 20px;
    margin-bottom: 10px;
    width: auto;
    max-width: 48%;
}
ul.RECOMMAND li.item_list { min-width:150px; max-width:200px; min-height:400px; }
ul.RECOMMAND li table td { background-size:100%; }
ul.RECOMMAND li a { color:#000; text-decoration:none; }
ul.RECOMMAND li a img {
    width:100%; 
    height:100%; 
    min-width:auto; 
    min-height:auto;
}
ul.RECOMMAND li.item_list { 
    width:45%; 
    margin-right: -5%;  
    margin-left: 2%;
}

table.selectlinks.ke-zeroborder { width:50% !important; }
ul.PRODUCT_COLOR{ display:table-cell; margin:0 auto; width: 100%; padding:10px 20px; }
#productList ul.PRODUCT_COLOR{ padding:10px 0; /* display:none; */}
ul.PRODUCT_COLOR li {
    padding: 0 10px 0 0;
    display: block !important;
    min-height:auto !important;
    width:auto !important;
}
ul.PRODUCT_COLOR li a {
    list-style: none;
    display: block;
    float: left;
    margin: 1px 3px;
    width: 24px !important;
    height: 24px !important;
    border: 1px solid #ccc;
}

.RECOMMAND table td { 
    width:100%; 
    min-width:160px; 
    height:auto; 
}
ul.RECOMMAND li a img{ /* width:170px !important; */}

table.PRODUCT_TB td { border:none; }
#add_cart_x {
    background-color: #000 !important;
    display: block;
    background-image: none;
    color: #FFF;
    width: 40% !important;
    border-radius: 0;
    letter-spacing: 1px;
    height: 40px;
    line-height: 40px;
}

.item .item-name{font-size:15px; line-height:24px;}
div.item-info.price{ margin:0; }
.LOGIN_NEW_m a#SUBMIT_BTN, .LOGIN_NEW_m a#LOGIN_BTN {    font-size: 15px;    height: 36px;    line-height: 36px;    width: 80% !important; color:#FFF !important;  background:#000;}
div.info-box .price{display:none;}
h2{margin:10px auto;}
h2 a strong { font-size:18px; font-weight:normal; word-break: break-word; }
.mobile_table_c .red{ 
    color:#000 !important; 
    display:inline-block;
    width: 100%;
    box-sizing: border-box;
    max-height: 40px; line-height:40px;
}
.mobile_table_c .red input[type=checkbox], input[type=radio] { margin: -5px 5px; }
/*=購物車=*/
div#cart_update_div select.select-box.sel-qt {  border-radius: 0;  margin: 0 10px; }
form#mobile_cart_goods ul.PRODUCT_UL { display: none; }
.PRODUCT_BUY a {
    background-color: #000 !important;
    background-image: none;
    border-radius: 0;
    letter-spacing: 1px;
    height: 36px;
    line-height: 38px;
    font-size: 15px;
    border: none;
    width:90%;
}
ul.STEP_UL li.STEP_ON {  background-color: #000; }
ul.STEP_UL {  /*margin: 20px 20px 70px;*/ }
form#mobile_cart_goods { margin-top:0; }
.group_btn { width: 95%; margin: 0 auto; }
.ItemBox input.Text {
    width: 100%;
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #000;
    height:36px;
    max-width:100%;
    margin:0;
    font-size:14px;
}
span.ItemBox.Electronic_invoice br { display: none; }
.ItemBox select {
    width:auto; 
    height: 36px;
    border: 1px solid #000;
    font-size: 15px !important;
}
input#zaiju_code { width: auto; max-width: 120px; }
input#d_Address, input#s_Address { max-width: 100%;  }
.input, .input-2, .product-memo-input { 
    height: 36px !important; 
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #000;
}
div#addr_d_tw input#d_code, div#addr_s_tw input#d_code { max-width: 80px; }
div#addr_d_tw select, div#addr_d_tw input#d_code, div#addr_s_tw select, div#addr_s_tw input#s_code { width: auto; }
div#addr_d_tw input#d_code, div#addr_s_tw input#s_code { max-width: 85px; font-size: 14px; }
.select-box.sel-qt {
    border: 1px solid #000;
    width: 100%;
    margin-bottom: 10px;
}
div#addr_d_tw br, div#addr_s_tw br { display:none; }
.ItemBox textarea { 
    width: 100%;
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #000;
    max-width:100%;
}
form[name="bill_fm"] fieldset.Consignee { width: 96%; margin: 0 auto; }
form[name="bill_fm"] table.RESULT_TB td.item-name { padding-left: 15px; }
form[name="bill_fm"] table.RESULT_TB td.item-name p { margin: 0; padding: 5px 0; }
table.RESULT_TB td.item-name { padding: 0px 5px 0 15px; }
.order_list td.item-name.text-left { padding-left: 0; }
.RESULT_TB td { padding:1px; }
.RESULT_TB td.t-price { padding-right:15px; }
.list-wrap.v-cell p.PRODUCT_BUY a {  width: 85%; }
b.t-price.red.font_100 { color: #000; }
.list-wrap { background: #fff; }
.list-wrap.v-cell .DATA_CONTENT { padding: 0; width: 92%; }
.list-wrap.v-cell .DATA_CONTENT p { color: #000; font-size: 14px; }
.modal.fade.dialoges.in {
    width: 90%;
    margin: 0 auto;
    text-align: center;
    padding: 10px;
    background-color: #fff !important;
    border: 1px solid #000;
    position: relative;
}
button.btn.btn-primary.confirm {
    background: #000 !important;
    padding: 9px 50px !important;
    margin-top: 10px;
}
p.order_info_header { margin-top: 0 !important; }


/*=活動報名=*/

table#active-txt{margin:0 auto !important;}
table#active-txt.active-txt td {
    max-width: 100% !important;
    padding: 0 20px;
    display: contents;
}
table#active-txt.active-txt td a {
    display: block !important;
    padding-top: 20px;
    text-align: center;
    margin: 0 auto;
}
ul.active-import li{font-size:16px; display:inline-table !important;}
ul.active-import li img{ display:inline-block;}
.titlelinks img{display:inline-block;}
.titlelinks h3{
    width: auto;
    display: inline-block;
    margin-bottom: 20px;
    font-size:16px;
}
h3.act-price{text-align:center;}
form#act_join_fm{box-sizing:border-box; padding:0 15px;}
img[src="images/act-btn.gif"], img[src="./images/act-buy.gif"]{width:auto !important; height:auto !important;}
img[src="./templates/title-b03.gif"]{display:none;}
#CONTENT table#tb_act_content, #CONTENT table#tb_act_content table{max-width:100% !important; width:100% !important; margin: 0 auto !important;}
#CONTENT table#tb_act_content img{
    max-width: 100% !important;
    width: auto;
    height: auto;
    max-height: 40px;
}
#CONTENT table#tb_act_content iframe{
    max-width: 100% !important;
    width: auto;
    height: auto;
    max-height: 240px;
}
#CONTENT table#tb_act_content td{padding: 0 10px;}

/*=預購商品=*/
.PREORDER_1 a, .PREORDER_2 a {
background-color: #FFF !important;
display: block;
background-image: none;
color: #000;
width: 40% !important;
border-radius: 0;
letter-spacing: 1px;
height: 40px;
line-height: 40px;
margin: 0 auto;
text-align: center;
font-size: 16px;
border: 2px solid #000;
}
#my_div_destine{
left: auto !important;
width: 90%;
margin: 10px 5%;
padding: 10px;
box-sizing: border-box;
right: auto;
}

/*行銷分紅 業務員機制*/
#WRAPPER ul.PROMO_STEP {
    max-width: 96% !important;
    margin: 130px auto 10px !important;
    list-style: none;
}
ul.PROMO_STEP li { margin: 0 8px 7px; }
img[src="images/promo-join-m.gif"] {
    margin-bottom: 30px !important;
    border-radius: 4px;
    padding: 2px 25px;
    background: #333;
}
ul.PROMO_STEP li:before { 
    content: ''; 
    width: 25px;
    height: 25px;
    border: 1px solid #dbdbdb;
    border-radius: 25px;
    display: inline-block;
    text-align: center;
    padding: 2px;
    margin-right: 6px;
    background: #dbdbdb;
}
ul.PROMO_STEP li.PROMO_ON:before, ul.PROMO_STEP li.no_bg_on:before {
    border-color: #333;
    background: #333;
    color: #fff;
}
ul.PROMO_STEP li:nth-child(1):before { content: '1'; }
ul.PROMO_STEP li:nth-child(2):before { content: '2'; }
ul.PROMO_STEP li:nth-child(3):before { content: '3'; }
ul.PROMO_STEP li:nth-child(4):before { content: '4'; }
ul.NORMAL_UL li{list-style:none;}
ul.NORMAL_UL#show_fz_mix .item-info.price{display:none;}
td.data-content.promo_center { padding-bottom: 30px; }
img.mobilebutton {
    border-radius: 4px;
    width: auto !important;
    margin-bottom: 20px !important;
}
form#promo_fm { width: 95%; margin: 0 auto; }
form#promo_fm td.promo-title {
    background: #fff;
    padding-left: 0 !important;
}
form#promo_fm input { width: 100%;max-width: 100%; }
form#promo_fm select {
    border: 1px solid #000;
    height: 36px;
    margin-bottom: 10px;
}
form#promo_fm span.people-title {
    color: #000 !important;
    font-size: 16px !important;
}
form#promo_fm input[type="button"] {
    width: 40%;
    height: 36px;
    margin: 0 auto 10px;
    display: block;
    border: 1px solid #000;
    background: #000;
    color: #fff;
}
input.Sitecopy { margin-top: 10px !important; }
span#sys_tip_msg_record a, span#cust_tip_msg_record a { color: #be9a50; }
table#J_op_table_cust td[style] input#cust_url_name { width: 45%; display: inline-block; }
table#J_op_table_cust td[style] input[type="button"] { display: inline-block; }
table#J_op_table_cust td[style] { display: block !important; }
td#web_site_type a {
    border-radius: 4px !important;
    background: #333 !important;
    color: #fff !important;
    margin: 0 0 10px !important;
}
img[src="images/promo-info-m.gif"] {
    width: auto !important;
    display: block !important;
    border-radius: 4px;
    margin-bottom:20px; 
}
img[src="images/mobile_indexbt.gif"] { display: none !important; }

/*=表單聯絡我們=*/
.LOGIN_NEW_m .input, .LOGIN_NEW_m .input-2, .LOGIN_NEW_m select{width:auto;}
.LOGIN_NEW_m .data-bg .input{width:80%;}
.LOGIN_NEW_m .w_100 { width: 100%; max-width: 100%; }
.data-bg input[id="login_acct"]{margin-top:20px !important;}
img.block-service-btn { 
    width: auto; 
    max-width: 80%;
    height: 40px;
    margin-top: 40px; 
}
.modal.fade.signUp {  display: none; }
#qiye_surname_s input{width:42% !important;}
#nation_tell, #tel_home{width:15% !important;}
#tel_home1{width:43% !important;}
select[name="home_County"]{width:35%;}
input[id="search_kw"]{width:100%;}
span.PRODUCT_TITLE {
    display: block;
    width: 100%;
    letter-spacing: 2px;
    box-sizing: border-box;
    padding: 10px 20px;
    margin-top:0px;
    text-align:left;
    font-family: MarkOTBold, MarkOT, "微軟正黑體", sans-serif !important;
}

#PRODUCT_CONTENT_LIST span.product-price{
    font-family: MarkOTBold, MarkOT, "微軟正黑體", sans-serif !important;
    font-size: 12px;
    color: #999;
    width: 45%;
    float: left;
    text-align: center;
    display: block;
    padding: 10px 2px;
    text-decoration: line-through;
    clear: none;
    line-height: 1.8;
}
#PRODUCT_CONTENT_LIST span.product-sale{
    font-family: MarkOTBold, MarkOT, "微軟正黑體", sans-serif !important;
    font-size: 18px;
    color: #000;
    width: 100%;
    display: block;
    text-align: center;
    padding: 10px 2px;
    font-weight: normal;
    width: 42%;
    float: left;
    clear: none;
}

#PRODUCT_CONTENT_LIST{ box-sizing: border-box; padding: 0; width: 100%; }
#PRODUCT_CONTENT_LIST ul.RECOMMAND li a img{width:220px; height:220px;}
#PRODUCT_CONTENT_LIST ul.RECOMMAND li{ width: 45%; }
#PRODUCT_CONTENT_LIST ul.RECOMMAND li ul.PRODUCT_COLOR li{ width: 14%; /* margin: 3px 0px; */ float: inherit; }
#PRODUCT_CONTENT_LIST ul.RECOMMAND li ul.PRODUCT_COLOR li a img{width:20px; height:20px; min-width:20px; min-height:20px;}
.data-content { font-size:14px; }
.DATA_CONTENT img { width:auto; max-width:100%; }
tr#birthy_b .mobile_table_c .red{display:block; color:#000; font-size:12px; max-height: initial;}
tr#birthy_b .mobile_table_c .red input{display:block;}
.LOGIN_NEW_m td p {font-size:14px;}
#PRODUCT_CONTENT_LIST ul.RECOMMAND img{margin-top:0px;}
.gray_prd_name.sub-product-size{display:block !important;}
a.NO_PRODUCT_COLOR img{
   /* width: 24px !important; */
   /* height: 24px !important; */
    display:block;
    background-size: 30px 30px;
}

a.NO_PRODUCT_COLOR{position:relative;}
img.NO_MASK {
    width: 26px !important;
    height: 26px !important;
    position: absolute;
    left: -3px;
    top: -3px;
    z-index: 1;
}
tr#product_size img.NO_MASK { width: 30px !important; height: 30px !important; }
#SIZE_CHOSE .PRODUCT_COLOR a.NO_PRODUCT_COLOR img.NO_MASK{ width: 36px !important; height: 36px !important; }

@media screen and (max-width: 1024px) and (min-width:769px) {

ul.RECOMMAND li { max-width:25%;  }
#PRODUCT_CONTENT_LIST ul.RECOMMAND li { width: 46%; }
#PRODUCT_CONTENT_LIST  ul.RECOMMAND li{ 
	list-style: none;
    display: inline-block;
    float: left;
    padding: 2%;
    min-height: 400px;
    margin-bottom: 10px;
    margin: -1px 0px 0px 0px;
}
#PRODUCT_CONTENT_LIST ul.RECOMMAND li.item_list{ width:40%; margin-right: 0;  margin-left: 0;}
#PRODUCT_CONTENT_LIST ul.PRODUCT_COLOR{ display:table-cell; margin:0 auto; width: 100%; padding:10px 20px; padding-left: 0;}
#PRODUCT_CONTENT_LIST ul.PRODUCT_COLOR li{min-height:20px; height:20px;}
#PRODUCT_CONTENT_LIST ul.RECOMMAND li a img {
    width: 160px;
    height: 160px;
	min-width:160px;
	min-height:160px;
}
#PRODUCT_CONTENT_LIST ul.PRODUCT_COLOR li img{
    width: 20px;
    height: 20px;
    min-width:20px;
    min-height:20px;
}
}


@media screen and (min-width: 768px) {
ul.RECOMMAND li.item_list{
    width: 34%;
    margin-right: -1%;
    margin-left: 1%;
}
#PRODUCT_CONTENT_LIST  ul.RECOMMAND li {
    width: 30%;
    margin-right: -1%;
    margin-left: 0;
}
ul#BOTTOM{width:50%;}
ul#productList{display: flex;  flex-flow: wrap;}
ul#productList li { 
    width: 25%;
    min-height: 350px;
    margin: 10px auto 0 !important;
}
article ul {
    width: 95%;
    margin: 0 auto !important;
    }
div.mobi_prd_descript2 { width:95%; }
div#WRAPPER.mm-page.mm-slideout div img[width="60%"], img[-width="60%"] { width:95%; }
.col-sm-2.social-img { width: 100%; margin-bottom: 10px; }
.view-list.multi-line li .item .item-name { width: 65%; margin-right: 10px; }

}

@media screen and (min-width:1024px) {
    .shop-info.col-md-4 { width:60% !important; margin:0 20px 30px; }
    .shop-pic { width:240px; float:left; }
    .shop-info p { float:right; }
    .fb-fan.col-md-4 { width:35%; }
}

@media screen and (max-width: 374px) and (min-width: 360px) {
    ul.RECOMMAND li { max-width:48%; }
}
@media screen and (min-width: 321px) and (max-width: 360px) {
    ul.RECOMMAND li { max-width:47%; }
}

@media screen and (max-width: 320px) {
#HEADER a img { height:35px; margin:8px auto 0; }
.addtocart_btnx { left:-15px; }
article a { padding:0 15px; }
ul.RECOMMAND li{ 
    list-style:none; 
    display:inline; 
    float:left; 
    padding:1px; 
    min-height: 350px;  
    margin-bottom: 10px;
    margin-left:-1%;
    margin-right:1%;
    /*max-width:44% !important;
    width:auto !important;*/
}
ul#productList >li table td img { max-width:140px !important; }
ul#productList >li table td {
    max-width: 140px !important;
    min-width: 140px;
    width:100%;
    height:100%; 
}
ul.RECOMMAND li.item_list{ 
    width:40%; 
    margin-right: 0; 
    margin-left: 0;
}
ul.PRODUCT_COLOR{ 
    display:table-cell; 
    margin:0 auto; 
    width: 100%; 
    padding:10px 0px;
}
#PRODUCT_CONTENT_LIST  ul.RECOMMAND li{	    list-style: none;    display: inline-block;    float: left;    padding: 2%;    min-height: 20px;    margin-bottom: 10px;    margin: -1px 0px 0px 0px;    width:100%; }
#PRODUCT_CONTENT_LIST ul.RECOMMAND li.item_list{ width:40%; margin-right: 0;  margin-left: 0;}
#PRODUCT_CONTENT_LIST ul.PRODUCT_COLOR{ display:table-cell; margin:0 auto; width: 100%; padding:10px 0px; padding-left:0; }
#PRODUCT_CONTENT_LIST ul.RECOMMAND li a img {    width: 160px;    height: 160px;	min-width:160px;	min-height:160px;}
select[name="birthm"],select[name="birthd"]{width:40px !important; font-size:11px;}
select[name="birthy"]{width:50px !important; font-size:11px;}
}

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) 
{ @media {
ul.PRODUCT_COLOR li a:active span{
   display: block;
   position: absolute;
   top: -50px;
   left: -25px;
   width: auto;
   min-width: 70px;
   padding: 2px 3px;
   margin: 5px;
   z-index: 100;
   color: #fff;
   background: #000;
   /* border:1px solid #ccc; */
   font-size: 13px;
   text-align: center;
   }

}}
@supports (-webkit-text-size-adjust:none) and (not (-ms-accelerator:true))
and (not (-moz-appearance:none))
{
ul.PRODUCT_COLOR li a:active span{
   display: block;
   position: absolute;
   top: -50px;
   left: -20px;
   width: auto;
   min-width: 70px;
   padding: 2px 3px;
   margin: 5px;
   z-index: 100;
   color: #fff;
   background: #000;
   /* border:1px solid #ccc; */
   font-size: 13px;
   text-align: center;
   }
}

@media screen and (-webkit-min-device-pixel-ratio: 0)
input[type=text], input[type=number], input[type=email], input[type=password], input[type=url], input[type=tel], textarea {
    font-size: 14px;
}