/*======= 活動提示標籤 =======*/
/*新品*/
.event_tab1{
	padding:3px 4px;
	background: #4f9adf;
	color: #fff;
	margin: 0;
}
/*促銷*/
.event_tab2{
	padding:3px 4px;
	background: #e55635;
	color: #fff;
}
/*贈品*/
.event_tab3{
	padding:3px 4px;
	background: #ed9402;
  color: #fff;
}
/*特賣*/
.event_tab4{
	padding:3px 4px;
	background: #3e5196;
	color: #fff;
}


/*================================
產品圖片價格區塊
=================================*/

/*產品標題*/
h1.title_name{
	font-size: 24px;
	font-weight: bold;
	color: #333;
	margin: 12px auto;
}
/*特色說明*/
.pro_copywriter{
	font-size: 13px;
	text-align: left;
}

/*料號價格*/
.pro_copywriter li{
	font-family: Arial, Helvetica, "新細明體","微軟正黑體", sans-serif;
	list-style-type: disc;
	line-height: 1.8;
	list-style-position: inside;
	padding-left: 5px;
}

/*區隔線*/
.price_line{
	border-top: 1px #dcdcdc solid;
	border-bottom: 1px #dcdcdc solid;
  margin: 10px auto;
}
ul.pd_price{
	padding: 3px 0 10px;
}
ul.pd_price li{
	list-style-type: none;
	line-height: 2.2;
}
/*經銷價-未稅*/
span.sale_price_a{
	font-family:Lato, Arial, sans-serif;
	font-size: 1.8em;
	font-weight:700;
	padding: 0 5px;
	line-height: 1.1;
	color: #e51f1f;
	vertical-align: sub;
}
/*經銷價-含稅*/
span.sale_price_b{
	font-family:Lato, Arial, sans-serif;
	font-size: 1.8em;
	font-weight:700;
	padding: 0 5px;
	line-height: 1.1;
	color: #333;
	vertical-align: sub;
}

ul.pd_price li i.pd_list{
	display: inline-block;
	min-width: 66px;
	font-style: normal;
	text-align-last: justify;
	margin-right: 3px;
}

/*供貨中*/
b.pd_supply_a{
	color: #29af7e;
}
b.pd_supply_a:before, b.pd_supply_b:before,
b.pd_supply_c:before{
	content: "";
  margin-right: 4px;
	display:inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
	background: transparent;
}
b.pd_supply_a:before{
	background: #29af7e;
}
/*補貨*/
b.pd_supply_b{
	color: #e55635;
}
b.pd_supply_b:before{
	background:#e55635;
}
/*客訂*/
b.pd_supply_c{
	color: #5b4f9a;
}
b.pd_supply_c:before{
	background:#5b4f9a;
}

/*購物車btn*/
.add_btn a{
	width: 47.5%;
	border-radius: 5px;
	background-color: transparent;
	color: #fff;
	font-size: 17px;
	padding: 8px 6%;
	display: inline-block;
  text-align: center;
	white-space: nowrap;
}
/*購物車btn-列表式*/
.add_btn_list a {
	width: 35px;
	height: 35px;
	border-radius: 5px;
	background-color: transparent;
	color: #fff;
	font-size: 14px;
	padding: 7px 5px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	margin: 2px auto;
}

.add_btn a.add_car,
.add_btn_list a.add_car{
	background-color: #f53d15;
	}
.add_btn a.add_car:hover,
.add_btn_list a.add_car:hover{
	background: #e51f1f;
}

span.icon_car{
	display: inline-block;
	background: url(../images/shopping_cart.svg) no-repeat;
	background-size: 100%;
	width: 18px;
	height: 18px;
	margin-right: 8px;
	vertical-align: text-top;
}

/*收藏*/
.add_btn a.add_collect,
.add_btn_list a.add_collect{
	background-color: #fff;
	border: 1px #aaa solid;
	color: #333;
  margin-right: 5px;
}
.add_btn a.add_collect:hover,
.add_btn_list a.add_collect:hover
{
	background: #333;
	color: #fff;
	border: 1px #333 solid;
}

span.icon_collect{
	display: inline-block;
	background: url(../images/add_collection_a.svg) no-repeat;
	background-size: 100%;
	width: 20px;
	height: 18px;
	margin-right: 6px;
	vertical-align: text-top;
}
a.add_collect:hover span.icon_collect{
	background: url(../images/add_collection_b.svg) no-repeat;
	background-size: 100%;
	width: 20px;
	height: 18px;
}

