@charset "utf-8";
@import url("reset.css");
/* CSS Document */

body{ margin:0; padding:0; font-size:1em; line-height:1.4; background-image:url(../templates/mobi_bg.jpg); background-color:#ffffff; background-repeat:repeat; font-family:微軟正黑體,新細明體,Arial, Helvetica, sans-serif;}

#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: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;}
#HEADER a img{ height:50px;}
.header_login{margin-right:10px; margin-top:0; float:right; vertical-align:middle; color:#FFF; font-weight:bold; line-height:55px;}
.header_login #login_icon1 img{width:12px; display:none;}
.header_login a{ color:#FFF; 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;}
#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:1px solid #CCC;} 
#COPYRIGHT{width:100%; height:100%; color:#686868; font-size:1em; text-align:center; background-color:#eaeaea; padding-bottom:60px; background-image:url(../templates/copyright_bg.png); background-repeat:no-repeat; background-position:center bottom; -moz-background-size: cover;	background-size: cover; }
#COPYRIGHT a{color:#686868; font-weight:bold;}
a{ text-decoration:none;}
.black{color:#000;}
.CCC{color:#CCC;}
.gray666{color:#666;}
.red{color:#C00;}
.white{ color:#FFF;}
.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_50{ font-size:50%; }
.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;}


/* ==首頁banner=========== */
.banner{ width:98%; height:100%;  margin:10px auto; overflow:hidden; position:relative; text-align:center;  }
.banner img{ width:90%;  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;}



/*---學員心得按鈕樣式---*/
#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: -35px;}
#next-news {
    float: right;
    margin-right: 15px;}
.mobile_prev{ float: right;
    padding: 15px;}


/* ==最新消息=========== */
.news{
    height: 1%;
    margin: 1em auto;
    overflow: hidden;
    padding: 0 0 0.4em 0.2em;
	width:100%;
}
.news_title{
	background-image:url(../templates/mobi_news_title.gif);
	font-size:1.2em;
	color:#666;
	padding-left:20px;
	height:42px;
	line-height:42px;
	font-weight:bold;
}
.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:#FFF;    
	border-bottom: 1px dotted #6F6F6F;
	overflow:hidden;
	position:relative;
	
}
.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:90px; height:90px; margin:10px 25px 10px 10px; background-position:center; overflow:hidden; float:left; display:block;}
.about_content img{ width:auto; height:auto;  margin:0 auto; background-position:center; overflow:hidden;  display:block;}
.light_content img{ width:auto; height:auto; margin:0 auto; background-position:center; overflow:hidden;  display:block;}
.news_content ul, .act_content ul, .about_content ul{ float:left; width:50%; display:block;}
.about_content ul{ width:100%; }
.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;}
.time{ font-size:13px; color:#3399cc; text-align:right; font-family:Arial, Helvetica, sans-serif; padding:5px; position:absolute; right:5px; bottom:5px;}
.bold{ font-weight:bold; font-size:1.1em; list-style-image:url(../templates/shortcut_icon.gif); margin-top:5px; margin-bottom: 15px;}
.bold a{ text-decoration:none; color:#000;}

  /*  新聞模組樣式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;
}
.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; font-size:16px; padding:20px; clear:both;}
.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: 0 0 0.4em 0.2em;
	width:100%;
}
.act_title{
	background-image:url(../templates/mobi_act_title.gif);
	font-size:1.2em;
	color:#666;
	padding-left:20px;
	height:42px;
	line-height:42px;
	font-weight:bold;
}
.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:90px; height:90px;  margin:10px 25px 10px 10px; background-position:center; overflow:hidden; float:left; display:block;}
.act_footer{ 
	background-image:url(../templates/mobi_act_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;
}
.act_footer a{ text-decoration:none; color:#39C;}

.about{
    height: 1%;
    margin: 1em auto;
    overflow: hidden;
    padding: 0 0 0.4em 0.2em;
	width:100%;
}
.about_title{
	background-image:url(../templates/mobi_about_title.gif);
	font-size:1.2em;
	color:#666;
	padding-left:20px;
	height:42px;
	line-height:42px;
	font-weight:bold;
}
.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:#FFF;    
	border-bottom: 1px dotted #6F6F6F;
	overflow:hidden;
	position:relative;
}
.about_content img{ margin:10px 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:block;
	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.2em;
	color:#666;
	padding-left:20px;
	height:42px;
	line-height:42px;
	font-weight:bold;
}
.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{ 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;}



/* ==頁尾區=========== */
#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; clear:both;}
#FOOTER li{ font-size:85%; 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:#FFF; 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:10px 0 10px 0;
}
article ul {
	margin:22px 0px;
}
article li {
	
}
article li table { margin:10px 0;}
article li:first-child a {

	background-color:#F60;
	background-image:url(../templates/mobi_title_bg.jpg);
	color:#666;
	line-height:45px;
	background-repeat:repeat;
	background-position: left top ;
	font-size:1.2em;
}

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:1.2em; line-height:1.2;}
.prd_price_group{ padding-left:10px; font-size:0.8em; clear:both; display:block;}
.mobi_prd_price { font-weight:normal; color:#C00; font-size:1em;  line-height:normal;}
.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:5px;
padding-bottom:5px;
height:40px;
width: 100%;
position: fixed;
z-index: 999;
left: 0;
top: 55px;
background-color:#FFFFFF;
}
.search_pop input {
width: 60%;
height:30px;
font-size:1.5em;
border-color: #666666;
display: inline-block;
margin:0 5px;
}
input[type=text], textarea {
border: 1px solid #d5d5d5;
border-radius: 5px;
padding: 2px;
box-shadow: inset 2px 2px 3px rgba(0,0,0,0.1);
font-size: 1rem;
}
#search_submit{background-image:url(images/search_submit.gif);
height: 30px; width:auto; border:none; margin-left: 3px; vertical-align:middle; z-index:999; }


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

.PRODUCT_UL{
 	background-image:url(../templates/mobi_title_bg.jpg);
	line-height:50px;
	background-repeat:repeat;
	background-position: left top ;
	font-size:1.2em;
	color:#666;
	padding-left:10px;
	font-weight:bold;
}
.PRODUCT_UL a{color:#666; padding:5px;}
.PRODUCT_TITLE{ font-size:1.5em; 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:90%;
	height:50px;
	background-color:#FFF;
	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, #26b12e), color-stop(0.5, #14831a));
	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); */
}

.PRODUCT_BUY a:hover{
	color:#FFFFFF;

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

.DATA_CONTENT{width:90%; padding:10px; margin:0 auto;}
.DATA_CONTENT img{ width:100%; margin:0 auto; text-align:center;}

a.icon1, a:hover.icon1{background-image:url(../templates/class_icon.png); background-repeat:no-repeat; background-position:0px 0px; display:block; line-height:60px; padding:0 0 0 80px;font-size:1.3em;}
a.icon2, a:hover.icon2{background-image:url(../templates/class_icon.png); background-repeat:no-repeat; background-position:0px -60px; display:block; line-height:60px; padding:0 0 0 80px;font-size:1.3em;}
a.icon3, a:hover.icon3{background-image:url(../templates/class_icon.png); background-repeat:no-repeat; background-position:0px -120px; display:block; line-height:60px; padding:0 0 0 80px;font-size:1.3em;}
a.icon4, a:hover.icon4{background-image:url(../templates/class_icon.png); background-repeat:no-repeat; background-position:0px -180px; display:block; line-height:60px; padding:0 0 0 80px;font-size:1.3em;}
a.icon5, a:hover.icon5{background-image:url(../templates/class_icon.png); background-repeat:no-repeat; background-position:0px -240px; display:block; line-height:60px; padding:0 0 0 80px;font-size:1.3em;}
a.icon6, a:hover.icon6{background-image:url(../templates/class_icon.png); background-repeat:no-repeat; background-position:0px -300px; display:block; line-height:60px; padding:0 0 0 80px;font-size:1.3em;}
a.icon7, a:hover.icon7{background-image:url(../templates/class_icon.png); background-repeat:no-repeat; background-position:0px -360px; display:block; line-height:60px; padding:0 0 0 80px;font-size:1.3em;}
a.icon8, a:hover.icon8{background-image:url(../templates/class_icon.png); background-repeat:no-repeat; background-position:0px -420px; display:block; line-height:60px; padding:0 0 0 80px;font-size:1.3em;}
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:#bf5012;
	background-color:#f6f6f6;
}

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:#eeeeee;}
ul.SIDE_UL li a:hover{-webkit-box-shadow:2px 5px 10px #333;
	-webkit-box-shadow:inset 1px 1px 3px #ccc;
	color:#bf5012;
	background-image:url(../templates/mobi_list_arrow.png);
	background-color:#dddddd;
	
}
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;}
ul.SIDE_UL2 li a:hover{-webkit-box-shadow:2px 5px 10px #333;
	-webkit-box-shadow:inset 1px 1px 3px #ccc;
	color:#bf5012;
	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:90%;
	margin:0 auto;
}
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:#e1f765; }
.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:right;font-size:120%; background-color:#eee;}

.NORMAL_UL{ padding:10px; border-bottom:#ccc solid 1px;}
.tablelist_title{ font-weight:bold;}

/* ----------------
   View list
   ----------------*/
.list-wrap {background:#fff;}
.view-list {display:block;margin:0;padding:0;list-style:none;}
.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:60px;min-height:60px;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:70px;}

.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:90%; width:30%; float:left;}
.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:18%; margin:0 auto; text-align:right;}
.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;}

/* ----------------
   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:30px; line-height:3em;}
.btn-delete {background:#dddddd;color:#666666;width:22px;height:22px;line-height:20px;padding:0;-webkit-box-shadow:none;box-shadow:none;border-color:#cccccc;font-size:20px;font-weight:bold;font-family:Arial; position:absolute; right:15px; top:10px;}


.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: 10px auto;
width: 90%;
}
.Shipping fieldset ul li.Row {
padding: 20px 0;
display:block;
}
.ItemHead {
color: #000;
font-size: 1.1em;
font-weight: bold;
line-height:2;
}
.input, .input-2{padding:0px; margin:0px 5px 10px 0;
height:30px; width:80%;}
select.input-2{padding:0px; margin:0px 5px 10px 0;
height:30px; width:80%; line-height:3em;}
input.btn{ width:20px; height:20px; padding:10px;}
.Text {
color: #000;
border-radius: 20px;
-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: 120px;
	margin: -25px 5px 0 125px;
	position: relative;
}

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

input[name=tel_home]{ width:40px;}
input[name=tel_home1]{ width:60%;}


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

.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; color:#999; font-weight:bold; background-image:url(../templates/mobi_list_arrow.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%;}
td.item-name{ font-size:90%;}