@charset "utf-8";

/* CSS Document */

/*
@font-face {
  font-family: Apple LiGothic Medium;
  src: url(Apple-LiGothic-Medium.woff);
}
*/


html{  background-image: url(../templates/mobi_bg.jpg);
     overflow:scroll;
    width:100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box; }
body{ margin:0; padding:0; font-size: 18px; line-height:1.4; background-image:url(../templates/mobi_bg.jpg); background-color: #FFF; background-repeat:repeat; background-size:cover; font-family:微軟正黑體,新細明體,Arial, Helvetica, sans-serif;color: #000;
    overflow:scroll;
    width:100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;}
a{ text-decoration:none;}

#WRAPPER{ width:100%; height:auto; max-height: 100%;  margin:0 auto; padding:0; min-width:320px;}
#HEADER{width:100%;height: 65px;margin:0 auto;padding:0;text-align:left;vertical-align:middle;line-height:90px;/* background-image:url(../templates/mobi_top_bg.jpg); */background-repeat:no-repeat;background-position:right bottom;position:fixed;top:0;z-index:300;overflow:hidden;clear:both;border-bottom: 1px solid olive;/*opacity: 0.9;*//* background-color: #FFF; *//* background: linear-gradient(to right, #005bac, #039dd0); */opacity: 0.9;}
#HEADER a img{height: 35px;position: fixed;left: 0px;/*right: 25% !important; margin-top:3px; */margin: 14px auto;}
.header_login{ /* display:none; */ margin-right:10px; margin-top:0; float:right; vertical-align:middle; color: #039; font-weight:bold; line-height:55px;}
.header_login #login_icon1 img{width:12px;display: none;}
.header_login #login_icon2 img{width: 24px; vertical-align: middle; display: none;}

#CONTENT{width:100%;height:100%;min-width: 320px;max-height: 100%;margin:120px auto 0 auto;padding:0;clear:both;/* background-image:url(../templates/mobi_bg.jpg); */background-color: #edb75d;background-repeat:repeat;overflow:auto;overflow-x: hidden;box-sizing: border-box;}
#FOOTER{ width:100%; height:60px; margin:0; min-width:240px; padding:0;text-align:center; background-image:url(../templates/mobi_footer_bg.jpg); background-repeat:repeat-x; position:fixed; bottom:0px; clear:both; z-index:10;border: none; display: block;} 
#COPYRIGHT{width:100%;height:100%;color: #000;font-size: 14px; text-align:center; background-color:transparent;margin-top: 0px;padding-bottom: 20px;background-image:url(../templates/copyright_bg.png); background-repeat:no-repeat; background-position:center top;-moz-background-size: cover;background-size: cover;}
#COPYRIGHT a{color: #ccc; font-weight:bold;}
a{ text-decoration:none;}
.black{color:#000;}
.CCC{color:#CCC;}
.gray666{color:#666;}
.red{color:#C00;}
.white{ color:#FFF;}
.blue{ color:#006699;}
.font_200{ font-size:200%; line-height:1.2;}
.font_150{ font-size:150%; line-height:1.2;}
.font_120{ font-size:120%; line-height:1.2;}
.font_100{ font-size:100%; line-height:1.2;}
.font_90{ font-size:90%;}
.font_50{ font-size:100%; }
.width_100{ width:100%;}
.width_95{ width:95%;}
.width_90{ width: 90%;}
.width_80{ width:80%;}
.width_70{ width:70%;}
.width_60{ width:60%;}
.width_50{ width:50%;}
.width_40{ width:40%;}
.width_35{ width:35%;}
.width_30{ width:30%;}
.width_20{ width:20%;}
.width_10{ width:10%;}
.height_100{ height:60px; display:block; line-height:60px;}
.FLOAT_L{ float:left;}
.FLOAT_R{ float:right;}

/* ==首頁banner=========== */
.banner{width: 100%;/* height:100%; */  margin:10px auto; overflow:hidden; position:relative; text-align:center;}
.banner img{width: 100%;/* border:#FFF 1px solid; */ margin:0 auto; text-align:center;}
.banner_pre,.banner_next{ width:5%; height:100%;  position:absolute; top:0; padding:0; margin:0; z-index:30;}
.banner_pre{left:0;  }
.banner_next{right:0;}



/* ==最新消息=========== */
.news{
    /* height: 1%; */
    margin: 80px auto 1em auto;
    overflow: hidden;
    padding: 40px 0 0 0;
  width:100%;
}
.news_title{
    background-image: url(../templates/mobi_news_title.gif);
    font-size: 1.4em;
    color: #333;
    padding-left: 40px;
    line-height: 45px;
    font-weight: normal;
    font-family: "微軟正黑體";
    /*border-bottom: 1px solid #ccc;*/
    width: 90%;
    margin: 0 auto;
    text-align: left;
}
.news_title_more{
  z-index:20;
  background-image:url(../templates/mobi_news_title.gif); background-position:right top;
  width:80px;
  text-indent:-9999px;
  display:block;
  float:right;
}
.news_content{
  /* background-color: #FFFFFF; */
  border-bottom: 1px solid #d2d2d2;
  overflow:
  hidden;
  position:
  relative;
  background-image: transparent !important;
  background-repeat: no-repeat;
  background-position: 20px 22px;
}
.news_content ul li{ list-style-type:none; }
.news_footer{ 
  background-image:url(../templates/mobi_news_bottom.gif);
  color:#006699;
  font-size:11px;
  text-align:center;
  line-height:30px;
  width:100%;
  height:30px;
  padding:0;
  margin:0;
  display:block;
  text-decoration:none;
}
.news_footer a{ text-decoration:none; color:#39C;}

.news_content img{ width: 90%; height: auto; /*width:90px; height:90px;*/ border:none; margin:28px 10px 10px 20px; background-position:center; overflow:hidden; /*float:left;*/ }
.about_content img{ width:auto; height:auto; border:none; margin:0 auto; background-position:center; overflow:hidden;  display:block;}
.light_content img{ width:auto; height:auto; border:none; margin:0 auto; background-position:center; overflow:hidden;  display:block;}
.news_content ul, .act_content ul, .about_content ul{
    /*float:left;*/
    width: 90%;
    padding: 0px 20px;
    text-align: left;
    text-indent: 0px;
	margin:0;
    }
.news_content ul.full, .act_content ul.full, .product_content ul.full, .about_content ul.full, .light_content ul.full{width: 100%; margin:0 auto; padding-left:25px;}
.description{ color:#666666; font-size:15px; /*clear:both;*/ list-style-type: none;     display: -webkit-box;}
.time{ 
   font-size: 15px; 
   color: #969696; 
   font-family:Arial, Helvetica, sans-serif; 
   padding:5px; 
   /*position:absolute;*/ 
   left: 10px; top: 12px; 
   list-style-type: none; 
   display:block; 
   clear: both;
   float: right;}
.full .time{right: 0 !important;  bottom: 0 !important;  left: initial;  top: inherit;}
.news_content ul li.bold{ font-weight:bold; font-size: 1.2em; list-style-image:url(../templates/shortcut_icon.gif) !important; margin-top: 0px; display:block !important; text-align:center; }
li.bold{ list-style-type: none;}
.act_content ul li.bold a{
  font-size: 18px;
  font-weight: bold;
  }
.bold a{
  text-decoration:none;
  color: #000000;
  font-size: 18px;
  font-weight: normal;
  display: block;
  margin-top: 20px !important;
  padding-top: 0px;
  padding-bottom: 10px;
  }
  
/*  新聞模組樣式A */
.news_content_typeA{
  background-color: #FFFFFF;
  border-bottom: 1px solid #d2d2d2;
  overflow:hidden;
  position:relative;
  background-image: transparent !important;
  background-repeat: no-repeat;
  background-position: 20px 22px;
  box-sizing: border-box;
  padding: 0 20px;
}
.news_content_typeA ul li{ list-style-type:none; }
.news_content_typeA img{width: 100%;height: auto;/*width:90px; height:90px;*/border:none;margin: 15px 0px 10px 0px;background-position:center;overflow:hidden;/* float:left; */}

.news_content_typeA ul{/*float:left;*/width: 100%;display:block;padding-left: 0;}
.news_content_typeA ul.full{ width:90%; margin:0 auto; padding-left:25px;}
.news_content_typeA .description{color:#666666;font-size:15px;clear:both;list-style-type: none;display: -webkit-box;text-align: left;}
.news_content_typeA .time{ 
   font-size: 15px; 
   color: #969696; 
   font-family:Arial, Helvetica, sans-serif; 
   padding:5px; 
   /*position:absolute;*/ 
   left: 10px; top: 12px; 
   list-style-type: none; 
   display:block; 
   clear: both;
   float: right;}
.news_content_typeA .full .time{right: 0 !important;  bottom: 0 !important;  left: initial;  top: inherit;}
.news_content_typeA ul li.bold{font-weight:bold;font-size: 1.2em;list-style-image:url(../templates/shortcut_icon.gif) !important;margin-top: 0px;display:block !important;padding-left: 0px;text-align:;}
.news_content_typeA li.bold{ list-style-type: none;}
.news_content_typeA .bold a{
  text-decoration:none;
  color: #000000;
  font-size: 18px;
  font-weight: bold;
  display: block;
  margin-top: 0px !important;
  padding-top: 0px;
  padding-bottom: 10px;
  text-align: left;
  }
  
/*  新聞模組樣式B */
.news_content_typeB{
  background-color: #FFFFFF;
  overflow:hidden;
  background-image: transparent !important;
  background-repeat: no-repeat;
  background-position: 20px 22px;
  box-sizing: border-box;
  padding: 20px;
}
.news_content_typeB ul{

}
.news_content_typeB ul li{ list-style-type:none; }
.news_content_typeB img{width: 100%;height: auto;/*width:90px; height:90px;*/border:none;margin: 15px 0px 10px 0px;background-position:center;overflow:hidden;/*float:left;*/}

.news_content_typeB ul{/*float:left;*/width: 100%;display:block;padding-left: 0;}
.news_content_typeB ul.full{ width:90%; margin:0 auto; padding-left:25px;}
.news_content_typeB .description{ color:#666666; font-size:15px; clear:both; list-style-type: none;     display: -webkit-box;}
.news_content_typeB .time{ 
   font-size: 15px; 
   color: #969696; 
   font-family:Arial, Helvetica, sans-serif; 
   padding:5px; 
   /*position:absolute;*/ 
   left: 10px; top: 12px; 
   list-style-type: none; 
   display:block; 
   clear: both;
   float: right;}
.news_content_typeB .full .time{right: 0 !important;  bottom: 0 !important;  left: initial;  top: inherit;}
.news_content_typeB ul li.bold{font-weight:bold;font-size: 1.2em;list-style-image:url(../templates/shortcut_icon.gif) !important;margin-top: 0px;display:block !important;padding-left: 0px;}
.news_content_typeB li.bold{ list-style-type: none;}
.news_content_typeB .bold a{
  text-decoration:none;
  color: #000000;
  font-size: 18px;
  font-weight: bold;
  display: block;
  margin-top: 0px !important;
  padding-top: 0px;
  padding-bottom: 10px;
  }
#newsList .swiper-button-next{
    top: 34%;
    width: 20px;
    background-size: contain;
    right: 0;
}
#newsList .swiper-button-prev{
    top: 34%;
    width: 20px;
    background-size: contain;
    left: 0;
}
/*#newsList ul li.bold{
	text-align:left;}
#newsList div a img{
	width: 35%;
    height: auto;
    border: none;
    margin: 28px 10px 10px 20px;
    background-position: center;
    overflow: hidden;
    float: left;}*/

/*  新聞模組樣式C */
.news_content_typeC{
  /* background-color: #FFFFFF; */
  border-bottom: 1px solid #d2d2d2;
  overflow:
  hidden;
  position:
  relative;
  background-image: transparent !important;
  background-repeat: no-repeat;
  background-position: 20px 22px;
  box-sizing: border-box;
  padding: 0 20px;
}
.news_content_typeC ul li{ list-style-type:none; }
.news_content_typeC img{width: 100%;height: auto;/*width:90px; height:90px;*/border:none;margin: 15px 0px 10px 0px;background-position:center;overflow:hidden;float:left; display: none;}

.news_content_typeC ul{/*float:left;*/width: 100%;display:block;padding-left: 0;}
.news_content_typeC ul.full{ width:90%; margin:0 auto; padding-left:25px;}
.news_content_typeC .news_pic{display: none;}
.news_content_typeC .sub_title{display:none;}
.news_content_typeC br{display: none;}
.news_content_typeC .description{ color:#666666; font-size:15px; /*clear:both;*/ list-style-type: none;     display: none;}
.news_content_typeC .time{
   font-size: 15px;
   color: #969696; 
   font-family:
   Arial, Helvetica, sans-serif; 
   padding:5px;
   /*position:absolute;*/
   left: 10px;
   top: 12px;
   list-style-type: none;
   /* display: none; */
   clear: both;
   float: right;
   }
.news_content_typeC .full .time{right: 0 !important;  bottom: 0 !important;  left: initial;  top: inherit; display: none;}
.news_content_typeC ul li.bold{
  font-weight: bold;
    font-size: 1.2em;
    background-image: url(../templates/shortcut_icon.gif) !important;
    margin-top: 0px;
    display: block !important;
    padding-left: 20px;
    background-position: left top;
    background-repeat: no-repeat;
   }
.news_content_typeC li.bold{ list-style-type: none;}
.news_content_typeC .bold a{
  text-decoration:none;
  color: #000000;
  font-size: 18px;
  font-weight: bold;
  display: block;
  margin-top: 0px !important;
  padding-top: 0px;
  padding-bottom: 0px;
  }

.text{ color:#000; padding:0 10px; clear:both; font-family:"微軟正黑體"; clear: both;}
.text p{font-size: 16px;line-height: 1.8;word-wrap: break-word;}
.text img, .text p img{ width:100%; height:auto; margin:10px auto; clear:both; text-align:center; display:block;}
.no100{ width:auto;}


.act{
    /* height: 1%; */
    margin: 70px auto 1em auto;
    overflow: hidden;
    padding: 10px 0 0 0;
    width: 100%;
    line-height: 1.6;
}
.act_title{
  
  background-image:url(../templates/mobi_act_title.gif);
    font-size: 1.4em;
    color: #333;
    padding-left: 40px;
    line-height: 45px;
    font-weight: normal;
    font-family: "微軟正黑體";
    width: 95%;
    margin: 0 auto -20px auto;
}
.act_title_more{
  z-index:20;
  background-image:url(../templates/mobi_act_title.gif); background-position:right top;
  width:80px;
  text-indent:-9999px;
  display:block;
  float:right;
}
.act_content{
  border-bottom: 1px dotted #6F6F6F;
  overflow:hidden;
  position:relative;
  width: 100%;
}
.act_content img{ width: 100%; height: auto; border:1px solid #999; background-position:center; overflow:hidden; /* float:left;margin: 15px !important; */ display:block;}
.act_footer{
  background-image:url(../templates/mobi_act_bottom.gif);
  color:#006699;
  font-size: 15px;
  text-align:center;
  line-height:30px;
  width:100%;
  height:30px;
  padding:0;
  margin:0;
  display:block;
  text-decoration:none;
}
.act_footer a{ text-decoration:none; color:#39C;}
.act .text{padding: 10px 0px 60px 0px !important;}

.about{
    /* height: 1%; */
    margin: 80px auto 1em auto;
    overflow: hidden;
    padding: 0 0 0em 0em;
    width:100%;
}
.about_title{
  background-image:url(../templates/mobi_about_title.gif);
    font-size: 1.4em;
    color: #333;
    padding-left: 40px;
    line-height: 45px;
    font-weight: normal;
    font-family: "微軟正黑體";
    width: 95%;
    margin: 0 auto 10px auto;
}
  
.about_title_more{
  z-index:20;
  background-image:url(../templates/mobi_about_title.gif); background-position:right top;
  width:80px;
  text-indent:-9999px;
  display:block;
  float:right;
}
.about_content{ 
  background-color:transparent;
  border-bottom: 1px dotted #6F6F6F;
  overflow: hidden;
  position: relative;
}
.about .about_content{  
  background-color: transparent;   
  border-bottom: transparent;
  overflow: visible;
  position:relative;
}
.about_content img{border:none; margin:0px auto; background-position:center; overflow:hidden;  display:block; text-align:center;}
.about_footer{ 
  background-image:url(../templates/mobi_about_bottom.gif);
  color:#006699;
  font-size:11px;
  text-align:center;
  line-height:30px;
  width:100%;
  height:30px;
  padding:0;
  margin:0;
  display:none;
  text-decoration:none;
}
.about a{ text-decoration:none; color:#39C;}

.light{
    height: 1%;
    margin: 1em auto;
    overflow: hidden;
    padding: 0 0 0.4em 0.2em;
  width:100%;
}
.light_title{
  background-image:url(../templates/mobi_light_title.gif);
  font-size:1.6em;
  color:#666;
  padding-left: 40px;
  height: 45px;
  line-height: 45px;
  font-weight: bold;
  font-family: "微軟正黑體";
  border-bottom: 1px solid #ccc;
    width: 95%;
    margin: 0 auto;
  margin-top:10px !important; 
}
.light_title_more{
  z-index:20;
  background-image:url(../templates/mobi_light_title.gif); background-position:right top;
  width:80px;
  text-indent:-9999px;
  display:block;
  float:right;
}
.light_content{ 
  background-color:#FFF;    
  border-bottom: 1px dotted #6F6F6F;
  overflow:hidden;
  position:relative;
}
.light_content img{ border:1px solid #999; margin:10px auto; background-position:center; overflow:hidden; float:left; display:block;}
.light_footer{ 
  background-image:url(../templates/mobi_light_bottom.gif);
  color:#006699;
  font-size:11px;
  text-align:center;
  line-height:30px;
  width:100%;
  height:30px;
  padding:0;
  margin:0;
  display:block;
  text-decoration:none;
}
.light_footer a{ text-decoration:none; color:#39C;}

h3.content_title{ font-size: 1.4em; color: #fff; display:block; width:90%; text-align:left; line-height:1.8; margin: 0; font-family:"微軟正黑體"; z-index: 100; position: absolute; left: 0; top: -50px; height: 30px; padding-left: 40px; overflow: hidden;}

/* ==頁尾區=========== */
#btn_PAGE{width:100%; height:36px; margin:0 auto; padding:0;text-align:right;  position:fixed; right:10px; bottom:0px; clear:both; z-index:10;}
img#GOTOP {width:100%;}
#FOOTER ul{ width:100%; height:60px; margin:0 auto; padding:0; clear:both;}
#FOOTER li{ font-size:75%; padding-top:35px; color: #fff; display:inline-block; width: 60px; height:15px; text-align:center; margin-left:0px; float:none; padding-left:0px; font-weight:bold;}
#FOOTER li a { text-decoration:none; color:#000; display:block; width:50px; height:15px; cursor:pointer; z-index:10;}
.home{ background-image:url(../templates/mobi_footer_btn1.jpg); background-position:center top;}
.btn_news{ background-image:url(../templates/mobi_footer_btn2.jpg); background-position:center top;}
.btn_product{ background-image:url(../templates/mobi_footer_btn4.jpg); background-position:center top;}
.btn_ob1{ background-image:url(../templates/mobi_footer_btn3.jpg); background-position:center top;}
.btn_ob2{ background-image:url(../templates/mobi_footer_btn5.jpg); background-position:center top;}
.btn_back{ background-image:url(../templates/mobi_footer_btn_back.jpg); background-position:center top;}
.btn_ob3{ background-image:url(../templates/mobi_footer_btn6.jpg); background-position:center top;}

#FOOTER a:hover li{

-webkit-box-shadow:2px 5px 5px #ccc;
-webkit-box-shadow:inset 2px 2px 5px #666666;
}



/* ==頁首區=========== */

header {
  width:100%;
  height:60px;
  background:url(../templates/header.png) repeat-x;
  position:fixed;
    top: 0;
}

header h1 {
  color:#FFF;
  text-align:center;
  font-size:20px;
  text-shadow:2px 2px 5px #000;
  line-height:60px;
  text-shadow:1px 1px 3px #000;
  margin:0 auto;
}
header a#MENU {
  display:block;
  width:32px;
  height:32px;
  font-size:11px;
  background-image:url(../templates/mm1.png);
  text-indent:-9999px;
  position:absolute;
  left:14px;
  top:15px;
}

header a#NAV {
  display:block;
  width:32px;
  height:32px;
  font-size:11px;
  background-image:url(../templates/mm2.png);
  text-indent:-9999px;
  position:absolute;
  right:14px;
  top:15px;
}


/* ==內容區=========== */

article {
  padding:20px 0 20px 0;
}
article ul {
  margin:22px 0px; padding:0;
}
article li {
  list-style:none;
}
article li table { margin:20px 0;}
article li:first-child a {

background-color: #fff;

background-image:url(../templates/mobi_title_bg.jpg);

color: #333;

line-height: 60px;

background-repeat:repeat;

background-position: left top ;

font-size: 24px;

text-decoration: none;

height: 60px;

padding-left: 20px;

border: none;
}

article li:first-child td.mobi_prd_title a { color:#000; line-height:1.6; font-size:1.2em;}
.mobi_prd_descript { font-weight:normal; color:#666; font-size:0.9em; line-height:1.2;}
.mobi_prd_descript2 { font-weight:normal; color:#666; padding:10px; font-size: 24px; line-height:1.2; clear:both;letter-spacing: 2px;}
.prd_price_group{ padding-left:10px; font-size:0.8em; clear:both; display:block;}
.mobi_prd_price { font-weight:normal; color: #000; font-size:1em;  line-height:normal;text-decoration: line-through;}
.mobi_prd_price span{float:left;}
.mobi_prd_price .price_ch{color:#C00; font-size:1em;  line-height:normal; vertical-align:middle;}
.mobi_prd_price2 { font-weight:bold; color:#C00; font-size:1.2em; }
.mobi_prd_price2 span{float:left;}
.mobi_prd_price2 .price_ch{color:#C00; font-size:0.8em; line-height:1.6; font-weight:normal;}
.mobi_prd_price3 { font-weight:bold; color:#C00; font-size:1.2em; }
.mobi_prd_price3 span{float:left;}
.mobi_prd_price3 .price_ch{color:#C00; font-size:0.8em; line-height:1.6; font-weight:normal;}
article li:last-child a {

}
article a {
  display:block;
  padding-bottom:15px;
  line-height:1.6;
  padding:0 20px;
  text-align:justify;
  text-justify:inter-word;
  color:#000;
  text-decoration:none;
  background-color:#FFF;
  border:1px solid #999;
  margin-bottom:-1px;
  font-weight:bold;
  background-image:url(../templates/mobi_list_arrow.png);
  background-repeat:no-repeat;
  background-position: 98% center ;
}
article a:hover {
  background-image:url(../templates/mobi_list_arrow.png);
  background-repeat:no-repeat;
  background-position: 98% center ;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#eaeaea 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#eaeaea 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#eaeaea 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */

}


/* ==搜尋列=========== */
.search_pop {padding-top: 50px;padding-bottom:5px;height:40px;width: 100%;position: fixed;z-index: 999 !important;left: -100%;top: 0px;background-color: #FFF;/* transform: translate(-100%, 0px); */background-image: url(../templates/logo.png);background-size: auto 36px;background-repeat: no-repeat;background-position: center 15px;}
.search_pop input {width: 100%;height: 40px;font-size: 14px;border-color: #fff;display: inline-block;margin: 0;font-family:  "微軟正黑體";border: none;position: relative;box-sizing: border-box;padding: 10px 25px;background-color: #ececec;font-weight: normal;}
br {
border: 1px solid #d5d5d5;
border-radius: 5px;
padding: 2px;
box-shadow: inset 2px 2px 3px rgba(0,0,0,0.1);
font-size: 1rem;
width: 90%;}
#search_submit{/* background-image:url(../images/search_submit.gif); */height: 45px;width:auto;border:none;margin-left: 3px;vertical-align:middle;z-index:999;position: absolute;right: 0;top: 67px;background-size: initial;background-color: transparent;}


/* ==商品區=========== */

.PRODUCT_UL{
  background-image:url(../templates/mobi_title_bg.jpg);
  line-height: 60px;
  background-repeat:repeat;
  background-position: left top ;
  font-size:1.2em;
  color: #333;
  padding-left:10px;
  font-weight:bold;
  font-family:"微軟正黑體";
  height: 60px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top:60px;
}
.PRODUCT_UL a{color: #333; padding:5px;text-decoration: none;}
.PRODUCT_UL h3{color: #333;}
.PRODUCT_TITLE{ font-size:20px; font-weight:bold; color:#006699; padding:15px;}
table.PRODUCT_TB td{ border:1px solid #ccc; padding:5px 10px;}
.price_ch{ font-size:0.5em; clear:both; line-height:1.5em; text-align:left;}
.PRODUCT_BUY a{

display:block;

width: 80%;

height:50px;

background-color: #39a8e0;

color:#FFFFFF;

font-weight: normal;

font-size: 1.2em;

letter-spacing: 4px;

text-decoration:none;

text-align:center;

line-height:50px;

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));

margin:0 auto;/* highlight-color 放在 a 上效果較好 */

-webkit-tap-highlight-color: rgba(255,0,0,0.4);

outline:none;

/* -webkit-tap-highlight-color:rgba(0,0,0,0); */
}

#add_cart_x{background-color: #39a8e0;display:block;}

.PRODUCT_BUY a:hover{
  color:#FFFFFF;

-webkit-box-shadow:2px 5px 5px #ccc;
  -webkit-box-shadow:inset 2px 2px 5px #666666;
}
.PRODUCT_FB a{
    display: block;
    width: 90%;
    height: 50px;
    background-color: #39a8e0;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 1.6em;
    letter-spacing: 5px;
    text-decoration: none;
    text-align: center;
    line-height: 50px;
    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));
    margin: 0 auto;
    -webkit-tap-highlight-color: rgba(255,0,0,0.4);
    outline: none;
}
.PRODUCT_FB a:hover{
  color:#FFFFFF;
-webkit-box-shadow:2px 5px 5px #ccc;
  -webkit-box-shadow:inset 2px 2px 5px #666666;
}

.PRODUCT_BUY_s{display:none;}

.DATA_CONTENT{width: 100%;padding: 20px;margin:0 auto;box-sizing: border-box;}
.DATA_CONTENT img{width: 100%; margin:0 auto; text-align:center;}

a.icon1, a:hover.icon1{background-image:url(../templates/mobi_list_arrow.png); background-repeat:no-repeat; background-position:98% center; display:block; line-height:60px; padding:0 0 0 20px;font-size:1.3em; font-weight: normal;}
a.icon2, a:hover.icon2{background-image:url(../templates/mobi_list_arrow.png); background-repeat:no-repeat; background-position:98% center; display:block; line-height:60px; padding:0 0 0 20px;font-size:1.3em; font-weight: normal;}
a.icon3, a:hover.icon3{background-image:url(../templates/mobi_list_arrow.png); background-repeat:no-repeat; background-position:98% center; display:block; line-height:60px; padding:0 0 0 20px;font-size:1.3em; font-weight: normal;}
a.icon4, a:hover.icon4{background-image:url(../templates/mobi_list_arrow.png); background-repeat:no-repeat; background-position:98% center; display:block; line-height:60px; padding:0 0 0 20px;font-size:1.3em; font-weight: normal;}
a.icon5, a:hover.icon5{background-image:url(../templates/mobi_list_arrow.png); background-repeat:no-repeat; background-position:98% center; display:block; line-height:60px; padding:0 0 0 20px;font-size:1.3em; font-weight: normal;}
a.icon6, a:hover.icon6{background-image:url(../templates/mobi_list_arrow.png); background-repeat:no-repeat; background-position:98% center; display:block; line-height:60px; padding:0 0 0 20px;font-size:1.3em; font-weight: normal;}
a.icon7, a:hover.icon7{background-image:url(../templates/mobi_list_arrow.png); background-repeat:no-repeat; background-position:98% center; display:block; line-height:60px; padding:0 0 0 20px;font-size:1.3em; font-weight: normal;}
a.icon8, a:hover.icon8{background-image:url(../templates/mobi_list_arrow.png); background-repeat:no-repeat; background-position:98% center; display:block; line-height:60px; padding:0 0 0 20px;font-size:1.3em; font-weight: normal;}
a:hover.icon1, a:hover.icon2, a:hover.icon3, a:hover.icon4, a:hover.icon5, a:hover.icon6, a:hover.icon7, a:hover.icon8{
  -webkit-box-shadow:2px 5px 10px #333;
  -webkit-box-shadow:inset 1px 1px 3px #ccc;
  color:#30acec;
  background-color:#fefefe;
}

ul.SIDE_UL{margin:0; padding:0;}
ul.SIDE_UL li a{line-height:50px; padding:0 0 0 80px; background-image:url(../templates/mobi_list_arrow.png); background-repeat:no-repeat; background-position:30px center; background-color: #fff; color:#000; font-size: 100%;border: 1px solid #ccc;height: 50px;}
ul.SIDE_UL li a:hover{-webkit-box-shadow:2px 5px 10px #333;
  -webkit-box-shadow:inset 1px 1px 3px #ccc;
  color:#30acec;
  background-image:url(../templates/mobi_list_arrow.png);
  background-color:#dddddd;
  
}
ul.SIDE_UL li ul.SIDE_UL li a{line-height: 40px; padding:0 0 0 80px; background-image:url(../templates/mobi_list_arrow.png); background-repeat:no-repeat; background-position: 50px center; background-color: #eee; color:#000; font-size: 100%;border: 1px solid #ccc;height: 40px;background-size: 9px;}

  
}
ul.SIDE_UL2{margin:0; padding:0;}
ul.SIDE_UL2 li a{line-height:50px; padding:0 0 0 110px; background-image:url(../templates/mobi_list_arrow.png); background-repeat:no-repeat; background-position:60px center; background-color:#eeeeee; color:#000; font-size: 100%;}
ul.SIDE_UL2 li a:hover{-webkit-box-shadow:2px 5px 10px #333;
  -webkit-box-shadow:inset 1px 1px 3px #ccc;
  color:#30acec;
  background-image:url(../templates/mobi_list_arrow.png);
  background-color:#dddddd;
}
ul.sub {display:none;}
ul.third{display:none;}


ul.STEP_UL{
  line-height:50px;
  background-repeat:repeat;
  background-position: left top ;
  font-size:100%;
  color:#666;
  clear:both;
  width: 95%;
  margin: 80px 20px 0 20px;
  padding: 0;
}
ul.STEP_UL li{ display:inline; padding:5px 5px; background-color:#eee; background-image:url(../templates/step_bg.png); background-position:right center;}
ul.STEP_UL li.STEP_ON{ display:inline; padding:5px 5px; background-color:#30acec; color:#FFF; }
ul.STEP_UL li.STEP_ON a{ color:#FFF; }
.STEP_UL a{color:#666; padding:5px;}
ul.STEP_UL li.no_bg{ background-image:none;}
.total-amount {/* border-bottom:#ccc solid 1px; */ padding:10px;text-align: center;font-size:120%; background-color:#eee;padding-top: 30px;padding-bottom: 30px;}

.NORMAL_UL{ padding:10px; }
.tablelist_title{ font-weight:bold;}

/* ----------------
   View list
   ----------------*/
.list-wrap {background: #eee;}
.view-list {display:block;margin:0;padding:0;list-style:none;background-color: #FFF;}
.view-list li {display:block;position:relative;min-height:40px;border-bottom:#ccc solid 1px;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;}
.view-list li a {color:#264564;position:relative;}
.view-list li a .tapfix {position:absolute;top:0;left:0;height:inherit;width:100%;}

.view-list.single-line li {background:url(/img/new/list_arw.png) no-repeat right center;height:44px;line-height:46px;font-size:16px;}
.view-list.single-line li a {display:block;height:inherit;line-height:inherit;padding:0 34px 0 12px;overflow:hidden;}

.view-list.multi-line li {padding:8px 38px 8px 10px;}
.view-list.multi-line li .ico-arw{background:url(/img/new/list_arw.png) no-repeat right center;display:block;position:absolute;right:0;top:0;width:38px;height:100%;}
.view-list.multi-line li .item .img-box {width: 80px;min-height: 80px;float:left;}
.view-list.multi-line li .item .img-box img {width:inherit;}
.view-list.multi-line li .item .item-name {margin-left: 10px;}
.view-list.multi-line li .item .info-box {margin-left: 90px;font-size: 16px;}

.view-list.has-num li{padding-left:20px;}
.view-list.has-num li .num{display:block;position:absolute;height:100%;width:20px;background-color:#f1f1f1;color:#777;text-align:center;line-height:3em;font-size:13px;left:0;top:0;}
.view-list.has-num li .item .img-box {width:60px;min-height:60px;float:left;margin-left:6px;}
.view-list.has-num li .item .item-name {margin-left:76px;}

.view-list.has-rank li .num {background:url(/img/new/num_base.png) no-repeat 0 0;width:30px;height:25px;padding-top:5px;font-size:13px;font-weight:bold;line-height:1;color:#2e281d;text-shadow:0 1px #fff;text-align:center;position:absolute;top:-1px;left:5px;z-index:10;}


/* ----------------
   item
   ----------------*/
.item {position:relative;min-height:1px;line-height:1.4;}
.item:after {content:".";display:block;clear:both;height:0;visibility:hidden;}
.item .item-name {display:block;font-size: 18px;width: 35%; float:left;color: #000;line-height: 30px;}
.item .item-name.sub {font-size:100%;font-weight:normal;}
.item .img-box img {display:block;margin:0 auto;}
.item .info-box {padding:5px 0;font-size:100%;}
.item-info.price {color:#353840; float:left;width: 55px; margin:0 auto; text-align:right;display: block;background-image: url(../images/icon_price3.jpg);background-size: contain;height: 30px;background-repeat: no-repeat;background-position: left 7px;line-height: 30px;margin-left: 10px;}
.item .info-box .item-info.price .t-alert, .item .info-box .item-info.price .t-price {margin:0 2px;}
.item .info-box .item-info.period {font-size:86.666%;}
.item .info-box .item-info.og-price {color:#7f8c8d;}
.item .info-box .item-info.qt {padding:4px 0;color:#000; float:left; width:20%;}
.item .info-box .item-info.alert {color:#ff5f4e;padding:2px 0;}
.item .info-box .item-info.score, .item .info-box .item-info.gift {padding:2px 0;}
.item .btn-wrap {padding:5px 0 0;}
.item-info.qt .select-box.sel-qt {
    min-width: 40px;
    text-align: center;
    float: left;
    height: 30px;
    line-height: 30px;
    font-family:  "微軟正黑體","Arial", "Helvetica", "sans-serif";
    font-size: 18px;
    border-radius: 5px;
    width: 45px;
    background-color: #f5f5f5;
}
form#mobile_cart_goods{margin-top:-50px;}

/* ----------------
   form
   ----------------*/
.form {display:block;margin:0 auto;width:87.5%;max-width:400px;min-height:200px;padding-top:6px;padding-bottom:12px;}
.form .field {padding:6px 0;}
.form .field .captcha {padding:0 2px 2px;}
.form .field .captcha img {vertical-align:middle;margin-right:8px;}
.form .input-box {display:block;background:#fff;width:97.333%;height:38px;border:#b7b7b7 solid 1px;-webkit-box-shadow:inset 0 1px 5px 0 #c6c6c6;box-shadow:inset 0 1px 5px 0 #c6c6c6;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;font-size:18px;margin:0 auto;padding:0 1%;}
.form .input-box:focus {border-color:#a0e800;}

.placeholder {color:#aaa;}

.custom-label {display:inline-block;margin-right:.2em;cursor:pointer;}
.custom-radio, .custom-check {vertical-align:middle;display:inline-block;position:relative;top:-2px;margin:0 .2em;width:22px;height:22px;background:url(/img/new/ico_checkradio.png) no-repeat 0 0;}
.custom-radio {background-position:0 -25px;}
.custom-check.focus {background-position:-25px 0;}
.custom-radio.focus {background-position:-25px -30px;}
.custom-check.checked {background-position:-50px 0;}
.custom-radio.checked {background-position:-50px -25px;}
.custom-check.checked.focus {background-position:-75px 0;}
.custom-radio.checked.focus {background-position:-75px -25px;}

.select-box.sel-qt {min-width:30px;text-align:center; float:left;height: 40px;font-family:  "微軟正黑體","Arial", "Helvetica", "sans-serif";font-size: 18px;width: 50px;}
.btn-delete {background: #FFF;color: #000;width:22px;height:22px;line-height:20px;padding:0;-webkit-box-shadow: white;box-shadow: white;border-color: white;font-size:20px;font-weight:bold;font-family:Arial; position:absolute; right:15px; top:10px;border: none;}


.ADD_MEMBER a{

  display:block;
  width:150px;
  height:40px;
  background-color:#FFF;
  color:#FFF;
  font-weight:bold;
  font-size:1em;
  letter-spacing:0px;
  text-decoration:none;
  text-align:center;
  line-height:40px;
  float:left; vertical-align:middle;
  border:1px solid #693;
  -webkit-border-radius:5px;
  -webkit-box-shadow:2px 5px 5px #ccc;
background: #bfd255; /* Old browsers */
background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfd255), color-stop(50%,#8eb92a), color-stop(51%,#72aa00), color-stop(100%,#9ecb2d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* IE10+ */
background: linear-gradient(to bottom, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-9 */
  margin:0 auto;
  
  /* highlight-color 放在 a 上效果較好 */
  -webkit-tap-highlight-color: rgba(255,0,0,0.4);
  outline:none;
  /* -webkit-tap-highlight-color:rgba(0,0,0,0); */
}

.ADD_MEMBER a:hover{
  color:#FFF;

-webkit-box-shadow:2px 5px 5px #ccc;
  -webkit-box-shadow:inset 2px 2px 5px #666666;
}


/* ==收貨人資料========== */

.FormWrap {margin: 0 auto;width: 100%;box-sizing: border-box;padding: 0 20px;}
.FormWrap ul{ margin-left:0;padding-left: 0px;}
.FormWrap ul li{ list-style:none;}
.Shipping fieldset ul li.Row {
padding: 20px 0;
display:block;
}
.ItemHead {
color: #000;
font-size: 1.1em;
line-height:2;
}
.input, .input-2, .product-memo-input{padding:0px;margin:0px 5px 10px 0;height:30px;width:80%;font-family:"蘋果儷黑體",  "微軟正黑體","Arial", "Helvetica", "sans-serif";}
.product-memo-input{padding:0px; margin:0px 5px 10px 0;
height:30px; width:100%;font-family:"蘋果儷黑體",  "微軟正黑體","Arial", "Helvetica", "sans-serif";font-size: 18px;}
select.input-2{padding:0px; margin:0px 5px 10px 0;height: 40px; width:80%;line-height: 40px;font-family:  "微軟正黑體","Arial", "Helvetica", "sans-serif";font-size: 18px;}
input.btn{ width:20px; height:20px; padding:10px;}
.Text {
color: #000;border-radius: 10px;
-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
background: #fff;
padding: 3px 6px 3px 8px;
border: solid 1px #444241;
outline: none;
width: 95%;
height:30px;
font-family: Georgia, "微軟正黑體", Times, serif;
vertical-align:middle;}

input[type=checkbox] {
  visibility: hidden;
}
/* SQUARED FOUR */
.squaredFour {
  width: 100px;
  /* margin: -25px 5px 0 125px; */
  position: relative;
  /* float: right; */
  /* margin-top: -30px; */
  /* min-width: 50px; */
}

.squaredFour label {
  cursor: pointer;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  border-radius: 4px;
  -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
  -moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
  background: #fcfff4;
  background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}

.squaredFour label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  content: '';
  position: absolute;
  width: 9px;
  height: 5px;
  background: transparent;
  top: 4px;
  left: 4px;
  border: 3px solid #333;
  border-top: none;
  border-right: none;

  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.squaredFour label:hover::after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  opacity: 0.5;
}

.squaredFour input[type=checkbox]:checked + label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}
input[type=checkbox],
input[type=radio] {border: 1px solid #c0c0c0;margin: 0 0.1em 0 0;padding: 0;font-size: 16px;line-height: 1em;width: 1.25em;height: 1.25em;background: #fff;background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ededed), to(#fbfbfb));-webkit-appearance: none;-webkit-box-shadow: 1px 1px 1px transparent;-webkit-border-radius: 0.25em;vertical-align: text-top;display: inline-block;}

input[type=radio] {
-webkit-border-radius: 2em; /* Make radios round */
}

input[type=radio]:checked::after {
content:"●";
display:block;
height: 16px;
line-height: 17px;
font-size: 20px;
text-align: center;
color:#333333;
}
.Consignee h3{ padding-left:20px; color:#000000;}
.normal .input-1, .normal select{height:30px; line-height:30px; vertical-align:middle; padding:0px; margin:0px 5px 10px 0;}

select{height: 30px; padding:0px; margin:0px 5px 10px 0;}
.product-number select[id="select_num"]{
    height: 36px;
    border-radius: 5px;
    font-family: inherit;
    font-size: 18px;
    padding: 5px;
    margin-top: -20px;
    margin-bottom: -50px;
    box-sizing:border-box;
    width: 100px;
    margin-left: 20px;
}

.ItemBox textarea{width: 93%;}
.ItemBox input.Text{width: 93%;margin: 3px;}

input[name=tel_home], input[name=tel_com]{ width:40px;}
input[name=tel_home1], input[name=tel_com1]{ width: 55%;clear: both;margin-right: 20px;}
input[name=tel_com2]{ width: 30%;}

input[type=password], input[name="item_name[2]"]{/* width: 93% !important; */}
input[name=home_ZipCode], input[name=addr_home], input[name=com_ZipCode], input[name=addr_com]{width: 30%;}

.data-pwdp{color:#F00;  font-size: 82%;
  padding: 0;
  margin-top: 0px;
  display: block;}



/* ==商品表格=========== */

.RESULT_TB td{ padding:5px; font-size:90%;}
.RESULT_TB td.PRODUCT_UL{ padding:0px 15px; height:20px; border:none;}
.RESULT_TB td.t-price{ padding-right:20px;}
.RESULT_TB td{border-bottom:#ccc solid 1px;}

.more a{ padding:10px 10px 10px 20px; float:right; display:block; font-size:100%; margin:0 10px; height:30px; line-height:30px; text-indent: -9999px; width:60px; color:#999; font-weight:bold; background-image:url(../templates/mobi_more.png); background-repeat:no-repeat; background-position:left center;}
.more a:hover{ color:#CCCCCC;}


#textarea_addmember{overflow:scroll; -webkit-overflow-scrolling: touch; padding:20px;}
a.link{color:#538dda;}
.link{color:#538dda;}


.t-price.red.font_150{ font-size:100%;color: #555452;}
td.item-name{ font-size:90%;}



/* ==團購區=========== */

#CONTENT ul table{ width:95%;}
#CONTENT ul table td.font_120{ font-size:100%;}
.prd_price_group{float:left; clear: both; text-align:left; padding-right: 5px;
padding-left: 0;}
.mobi_prd_price2, .mobi_prd_price3{ font-size:150%;}
.groupon_pic{ width:150px; padding:0; margin:0; position:relative;}
.groupon_pic .tag_mask{ position:absolute; left:-20px; top:-10px; z-index:10; width:70px;}
.groupon_pic .groupon_img{ position:absolute; left:0; top:-10px; z-index:1; width:130px; max-height:110px;}
.COUNT_BG{ background-image:url(mobile_groupon_count_bg.png); background-size:contain; background-repeat:no-repeat; width:39px; height:20px; font-size:70%; color:#FFF; line-height:20px; text-align:center; float:left; font-weight:bold;}
.GROUPON_PRICE{}
.GROUPON_CONTENT {}
.GROUPON_CONTENT li a, .GROUPON_CONTENT li a:hover{ background-color:#f5f5f5; background-image:url(mobi_list_arrow2.png); background-repeat:no-repeat; background-position:90% center; padding-left:30px; font-size:150%;}
.MASK{ width:100%; height:auto; position:relative;  clear:both; margin:10px 0;}
.MASK #TAG{position:absolute; left:0;  top:0;  z-index:10;}
.MASK #TAG img{}
.MASK #PRODUCT{clear:both; z-index:1; margin:0 auto; width:90%; padding:10px; height:auto; }
.MASK #PRODUCT img{ position:absolute; left:5%;  top:0; width:90%; clear:both; height:auto; overflow:hidden; }
li.TITLE{ height:45px;}
.GROUPON_ARTICLE li a{ min-height:115px;}


/* 

#productList a img{width:150px; height:150px;margin-right: 10px;}

*/
a[href="3g_c1.php"]{/* display:none; */}
#productList a.COLOR_RED  img{width: 20px !important;height: 20px !important; margin-right: 10px;min-width: 20px;min-height: 20px;}

#productList a imgarticle li:last-child a{}
article li:last-child a.RED{width:10px; height:10px;}

/* ==表單=========== */

#SUPPORT_TB{
  width: 100%;
  height:auto;
  margin:0 auto;
}
#SUPPORT_TB td{font-size:100%;padding: 3px 0;font-family:"微軟正黑體";background: transparent;}
#SUPPORT_TB span.import input{width:24px;height:24px;margin: -3px 3px;}
#SUPPORT_TB td.gray{color:#666666;}
.red{ color:#FF0000;}
#SUPPORT_TB input, #SUPPORT_TB select{width: 100%;font-size:100%;font-family:"微軟正黑體";max-width: 100%;}
#SUPPORT_TB textarea.input {width: 100%;height:100px;font-size:100%;font-family:"微軟正黑體";max-width: 100%;}
#SUPPORT_TB  #tel_home_textfie{width:10%;}
#SUPPORT_TB  #tel_home1_textfie{width:95%;}
.hidden{display:none;}
.member-ps{
  /* float: left; */
  font-size: 80%;
  color: #F00;
  }
.gray font[color="#FF0000"]{ font-size: 80%;}
input[id="item_name[39]"], input[id="item_name[41]"]{ float:left ; margin-top:-25px;}
.gray br{ display:block; float:left; height:0px; line-height:0px; margin:0; padding:0; }


/* ==相簿=========== */

#GALLERY{ width:100%; padding:0; margin:0 auto; display:inline-block; text-align:center;}
ul.photo_gallery_list{ display:block; width:43%; height:110px; list-style:none; margin:10px; position:relative; padding:0;  }
li.photo_title{ display:block; position:absolute; left:5px; bottom:5px; background-color:#000000; color:#FFF; text-align:center; width:95%;
font-weight:bold; z-index:100; padding:0; opacity:0.7; overflow:hidden; font-size:90%; }
li.photo_title a{ color:#FFFFFF; text-decoration:none;}
li.photo_background{width:100%; height:110px;  position:relative;  background-position:center center; background-repeat:no-repeat; background-size:cover;}
li.photo_background img{width:110%; height:120px; margin:-5px 0 0 -5px;}


/* ==線上諮詢浮動按鈕======== */

#FLOAT_CONTACT{ width:100%; position:fixed; left:0; bottom:10%; opacity:0.8; z-index:3000;}
#FLOAT_CONTACT table{ width:100%;  background-image:url(../images/float_contact_bg.png); background-repeat:repeat-x; background-size:contain;}
#FLOAT_CONTACT img{ width: 80%; margin:0; padding:0; display:block;}
#FLOAT_CONTACT a:active img{
  opacity:0.6;
  -webkit-box-shadow:none;
}
span[style="padding-left:30px;"]{ padding: 0px; word-wrap: break-word; width: 60%; display: inline; height: 20px; margin: -5px; font-size: 90%;}


/*---學員心得按鈕樣式---*/
#nav-news {
    width: 100%;
    height: 60px;
    position: fixed; 
    z-index: 100;
    margin-top: -10px;}
#nav-news a {
    display: block;
    line-height: 60px;
    width: 60px;
    background: rgba(0,0,0,0.4);
    text-align: center;
    text-decoration: none;
    font-size: 21px;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    border-radius: 20%;}
#prev-news {
    float: left;
    margin-left: -30px;}
#next-news {
    float: right;
    margin-right: 10px;}
.mobile_prev{ float: right;
    padding: 15px;}


.mui-icon.mui-icon-email.fa.fa-shopping-cart{display:none;}
.mui-tab-label {
    display: none;
}

.header_login{display:none;}
ul.PRODUCT_UL{margin-top: -5px; margin-bottom:0px !important;text-indent: -9999px;padding: 0;}


.class_pop{width: 100%;height: 70px;line-height: 70px;margin: 0 auto;border-bottom: 1px solid #c7c7c7;}
.class_pop select{
  height: 36px;
  border-radius: 5px;
  font-family: inherit;
  font-size: 16px;
  padding: 5px;
  width: 100%;
  background-color: #f5f5f5;
  color: #666;
  }

.product-no-item, form .mobi_prd_descript2:nth-child(2){display:none !important;}
.item_list .mobi_prd_descript2{display:block;}

/*---網站上的css---*/

* {
    -webkit-overflow-scrolling: touch !important;
    overflow-scrolling: touch !important;
}
html { overflow-y:auto !important; height:auto; }
body, html {
    margin: 0;
    padding: 0;
    background-color: #edb75d;
    font-family: "微軟正黑體", Arial, Helvetica, sans-serif !important;
    overflow-x: hidden; 
    width:100%;
}
h1, h2, h3, h4, h5, h6 { font-family: inherit !important; }
body { min-height:100%; height:100%; /*overflow-y: visible !important;*/ }
body::-webkit-scrollbar { display: none; }

/*--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: 23px;
  bottom: 88px;    
  font-size: 20px;
  cursor: pointer;
  z-index:300;
  opacity:0.8;
}
#COPYRIGHT_BOX img { border:0; }
.bold a{ color: #000;}

a#FB_BTN{
    /*display:none !important;*/
    position: relative !important;
    margin: 0px auto !important;
    bottom: 0;
    left: 0;
    width: 80% !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 table#m_ecoupon_1{margin:0;}
#m_ecoupon_parent .ecoupon_title h3{font-size:16px;}

html{overflow-y:auto!important;}
#wrap{margin-top:20px;}
a{text-decoration:none !important;}
#WRAPPER{margin: -50px auto 0 auto; height:100%;}

#HEADER {
    opacity: 1;
    background-color: #ecb65e;
    height:80px;
}
#CONTENT{ 
    margin:165px auto 0 auto !important; 
    overflow:visible !important;
}

.about .about_content{
	box-sizing: border-box;
	padding: 20px;
}
.about_content { border-bottom:0 !important; }
.gray{border:none;}

a#search-btn {
    position: fixed;
    top: 30px;
    right:58px;
    z-index: 5000;
}
#order { 
    position:fixed;
    right:125px;
    top:15px;
    z-index:5000;
    display:none;
}
form#search { position: relative; }
#search_submit {
    height: 37px;
    width: auto;
    border: none;
    margin-left: 3px;
    vertical-align: middle;
    z-index: 999;
    position: absolute;
    right: 0;
    top: 0px;
    background-size: initial;
    background-color: #a12923;
    padding: 7px 16px;
}
.search_pop input { 
    height:37px; 
    border-radius:0; 
    color: #c99f45 !important;
    border: 1px solid #eee !important;

}
.search_pop{
    background-color:transparent;
    padding-top:80px;
    left:0;
    top:0;
    width:100%;
    z-index:100 !important;
}
#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;}
.Consignee .item-info.qt .select-box.sel-qt{width: 93% !important;  height: 40px; border-radius:0; }
form[id="member_fm"]{/*margin-top:-80px;*/}
.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;}

.DATA_CONTENT div.width_90{width:100%;}

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

.copyright-banner { 
    width: 100%;
    height: auto;
    background-image: url(../images/foot-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 30px 0;
    position: relative;
    display:none; 
}
div#foot-link h2 {
    font-size: 26px;
    font-weight: bold;
    font-style: oblique;
    color: #3f3f3f;
    margin-bottom: 10px;
}
div#foot-link a {
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    width: 120px;
    line-height: 36px;
    background: #adadad;
    border-radius: 15px;
    display: inline-block;
}
div#copyright .copyright-banner {
    display: none;
}
.copyright-info {
    width:100%;
    /* background-color:#ebebeb; */
    background-repeat:
    no-repeat;
    background-size:
    cover;
    background-position: center center;
    padding:50px 0 20px;
    position:
    relative;
    background-image: url(../images/footer-bg.jpg);
}
.shop-pic {/* border-bottom:1px solid #d6d6d6; */}
.fan-icon { margin: 6px; }
.fan-icon img { margin: 5px 9px; }

div.copyright-botton {
    border-top:1px solid #fff;
}
.copyright-botton p {
    font-size: 13px;
    width: 90%;
    margin: 10px auto 0;
    text-align: left;
}
.shop-info p {
    text-align: left;
    font-size: 15px;
    color: #838383;
    line-height:30px;
}
.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:10px; 
}
.fb-fan.col-md-4 { 
    width:100%; 
    padding:0;
    float:left;
}
.fb-fan.col-md-4 iframe { width: 100% !important; }

#copyright h2.main-title {
    color: #fff;
    font-size: 24px;
    text-align:center;
    padding-bottom:2px !important;
}
#copyright h4.main-title-en {
    background: none;
    color: #7d7d7d;
    line-height: 1.2;
    display: block;
    font-family: "monotype corsiva", "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: "Georgia" !important;
    font-size: 24px;
    text-align: center;
    color: #333;
    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;
    background: #ebebeb;
    overflow-x:
    hidden;
    padding-top:80px;
    position:
    fixed !important;
    background-image: url(../images/m-foot-logo.jpg);
    background-repeat: no-repeat;
    background-position: 20px 10px;
    background-size: 55%;
}
#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: 1px solid #ccc; */
}
.mm-list > li > a, .mm-list > li > span {
    padding:0;
}

#menu li a {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 18px;
  display: block;
  padding: 15px 10px 15px 25px;
  margin: 0;
  font-size:15px;
  color:#4a4a4a;
  text-align:left; 
}
/*===遮蔽側邊商品分類===*/
nav#menu li span a[href="3g_c1.php?bid=220"], nav#menu li span a[href="3g_c1.php?bid=219"] {
    display: none;
}
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;*/
}

#menu > ul { padding: 0; margin: 0; }
#menu {	visibility: hidden; }
#menu ul {
    padding: 0; 
    margin-top:0px;
    background-color: #ebebeb;
    /* border-top: 1px solid #979797; */
}
.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-sub.menu-child.collapse.in li { background: #dadada !important; }

.metismenu{width:100% !important; margin-top:108px !important;}
.menu-icon{width:100% !important; height: 42px !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:#ebebeb; 
}
.mm-list a.mm-subclose { text-indent:0; }

.header_login { /*display:block;*/ }
span#login_icon1 a {
    font-size: 12px;
    color:#333;
    display:inline-block; 
    padding-top:20px;
    width:35px;
    height:35px;
}
span#login_icon1 {
    background: url(../images/m-member.png);
    position: absolute;
    right: 88px;
    background-size: contain;
    background-repeat: no-repeat;
    top: 15px;
    width: 34px;
}

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;}

.menu-cen > li, .menu-sub > li{padding:0 !important;}
#menu .menu-child > li a{ padding-left: 40px!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 {}

.mm-menu.mm-light .mm-list > li > a.mm-subclose { height:48px; line-height:24px !important; }
.mm-menu.mm-light .mm-list > li > a.mm-subclose:before { bottom: 71%; }

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: 81px;
    top: -80px;
    opacity: 1;
    background-image: url(../images/btn_mON.png) !important;
    background-size: 100%;
    /*left: 30%;
    width: 100%;
    background-size: 45px;
    background-position: 98% center;
    background-color: #ebebeb;
    position: fixed !important;
    border-bottom: 1px solid #979797;*/
}
div#menuLOGO.transit-on {
    height: 81px;
    position: fixed !important;
    background-image: url(../images/m-foot-logo.jpg) !important;
    background-repeat: no-repeat;
    background-position: 20px 10px;
    background-size: 55%;
    width: 80%;
    left: -144% !important;
    top: -80px;
    background-color: #ebebeb;
    border-bottom: 1px solid #979797;
}

a#menuBTN, a#cart{transform: translate(0px, 0px);-webkit-transform: translate(0px,  0px);-moz-transform: translate(0px,  0px);z-index: 999;}

a#cart.transit-on, a#search-btn.transit-on {
    position: relative;
}
a#cart {
    position: fixed;
    top: 24px;
    right: 11px;
    background-image: url(../images/shop-cart.jpg);
    width: 35px;
    height: 35px;
    background-size: auto;
    background-repeat: no-repeat;
    background-position: -18px -5px;
}
span#CART_NUM {
    display: block;
    background-color: transparent;
    border-radius: 18px;
    width: 18px;
    height: 18px;
    position: absolute;
    right: 10px;
    top: 11px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 18px;
}

#CONTENT hr{/*display:none;*/}
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #ccc !important;
}

/*===內頁===*/
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 {
    font-size: 20px;
    color: #000;
    padding-left: 32px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 570px 40px;
    width: 90%;
    font-weight: bold;
}
.text { padding:0 !important; color:#000; }
.text br{/*display:none;*/}
.about_content img{/*margin:0 auto !important;*/}
.about_title { /*margin-top:10px;*/ }
ul.PRODUCT_UL{
    margin: 10px;
    text-indent: 19px;
    background-image: url(../templates/mobi_about_title.gif);
    background-repeat: no-repeat;
    background-position: -8px center;
    height: 80px !important;
    line-height: 47px;
    font-weight: normal;
    font-size: 14px;
    background-size: 570px 40px;
    width: 90%;
    margin: 10px auto 0;
}

#login_fm{ margin-top: -30px;}
a#TOP, img#GOTOP{display:none;}
#FOOTER{display:none;}
#FOOTER li{text-indent:-9999px;}
#COPYRIGHT{
    max-height:100% !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 div{ display:block; }
div[style="float:left; margin-left:10px;"], div[style="float:right; margin-right:10px; margin-top:5px;"] {
    display: none !important;
}

#COPYRIGHT div.header, #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:10px;font-size:18px;}
.squaredFour{padding-left: 10px; line-height: 20px;}

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

#HEADER a img {
    height: 70px;
    margin:3px auto 0;
    left: 20% !important;
    right: 20% !important;
}
.header{
    background: transparent;
    /*position:absolute;
    top:0;*/
}
.header a {
    /* background-image: url(../templates/btn_mOFF.png); */
    position: fixed;
    left: 5px;
    top: 9px;
    width: 45px;
    height: 65px;
    z-index: 1000;
    opacity: 0.9;
    background-size: a;
    background-repeat: no-repeat;
    background-position: center center;
}
.btn_mOFF{ background-image: url(../templates/btn_mON.png); }

a[href="3g_3g_c1.php"]{display:none;}

#SUPPORT_TB { display:block; }
#SUPPORT_TB #tel_home1_textfie {
    width: 80%;
}
#SUPPORT_TB input[type=checkbox], #SUPPORT_TB input[type=radio] { width:15px; height:15px; }
p.m10 label { display: inline; }

.mm-list{font-size:24px; font-family:Apple LiGothic Medium ,"微軟正黑體"; 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{ 
    font-family: "微軟正黑體","Arial", "Helvetica", "sans-serif";
}

ul#productList span.mobi_prd_descript { /*display:none;*/ }
.mobi_prd_descript{
    font-family: "微軟正黑體","Arial", "Helvetica", "sans-serif";
    font-size: 14px;
    color: #797979;
    display: block !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* max-width: 160px; */
    overflow: hidden !important;
    padding: 4px 0;
}
.mobi_prd_descript2, .product-sale{
    font-family: "Arial" , "微軟正黑體", "Helvetica", "sans-serif";
    font-size: 18px;
    color: #e00000;
    width: 100%;
    display: block;
    text-align: center;
    padding: 10px 0;
    font-weight: normal;
}
.import label{padding:3px;}
.PRODUCT_TITLE{
    color: #000000;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    display: block;
    padding: 10px 0;
    }
.product-imgs{background-size:contain;}
.mobi_prd_title{font-size: 16px;}
.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;}
.mobi_prd_descript2.product-no-item span.font_t {
    display: inline-block;
}
.mobi_prd_descript2.product-no-item { color: #838383; text-align:center; }
form .mobi_prd_descript2{display:block; /* margin-top:-20px; */ font-size:24px; font-weight:bold; letter-spacing:2px;}
.mobi_prd_descript .font_s {
    font-size: 12px;
}
.selectlinks .mobi_prd_descript {
    font-family: "Arial", "Helvetica", "sans-serif";
    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;
}
.selectlinks .mobi_prd_descript2 {
    font-family: "Arial" , "微軟正黑體", "Helvetica", "sans-serif";
    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;}
.bx-viewport{  height:auto !important; padding-bottom:10px; }

/*========產品========*/
ul#productList li {
    width: 50%;
    float: left;
    min-height: 300px;
    margin-left: 3% !important;
    margin-right: 3% !important;
}

article li table { margin: 0 0 20px; }
#SIZE_CHOSE .ON { border: 2px solid #da3f4d !important; background-size:100% 100%; }
#SIZE_CHOSE ul.PRODUCT_COLOR li a {
    width: 70px !important;
    height: 70px !important;
    margin: 3px 10px 0 0 !important;
    border-radius: 0;
}
#SIZE_CHOSE ul.PRODUCT_COLOR li a img {
    width: 100%;
    height: 100%;
}
ul.PRODUCT_SIZE { width:90% !Important; padding:0 0 30px; }

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;
}
.DATA_CONTENT p {font-size: 16px;line-height: 1.6;color: #666;}

ul#productList >li table td { 
    display: block; 
    /*margin:0 auto; */
    width:100%;
    height:100%;
}
ul#productList >li table td img { width:100%; height:100%; border:1px solid #ebebeb;}
.PRODUCT_UL h3 { 
   color: #000;
   font-size: 15px;
   font-weight: normal; 
}
.product-content { font-family: "微軟正黑體","Arial","LiHei Pro", "Helvetica", "sans-serif"; }
ul.PRODUCT_COLOR li a { 
    width: 30px !important; 
    height:20px; 
    margin-right: 2px !important; 
}
#SIZE_CHOSE ul.PRODUCT_COLOR li a, #SIZE_CHOSE ul.PRODUCT_SIZE li a { 
    line-height:26px !important; 
    border-radius:0;
}
#SIZE_CHOSE ul.PRODUCT_SIZE li a {
    margin-right: 6px !important;
}

article ul {
    margin:22px 0 0 -2%;
    /*width:95%;*/
}
article li:first-child a { font-size:19px; }
article li:first-child { display:none !important; }

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

.prd_price_group {
    padding-top:0px;
    float: none;
    font-size: 15px;
    /* background: url(../images/mobile-sale.jpg); */
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: left 6px;
    text-indent: 0px;
    color: transparent;
}
span.prd_price_group .mobi_prd_price {
    display: inline-block;
    padding: 1px 10px 0 5px;
    background-color: #fff;
    position: relative;
    left: 0;
    font-size: 14px;
    color: #909090;
    /* margin-left:-15px; */
}
span.prd_price_group .mobi_prd_price2, span.prd_price_group .mobi_prd_price3 { 
    padding:0 4px 0 0;
    font-size:18px; 
    background:#fff; 
    margin-top:-5px;
    font-weight: b;
    /* margin-left:-10px; */
}
.addtocart_btnx {
    display: none;
    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 { 
    height:50px !important; 
    font-size:15px; 
    font-weight:normal; 
    overflow:hidden; 
    width:auto; 
    font-weight:bold;
}
article a { 
    border:none; 
    background:none; 
    padding:0 5px 0 10px; 
}

.PRODUCT_UL a { color:#000; }
article a:hover {background: transparent; 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: #666;
    font-size: 16px;
    width: 90%;
    margin: 0 auto;
    text-align: left;
    line-height: 1.4;
    font-size:16px;
}
div.mobi_prd_descript2.group-spec-item span.font_t { color: #333; }
.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:  "Arial" , "微軟正黑體", "Helvetica", "sans-serif";
    font-size: 16px;
    padding: 0;
    font-weight: normal;
}
#SIZE_CHOSE div { padding:0; }

/*===產品價格===*/
.product-no-item, form .mobi_prd_descript2:nth-child(2) { display:block !important; }
form .mobi_prd_descript2.mobi_prd_descript {
    font-size:14px;
    color:#999;
    text-align:left;
    max-width:90%;
    margin: 10px auto;
    padding: 0;
}
form .mobi_prd_descript2.mobi_prd_descript span.font_s { font-size:15px; }
form .mobi_prd_descript2.mobi_prd_descript span.c01_member_price { font-size: 15px; }
form .mobi_prd_descript2 .font_s {}
form .mobi_prd_descript2 { 
    text-align: left; 
    color: #c00;
    font-weight: normal; 
    padding: 0 0 10px;
}
div.mobi_prd_descript2 span.c01_member_price {font-size: 30px;}
div.mobi_prd_descript2.group-spec-item { text-align: left; }
span.c01x_member_price { font-size: 20px; }
form .mobi_prd_descript2.mobi_prd_descript span.font_s {
    font-size: 15px;
    display: inline-block;
    text-decoration: inherit;
    letter-spacing:1px;
}
form .mobi_prd_descript2 .font_t {
    display: inline-block;
    letter-spacing: 1px;
}
form .mobi_prd_descript2 .font_s {
    display: none;
}
.product-number { 
    text-align:center; 
    width:100%; 
    margin:20px auto -16px; 
}
.product-number select[id="select_num"] { 
    margin-top: 0px;
    width: 40%;
    margin-left: 9px;
    border-radius: 0;
}
.gray_prd_name.sub-product-size.spec_customer {
    padding: 10px 20px;
}

/*===產品分類頁===*/
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#productList ul.PRODUCT_COLOR { display: none; }
ul.PRODUCT_COLOR{ display:table-cell; margin:0 auto; width: 100%; padding:5px 20px; }
ul.PRODUCT_COLOR li{padding:0;min-height: auto !important;}
ul.PRODUCT_COLOR li a{ 
    list-style:none; 
    display:block; 
    float:left; 
    margin:1px 3px; 
    width:20px; 
    height:20px; 
    border:1px solid #ccc;
}

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

table.PRODUCT_TB td { border:none;display: initial;background-color: transparent;}
#add_cart_x { 
    background-color: #e55240 !important;
    display: block;
    background-image: none;
    color: #fff;
    width: 40% !important;
    border-radius: 5px;
    letter-spacing: 1px;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
}
#SIZE_CHOSE p { text-align:center; margin-bottom:-5px; }
#SIZE_CHOSE select { width: 46%; font-size:16px; }

.item .item-name{font-size:15px; line-height:24px;}
div.item-info.price{ width:80px !important; }
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{
    display:inline-block;
    width: 100%;
    box-sizing: border-box;
}
/*===分享===*/
.addthis_inline_share_toolbox {
    width: 100%;
    margin: 0 auto;
}
.addthis_inline_share_toolbox .addthis_sharing_toolbox {
    width: 90%;
    margin: 0 auto;
}
/*===產品描述tab區塊===*/
.woocommerce .woocommerce-tabs {
    padding-top: 0;
    width: 91%;
    margin: 20px auto;
}
.woocommerce .woocommerce-tabs .entry-content { padding: 0; }
.woocommerce .woocommerce-tabs .tabs { margin-bottom: 0; width:100%; }
.woocommerce .woocommerce-tabs .entry-content {
    background: #fff;
    border: 1px solid #ccc;
}
.woocommerce .woocommerce-tabs .tabs li.active {
    border-left: 3px solid #7d7d7d;
}
div#opt2>hr { display: none; }

/*===購物車===*/
.PRODUCT_BUY a {
    background-color: #838383 !important;
    background-image: none;
    letter-spacing: 1px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    border: none;
}
ul.STEP_UL li.STEP_ON {
    background-color: #838383;
}
ul.STEP_UL {}
form#login_fm .PRODUCT_BUY a {}
form#login_fm p.PRODUCT_BUY { margin-top: 40px; }
form#mobile_cart_goods { margin-top:0; }
.ItemBox input.Text {
    width: 97%;
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #8e8e8e;
    height:35px;
}
.ItemBox select {
    width: auto;
    height: 34px;
    border: 1px solid #8e8e8e;
    margin: 0 10px 0 0;
}
.input, .input-2, .product-memo-input { 
    height:35px !important; 
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #a0a0a0;
}
.ItemBox textarea { 
    width: 97%;
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #8e8e8e;
}
input[type=text], input[type=number], input[type=email], input[type=password], input[type=url], input[type=tel], textarea { border: 1px solid #8e8e8e; }

/*===新聞===*/
.news_title, .act_title {
    font-size: 20px;
    color: #000;
    padding-left: 25px;
    background-repeat: no-repeat;
    background-position: -8px center;
    background-size: 570px 40px;
    width: 90%;
    font-weight: bold;
    background-image: url(../templates/mobi_about_title.gif);
    line-height: 45px;
    margin: 0 auto 10px;
}
div#newsList {
    padding-top: 0;
}
.news_content {
    /* background: #fcfcfc !important; */
}
.news_content ul {
    width: 100%;
}
.news_content ul li.bold a {
    margin-top: 0 !important;
    text-align: left;
    font-size: 22px;
    font-weight: bold;
    width: 100%;
}
li.sub_title:before {
    background-color: #fff;
}
.mobile_prev img {
    width: auto;
    height: auto;
}
.act_content {
    width: 90%;
    margin: 20px auto;
    /* background: #fcfcfc !important; */
    /* border: 1px solid #efefef; */
}
.full .time {
    display: none;
}
.act_content ul li.bold a { font-size:22px; }
.news_content ul.full, .act_content ul.full, .product_content ul.full, .about_content ul.full, .light_content ul.full { padding:0; }
.mobile_prev {
    float: none;
    margin: 0 auto;
    width: 122px;
    padding: 0;
}
.news_content_typeC { border-bottom: 0; }
.news_content_typeC ul li.bold { position: relative; }
.news_content_typeC li.bold:before {
    content: '•';
    position: absolute;
    left: 7px;
}
#nav-news { left:0; }
#nav-news a { margin-right: -10px; }
a#prev-news { margin-left: -10px; }

/*===登入===*/
.LOGIN_NEW_m a#SUBMIT_BTN, .LOGIN_NEW_m a#LOGIN_BTN {
    background: #838383;
}
.FONT_SUCCESS { color:#c79e45; }

/*===表單聯絡我們===*/

img.block-service-btn { width: auto; }

#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: 95%;
    letter-spacing: 2px;
    box-sizing: border-box;
    padding: 10px 11px;
    margin-top:5px;
    text-align:left;
}

#PRODUCT_CONTENT_LIST span.product-price{
    font-family: "Arial", "Helvetica", "sans-serif";
    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: "Arial" , "微軟正黑體", "Helvetica", "sans-serif";
    font-size: 18px;
    color: #e00000;
    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%;
    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 img{ width:auto; max-width:100%; }
tr#birthy_b .mobile_table_c .red{display:block; color:#000; font-size:12px;}
tr#birthy_b .mobile_table_c .red input{display:block;}
#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: 66px !important;
    height: 66px !important;
    left: 0 !important;
    top: 0 !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:5px 15px; 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 li { 
    width:25% !important;
    /*min-height:390px;*/
    margin: 10px -4px 0;
    margin-left: 6% !important;
    margin-right: -27px;
}
ul.PRODUCT_UL {
    background-size: cover;
    height: 50px !important;
    line-height: 62px;
    padding-left: 6px;
}
}

@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: 767px) and (min-width: 411px) {
    article ul { margin:22px 0 0 -1%; }
    ul#productList li {
      /* min-height:345px !important; */
      margin-left: 3% !Important;
      margin-right: 3% !Important;
      }
    nav#menu li:nth-child(1) a[href="3g_member.php?act=logout"], nav#menu li:nth-child(1) a[href="3g_member.php?act=login"] { background-position: 29% 9px; }

    ul#productList >li table td img {
      min-width: 160px !important;
      max-width: 180px !important;
      width: auto !important;
      height: auto !important;}
}


@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%; }
    ul#productList >li table td img {
      max-width: 155px !important;
      min-width: 140px !important;
      width: auto !important;
      height: auto !important;
      }
    ul#productList li {
      min-height: 320px;
      margin-left: 3% !important;
      margin-right: 3% !important;
      }
}

@media screen and (max-width: 320px) {

#HEADER a img { height:64px; 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 {
    margin-left: 2% !important;
    margin-right: -6% !important;
    min-height: 310px;
}
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:5px 15px;
}
#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:5px 15px; 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;
   }
}