@charset "utf-8";
@import url("reset.css");
/* CSS Document */
/*---學員心得按鈕樣式---*/
#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;}
/*
@font-face {
  font-family: Apple LiGothic Medium;
  src: url(Apple-LiGothic-Medium.woff);
}
*/


html{
     background-image: url(../templates/mobi_bg.jpg);
     /* overflow:hidden; */
     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:hidden; */
    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: 55px;margin:0 auto;padding:0;text-align:left;vertical-align:middle;line-height:90px;background-image:none;background-repeat: repeat-x;background-position:right bottom;position:fixed;top:0;z-index:300;overflow:hidden;clear:both;border-bottom:1px solid #ccc;opacity: 1;background-color: #FFF;}
#HEADER a img{height: 45px;position: fixed;left: 25% !important;right: 25% !important;/* margin-top:3px; */margin: 5px 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:#fff;background-repeat:repeat;overflow:auto;overflow-x: hidden;}
#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: #ccc;font-size:1em;text-align:center;background-color: #f6f1eb;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: 55px auto 0 auto;overflow:hidden;position:relative;text-align:center;}
.banner img{width: 100%;border: none;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: 1em auto;
    overflow: hidden;
    padding: 40px 0 0 0;
    width:100%;
    display: flex;
    flex-wrap: wrap;
}
.news_title{
	background-image:url(../templates/mobi_news_title.gif);
	font-size: 1.4em;
	color: #333;
	padding-left: 20px;
	height: 60px;
	line-height: 60px;
	font-weight: bold;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	width: 100%;
}
.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 ul li.sub_title{display:block;margin: 0;padding: 0 0px 0 30px;width: 100%;}
.news_content ul li.time{}
.news_content{
	background-color: #FFFFFF;
	border-bottom: 1px dotted #6F6F6F;
	overflow:hidden;
	position:relative;
	background-image: transparent !important;
	background-repeat: no-repeat;
	background-position: 20px 22px;
	display: flex;
	flex-direction: column;
	align-content: space-between;
	flex-wrap: wrap;
}
.news_content ul li{list-style-type:none;/* display: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: 100%;/* height:90px; */border:none;margin: 0;background-position:center;overflow:hidden;float:left;/* display: none; */}
.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: 80%;display: flex;flex-direction: column;}
.news_content ul.full, .act_content ul.full, .product_content ul.full, .about_content ul.full, .light_content ul.full{ width:90%; margin:0 auto; padding-left:25px;}
.description{ color:#666666; font-size:15px; clear:both; list-style-type: none; display: none !important;}
.time{font-size: 15px;color: #999;font-family:Arial, Helvetica, sans-serif;padding:5px;/* position:absolute; */left: 10px;top: 12px;list-style-type: none;display:block;clear: both;text-align: 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; */padding-left: 70px;}
.bold a{
  text-decoration:none;
  color: #039;
  font-size: 18px;
  font-weight: bold;
  display: block;
  margin-top: 0px;
  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: 20px;
	width: 50%;
}
.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;}
.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;}
.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;
  }
  
/*  新聞模組樣式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;
}

/*  新聞模組樣式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: "微軟正黑體", Arial, Helvetica, sans-serif; clear: both;}
.text p{font-size: 100%; line-height:1.6; text-align: justify;}
.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: 1em auto;
    overflow: hidden;
    padding: 40px 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: 20px;
	height: 60px;
	line-height: 60px;
	font-weight: bold;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
}
.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{
	background-color: #fff;
	border-bottom: 1px dotted #6F6F6F;
	overflow:hidden;
	position:relative;
}
.act_content img{/* width: 90%; */height: auto;/* border:1px solid #999; */background-position:center;/* overflow:hidden; *//* float:left; */display:block;/* margin: 15px !important; */}
.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 20px 60px 20px !important;}

.about{
    /* height: 1%; */
    margin: 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: #000;
	padding-left: 20px;
	height: 60px;
	line-height: 60px;
	font-weight: bold;
	font-family:  "微軟正黑體", Arial, Helvetica, sans-serif;
}
.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: 20px;
	height: 60px;
	line-height: 60px;
	font-weight: bold;
	font-family:  "微軟正黑體", Arial, Helvetica, sans-serif;
}
.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: "微軟正黑體", Arial, Helvetica, sans-serif; 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;
}

a#cart{
	background: center center no-repeat #fff;
	background-image: url(../images/3g_facebook.gif);
	position: fixed;
	right: 0px;
	top: 0px;
	width: 55px;
	height: 55px;
	z-index: 1000;
	background-size: cover;
}

span#CART_NUM {
    display: block;
    background-color: #39a8e0;
    border-radius: 18px;
    width: 18px;
    height: 18px;
    position: absolute;
    right: -8px;
    top: -8px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 18px;
}


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

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: 1px;}
.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:  "微軟正黑體", Arial, Helvetica, sans-serif;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: "微軟正黑體", Arial, Helvetica, sans-serif;
 	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;}

.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 5px;margin:0px 5px 10px 0;height: 36px;width:100%;font-family:"蘋果儷黑體",  "微軟正黑體","Arial", "Helvetica", "sans-serif";font-size: 18px;border-radius: 5px;border: 1px solid #999;box-sizing: border-box;}
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 #fff;
-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;
    background-color: #FFF;
}

.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;height: 20px;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:90%;
	height:auto;
        margin:0 auto;
}
#SUPPORT_TB td{ font-size:100%; padding:3px 0; font-family: "微軟正黑體", Arial, Helvetica, sans-serif; background: transparent;}
#SUPPORT_TB span.import input{ width:24px; height:24px;}
#SUPPORT_TB td.gray{color: #000;}
.red{ color:#FF0000;}
#SUPPORT_TB input, #SUPPORT_TB select{width:95%;font-size:100%;font-family: "微軟正黑體", Arial, Helvetica, sans-serif;background-color: #fff;border: 1px solid #999;color: #000;padding: 2px 5px;border-radius: 5px;}
#SUPPORT_TB textarea.input { width:95%; height:100px; font-size:100%; font-family: "微軟正黑體", Arial, Helvetica, sans-serif; background-color: #fff; border: 1px solid #999; color: #000; padding: 2px 5px;}
#SUPPORT_TB  #tel_home_textfie{width:10%;}
#SUPPORT_TB  #tel_home1_textfie{width:95%;}
.hidden{display:none;}
.member-ps{
  float: left;
  font-size: 80%;
  display: none;
  }
.gray font[color="#FF0000"]{ font-size: 80%;}
input[id="item_name[39]"], input[id="item_name[41]"]{ float:left ; margin-top:-25px;}
img[id=seccode]{display:block; width:auto !important; height:30px !important;}
.gray br{ display:none; height:0px; line-height:0px; margin:0; padding:0; }
#SUPPORT_TB .member-title, .member-title h4{display:none;}
#SUPPORT_TB .member-ps{margin-bottom: 10px;
  margin-top: -10px;}


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

#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;"]{word-wrap: break-word;/* width: 60%; *//* display: inline; */height: 20px;/* margin: -5px; */font-size: 90%;}

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