/*已收藏按鈕*/
a.add_collect.active{
/*	border: 1px #e51f1f solid;*/
	color: #e51f1f;
}
a.add_collect.active span.icon_collect{
	background: url(../images/add_collection_d.svg) no-repeat;
	background-size: 100%;
	width: 20px;
	height: 18px;
}

/*貨到通知*/
.add_btn a.add_notice,
.add_btn_list a.add_notice{
	background-color: #ed9402;
	}
.add_btn a.add_notice:hover ,
.add_btn_list a.add_notice:hover{
	background: #e51f1f;
}
span.icon_notice{
	display: inline-block;
	background: url(../images/icon_notice.svg) no-repeat;
	background-size: 100%;
	width: 22px;
	height: 18px;
	margin-right: 8px;
	vertical-align: text-top;
}

/*不能點選*/
a.add_collect.add_disabled,
a.add_car.add_disabled
{	background: #bbb;
	border: 1px #bbb solid;
	color: #fff;
}
a.add_collect.add_disabled span.icon_collect{
	background: url(../images/add_collection_b.svg) no-repeat;
	background-size: 100%;
	width: 20px;
	height: 18px;
}
a.add_collect.add_disabled:hover ,
a.add_car.add_disabled:hover{
	background: #bbb;
	border: 1px #bbb solid;
	color: #fff;
	cursor: no-drop;
}

/*規格比較*/
a.add_spe{
	display: block;
   max-width: 125px;
   margin: 5px 0 15px;
   padding: 5px 20px 5px 15px;
   background: #ddd;
   font-size: 15px;
	 text-align: center;
   border-radius: 50px;
	 white-space: nowrap;
}


/*=== 產品圖片價格 行動版 ====*/

@media screen and (max-width: 480px) {
	/*產品標題*/
h1.title_name{
	font-size: 18px;
}
	/*特色說明*/
.pro_copywriter{
	font-size: 11px;
    padding-top: 4.5%;
}
	/*購物車btn*/
.add_btn a{
	font-size: 14px;
	padding: 5px 3%;
}
	/*規格比較*/
a.add_spe{
   font-size: 14px;
}
}

/*================================
產品圖片價格區塊 end
=================================*/


/*================================
加購區 設定
=================================*/
.pd_plus_item{
	display:inline-block;
	vertical-align: middle;
	width: 31.333%;
	height: auto;
	overflow: hidden;
}
.pd_plus_item a{
	display:inline-block;
	width: 100%;
	padding: 10px 5px;
	margin: 0 1.5% 0 0;
}
.pd_plus_item a:hover{
	background-color: #eeeeee;
}
.plus_check{
	float: left;
	padding-right: 2.5%;
	padding-top: 40px;
}
.pd_plus_img{
	display: block;
	max-width: 100px;
	border: 1px #ddd solid;
	float: left;
	width: 40%;
	height:auto;
}
.plus_caption{
	position: relative;
	display: block;
	float: left;
	margin-left: 3%;
	padding: 3px 0;
	width: 48%;
	height: 100px;
	color: #555;
	line-height: 1.2;
}
.pd_name{
	display: block;
	font-size: 14px;
	font-weight: 700;
	width: 100%;
	height: 48px;
	overflow: hidden;
/*	white-space: nowrap;	*/
	/*不自動斷行*/
	text-overflow: ellipsis;/*出現省略號*/
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.plus_price{
	position: absolute;
	bottom: 2px;
	font-size: 11px;
}
.plus_price b{
	font-size: 1.5em;
	font-family:Lato, Arial, sans-serif;
	color: #e51f1f;
}

/*===  加購區 行動版 ====*/
@media screen and (max-width: 768px) {
	.pd_plus_item{
	width: 48%;
}
}

@media screen and (max-width: 640px) {
.plus_caption{
	margin-left: 3%;
	height: 90px;
}
	.pd_plus_img{
		width: 35%;
	}
}

@media screen and (max-width: 480px){
.pd_plus_item{
	width: 100%;
}
.pd_plus_item a{
	width: 100%;
	margin: 0 auto;
}

}

/*================================
加購區 end
=================================*/



/*================================
產品介紹頁 樣式設定
=================================*/

/*=== 產品介紹頁-圖文設定 ===*/
.pro_info {
	width: 100%;
	margin: 0 auto;
	padding: 0 1vh;
	color: #333;
	font-size: 14px;
	line-height: 1.5;
	display: table;
}
.pro_info img {
	width: 100%;
	height: auto;
	line-height: 0;
}

/*產品介紹標題*/

/*標題-灰*/
.pro_info h4{
	color: #333;
	font-weight: bold;
	font-size: 20px;
	margin: 1vh auto;
}
.pro_info p {
	margin: 1.5vh auto;}

.pro_info li {
	list-style: disc;
	list-style-position: inside;
	line-height: 1.8;
	padding-left: 5px;
}

.pro_form40 {
	width: 39.3%;
	padding: 0 0.5% 1%;
	display: inline-block;
	vertical-align: top;
}

.pro_form60 {
	width: 60%;
	padding: 0 0.5% 1%;
	display: inline-block;
	vertical-align: top;
}

.pro_form100 {
	width: 100%;
	padding: 0% 1%;
}

/*加入間距*/
.mg_t{
    margin-top: 20px;
	margin-top: 3vh;}


/*=== 產品頁表格 樣式設定 ===*/
.prod_table {
	font-family: Arial, Helvetica, "微軟正黑體", "新細明體", sans-serif;
	margin: 0 auto;
	height: auto;
}

.prod_table table {
	padding: 0;
	width: 100%;
	margin: 0 auto;
	font-size: 14px;
	color: #333;
	background: #FFF;
	text-align: left;
	border: 1px solid #d3d3d3;
}

/*--- 表頭 ---*/
.prod_table th {
	padding: 6px;
	background: #eee;
	letter-spacing: 1px;
	font-weight: normal;
	vertical-align: middle;
	border: 1px #d3d3d3 solid;
}

th.th_color01 {
	background: #e6e6e0;
	font-size: 16px;
	text-align: center;
}

/*--- 單格 ---*/
.prod_table td {
	padding: 5px 8px;
	border: 1px #d3d3d3 solid;
	vertical-align: middle;
}

.gray_bg {
	background-color: #8e8e8e;
	color: #fff;
}

.prod_table td:last-child {
	border-right: none;
}

/*最下列表格的分隔線*/
.prod_table tr:last-child {
	border-bottom: 1px #999 solid;
}

/*--- 單排滑入變色(B) ---*/
.prod_table tr:hover {
	color: #4f9adf;
}

/*組合料號外框*/
.kix_table{
	clear: both;
	padding: 30px 15px 0;
}
.kix_table a{
	color: #a94442;
}
.kix_table a:hover{
	color: #e51f1f;
}


/*======= 產品頁保固 樣式設定 =======*/

/* 伸縮大外框 */
.stretch_box {
	width: 100%;
	margin: 35px auto;
	padding: 0;
/*	color: #1b1b1b;*/
	text-align: left;
	line-height: 1.8;
	border-bottom: #7d7d7d 1px solid;
}

/* 關閉其他摺疊選單必須的class*/
.panel {
	border: none;
	margin: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 0;
	/*以上為刪除BS預設樣式*/
	display: block;
	border-top: #ccc 1px solid;
}

/* 標題 */
.stretch-title h4 {
	font-size: 16px;
	line-height: 1.5;
	font-weight: normal;
	padding: 1.5vh 1vw;
}

.stretch-title h4 a:before {
	content: "";
	border-left: 3px solid #e51f1f;
	padding-right: 10px;
	font-size: 0.7em;
}

.stretch-title h4 a {
	display: block;
	color: #333;
}

.stretch-title a:hover {
	color: #e51f1f;
}


/* 內文區塊 設定 */
.ans_box {
	padding: 15px 20px;
	background: #f5f5f5;
	font-size: 13px;
}

.stretch_box li,
.stretch_box p {
	line-height: 1.5;
	letter-spacing: 0.8px;
}

/*=== stretch裡的項目符號 ===*/

/*阿拉伯數字*/
.stretch_box ul {
	list-style-type: decimal;
	padding-left: 1.5vw;
}

/*== 第2層得小項目 ==*/

/*小寫英文字*/
.stretch_box ul.s-abc {
	list-style-type: lower-alpha;
	color: #5c5c5c;
}

/*符號-圓點*/
.stretch_box ul.disc {
	list-style-type: disc;
}

/*===== 行動版 ======*/

@media screen and (max-width: 767px) {
	.pro_form40,
	.pro_form60 {
		width: 100%;
		padding: 0 0.5% 3vh;
	}
	.pro_info {
		font-size: 13px;
		/*		border-bottom: 1px #dedede solid;*/
	}
	.pro_info h4 {
		font-size: 18px;
	}
}

@media (max-width: 736px) {
	/*頁籤 */
	.sortTable>table th.th-1 {
		width: 50%
	}
	.sortTable>table td {
		padding: 5px 8px
	}
	.sortTable>table td.classTitle {
		line-height: 1.5em;
		text-align: center
	}
}

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

	.nav>li>a {
		padding: 8px 5px;
	}
	.prod_table table {
		padding: 0;
		margin: 0 auto;
		font-size: 12px;
	}

}

/*================================
產品介紹頁 end
=================================*/


/*瀏覽模式*/
.browse_mode{
	position: relative;
	background: #eee;
	padding: 8px 15px;
	margin-bottom: 15px;
}
a.modestyle{
	margin:0 3px;
	color: #555;
}
a.modestyle:hover,
a.modestyle.active{
	color: #4f9adf;
}

.sorting{
	position: absolute;
	right: 15px;
}


/*行動-依品牌*/
.noscb {
    -ms-overflow-style: none; /*IE 10+*/
}
.noscb::-webkit-scrollbar {
    display: none; /*Safari and Chrome*/
}

.m-brand-category{
	display: block;
	overflow-x: auto;
  overflow-y:hidden;
	line-height: 1.2;
	margin-bottom: 10px;
}

.m-brand_box{
	display: table;
	height: 50px;
	margin-bottom: 5px;
	font-size: 14px;
	text-align: center;
}

/*品牌選項按鈕*/
.m-brand-menu{
	display: table-cell;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	background: #f2dede;
	border: 2px solid #fff;
	vertical-align: middle;
	height: 50px;
}
	.m-brand-menu a{
		display: block;
		color: #e51f1f;
		padding: 10px 15px;
		word-break: keep-all;
	}

    .m-brand-menu.sel {
        background: red;
    }
    .m-brand-menu.sel a {
        color: #fff;
    }

/*品牌分類標題*/
.m-brandtitle{
/*	position: fixed;*/
	display: inline-block;
	background: #e51f1f;
	font-size: 13px;
	border: 1px solid #e51f1f;
	}
.m-brandtitle a{
	padding:10px 12px;
	color: #fff;
	width: 55px;
}



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

/*瀏覽模式*/
.browse_mode{
	margin-bottom: 10px;
}

.hidden-md-lg{
	display: none;
}
.sorting{
	position: relative;
	padding-left: 10px;
}
}


/*================================
產品清單
=================================*/
/*圖片式區塊設定*/
.col_box{
	padding: 0 15px 0 0;
}



/* 2018/12/12
 * 05-xander-product_list_a.html
 */
 b.surprise_icon::before{
	content:'★立即搶購';
	font-size:0.45em;
	padding:0.15em 0.35em;
	margin-right:0.5em;
	border-radius:5px;
	border:1px solid #fd9595;
	color:#e51f1f;
}
/* 2018/12/12
 * 05-xander-product_list_b.html 第 930 行增加 <td class="surprise_icon">NBHP1AD85PA</td>
 */
.pd_list_table td.surprise_icon::after{
	content:'★立即搶購';
	display:block;
	border-radius:5px;
	border:1px solid #fd9595;
	color:#e51f1f;
	text-align:center;
	padding:0.15em 0;
	margin-right:0.5em;
}
td div.surprise_icon{
	border-radius:5px;
	border:1px solid rgba(0,0,0,0.2);
	text-align:center;
	padding:0.25em 0;
	display:none;
}
a.add_spe{
	display:none;
}
/* 2018/12/12
 * 05-xander-product.html
 * 第 966 行增加 .surprise_icon <span class="wordred surprise_icon">HP CNB backpack K0B39AA</span>
 */
span.surprise_icon::before{
	content:'★立即搶購';
	font-weight:normal;
	font-size:0.6em;
	margin-right:0.75em;
	padding:0.25em 0.5em;
	border-radius:5px;
	border:1px solid #fd9595;
}




/*圖片區塊設定*/
.pd_list_pic{
	position: relative;
	display: block;
	width: 100%;
	padding: 10px;
	margin: 0 auto 20px;
	border: 1px #ddd solid;
	border-radius: 5px;
	background-color: #fff;
	overflow: hidden;
	-webkit-transform: translateY(0);
  transform: translateY(0);
	transition: 300ms;
	min-height: 360px;
}
.pd_list_pic:hover{
	border: 1px #999 solid;
	box-shadow:0 0 6px 2px rgba(0, 0, 0, 0.15);
	-webkit-transform: translateY(-3px);
  transform: translateY(-3px);
}
.pd_list_pic img{
	display: block;
	width: 100%;
	max-width: 220px;
}


 /* 圖片內容 (首頁產品輪播、產品列表)*/
.maxw-photo {
	max-width: 220px;
	max-height: 220px;
	margin: 10px auto 0;
}
.photo-container {
	display: block;
	position: relative;
	width: 100%;
	padding-bottom: 100%;	/* 圖片比例1:1 */
	height: 0;
	overflow: hidden;
}
.photo-container img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 100%;
	height: auto;
	max-height: 220px;
	vertical-align: middle;
	}

.nomargin{
	margin: 0 auto;
}

/*標題-列表A*/
.pd_list_title{
	display: inline-block;
	margin-top: 6px;
	font-size: 15px;
	color: #333;
	height: 43px;
  overflow: hidden;
	text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/*標題-列表B-無圖*/
.pd_list_titleB{
	display: inline-block;
	margin-top: 10px;
	font-size: 15px;
	color: #333;
}

ul.list_price li{
	font-size: 12px;
	line-height: 1.5;
}

/*圖片式 購物車btn*/
.list_add_btn a{
	font-size: 15px;
	padding: 6px 2.5%;
}

/*列表式區塊設定*/
.pd_list_table{
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto 5%;
	overflow-x: auto;
}

.pd_list_table table{
	width: 100%;
}
.pd_list_table table tr{
	position: relative;}

.pd_list_table tr{
	display: block;
	width: 100%;
	padding: 10px 10px;
	background-color: #fff;
	border: 1px #ddd solid;
	border-collapse: collapse;
	border-spacing: 0;
	-webkit-transform: translateY(0);
    transform: translateY(0);
	transition: 300ms;
}
.pd_list_table tr:hover{
  padding: 13px 10px;
	border: 1px #999 solid;
	box-shadow:0 0 6px 2px rgba(0, 0, 0, 0.15);
	-webkit-transform: translateY(0);
    transform: translateY(0);
}
.pd_list_table td{
	padding: 0 5px;
	vertical-align: middle;
}
.pd_price_b li{
	float: left;
}

/*活動標籤對位*/
.event_tab_box{
	position: absolute;
	top: 1px;
	right: 0;
	z-index: 10;
}

/*另有促銷價對位*/
.event_gifts_box{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	background: #fafad3;
	background: rgba(250, 250, 211, 0.85);
	font-weight: bold;
	padding:2px 2px 1px 6px;
	max-width: 150px;
}


/*================================
產品清單 行動版
=================================*/
@media screen and (max-width: 992px){
.col_box{
	padding: 0 5px;
}
}
@media screen and (max-width: 480px){
/*圖片區塊設定*/
.pd_list_pic{
	min-height: 330px;
}
}

@media screen and (max-width: 320px){
/*圖片區塊設定*/
.pd_list_pic{
	min-height: 300px;
}
}

/*================================
產品清單 end
=================================*/




/*================================
促銷活動 & 特賣
=================================*/
/*促銷 & 特賣區塊*/
.promo-goods{
	display: block;
	text-align: left;
	clear: both;
	background: #fff;
	border: 3px solid #e55635;
	margin-bottom: 20px;
}
/*icon*/
.promo-icon img{
	width: 100%;
	max-width: 28px;
	vertical-align: text-top;
	margin-right: 6px;
}

.promo-goods h1{
	display: block;
	font-size: 26px;
	font-style: italic;
	font-weight: bold;
	padding: 10px 10px;
	letter-spacing: 0.05em;
	background: #e55635;
	color: #fff;
	padding-left: 20px;
}

/*特賣顏色*/
.promo-goods.promo-goods2{
	border: 3px solid  #3e5196;
}
.promo-goods.promo-goods2 h1{
	background: #3e5196;
}

/*促銷區塊設定*/
.promo-pd-list{
	clear: both;
	position: relative;
	display:block;
	float: left;
	width: 100%;
	padding: 10px 15px;
	margin: 0 auto;
	border-right: 1px #ddd solid;
	background-color: #fff;
	overflow: hidden;
	cursor: pointer;
}

.border-no{
	border: none;
}

.promo-pd-list img{
	display: block;
	width: 100%;
	max-width: 210px;
	margin: 0 auto;
}

.promo-pd-list:hover{
	opacity: 0.85;
}

/*促銷價*/
.promo-red {
	display: inline-block;
	font-style: normal;
	color:#e51f1f;
	font-size: 13px;
	letter-spacing: 0.05em;
	margin-bottom: 3px;
}
/*金額數字*/
.promo_price_a{
	font-family: Lato, Arial, sans-serif;
  font-size: 20px;
	font-weight: 700;
	padding: 0 3px;
	line-height: 1.1;
	color: #e51f1f;
	vertical-align: sub;
}


/*=== 促銷-福利品清倉 ===*/
.promo-goods3{
	padding: 16px 10px;
	background: #29af7e;
	color: #fff;
	text-align: center;
}

.promo-goods3 h1{
	font-size: 26px;
	font-style: italic;
	font-weight: bold;
	letter-spacing: 0.05em;
}
a.pd-btn{
	display: inline-block;
	margin: 5px 3px 0;
	padding: 3px 20px 0;
	font-size: 17px;
	color: #fff;
	border: 1px solid #94d7bf;
	border-radius: 5px;
}
a.pd-btn.active,
a.pd-btn:hover{
	color: #333;
	background: #fff;
}
.blue_word{
	display: block;
	margin: 10px auto;
	text-align: center;
	color:#4f9adf;
}

.price_red{
	display: inline-block;
	color: #e51f1f;
}

/*福利品購物車btn*/
a.promo_car{
	border-radius: 5px;
	background: #EE3912;
	color: #fff;
	font-size: 14px;
	padding: 5px 8%;
	display: inline-block;
  text-align: center;
	white-space: nowrap;
}
a.promo_car:hover{
	background: #e51f1f;
/*	background: #333;*/
	transition: 350ms;
}

/*購物車icon*/
a.promo_car:before{
	content: "";
	display: inline-block;
	background: url(../images/shopping_cart.svg) no-repeat;
	background-size: 100%;
	width: 14px;
	height: 14px;
	margin-right: 5px;
	vertical-align: middle;
}


/*==========================================
 促銷-特賣-清倉 手機版
===========================================*/

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

}
@media screen and (max-width: 480px){
	.promo_price_a{
		font-size: 16px;
	}

/*icon*/
.promo-icon img{
	max-width: 22px;
	margin-right: 4px;
}

/*促銷*/
.promo-goods h1{
	font-size: 20px;
	padding: 8px 10px;
	padding-left: 15px;
	text-align: center;
}
/*清倉*/
.promo-goods3 h1{
	font-size: 20px;
}
	a.pd-btn{
	padding: 2px 10px;
	font-size: 15px;
}

}

/*==========================================
 數位快訊&EDM
===========================================*/

ul.xander-news{
	padding-top: 10px;
	color: #555;
}

.xander-news li{
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px;
}

/*內頁標題-加紅線條*/
.news_title{
	display: block;
	margin-top: 10px;
	font-weight: bold;
	font-size: 20px;
	margin-top: 20px;
	-webkit-transform: translateX(0);
  transform: translateX(0);
	transition: 350ms;
}

/*new 內頁標題-滑過*/
ul.xander-news a:hover .news_title{
	color: #e51f1f;
	-webkit-transform: translateX(10px);
  transform: translateX(10px);
}

.news_title:before {
	content: "";
	border-left: 3px solid #e51f1f;
	padding-right: 6px;
	font-size: 0.9em;
}

.news_time{
	display: block;
	font-size: 13px;
	padding: 6px 0 12px;
	letter-spacing: 0.1em;
	color: #555;
}
.news_text{
	font-size: 15px;
	margin-bottom: 3%;
	margin-bottom: 6vh;
	color: #555;
}

.btn-more{
	display:inline-block;
  padding: 3px 10px;
  margin: 0 0 15px;
	background: #eee;
  font-size: 0.95em;
  white-space: nowrap;
}


/*==========================================
 數位快訊&EDM 手機版
===========================================*/

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

.news_title{
	font-size: 16px;
}
.news_text{
	font-size: 13px;}

}


.sel {
    color: #ff0000;
    font-weight: bolder;
}

.sel:focus {
    color: #ff0000;
    outline: none;
}