@charset "utf-8";
/*ep易殯網 風格 橘#eb6100 #eb6100 */

h3 {
    font-size: 1.51rem;
    margin-bottom: 8px;
}
h4 {
	font-size: 18px;
	margin-bottom: 8px;
	font-weight: 400;
}

.line_box {
	border: 1px solid #fff;
	padding: 10px 0;
	font-size:16px;
	color:#fff
}
.float-l {
	float: left;
	margin-right:25px
}
.float-r {
	float: right;
}
.responsive-image {
    display: block;
    width: 100%;
    margin-bottom: 15px;
}

.iframe-rwd {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.iframe-rwd iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.height45 { height:45px}
.lh24{ line-height: 24px;}
.text-center{text-align: center;}
.txt-red {#d14242}

 .button.style-ep{border: 1px #e0e0e0 solid; font-size: 12px; font-weight: 700; line-height: 17px; padding: 9px 18px; background: #fff; color: #2e2e2e; min-width: 0;}
 .button.style-ep{border-color: #ca1515; background: #ca1515; color: #fff;}
.button.style-ep:hover{background: transparent; color: #2e2e2e;}
.tabs-container.style-ep .swiper-tabs{font-size: 0;}
.tabs-container.style-ep .tab-switcher{font-weight: 600; font-size: 13px; line-height: 13px; color: #262626; padding: 15px 20px; border: 1px #e6e6e6 solid; display: inline-block; margin-right: 14px; text-transform: uppercase;}
.tabs-container.style-ep .tab-switcher.active{background: #ca1515; color: #fff; border-color: #ca1515;}
.tabs-container.style-ep .swiper-tabs:before{bottom: 0;}
.tabs-container.style-ep .tabs-entry{padding: 55px; border: 1px #e6e6e6 solid; border-top: none; font-family: 'Microsoft JhengHei','Raleway', sans-serif;}
.header-wrapper.style-ep .line-entry:last-child{padding-top: 15px; padding-bottom: 15px;}
.header-wrapper.style-ep .header-top-entry:last-child .title{padding-right: 15px;}
.font-w600 {    color: #262626;font-weight: 600;}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* my sunny 風格 橘#eb6100 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
body.style-ep .sidebar-navigation .title{background: #eb6100;}
body.style-ep .sidebar-navigation{border-color: #eb6100;}
body.style-ep .sidebar-navigation .entry:before{background: #eb6100;}
body.style-ep .sidebar-navigation .entry .fa{color: #cac9c9;}
body.style-ep .search-button{background: #eb6100;}
body.style-ep .swiper-tabs .block-title:before{background: #eb6100;}
body.style-ep .price .current{color: #eb6100;}
body.style-ep .product-slide-entry .title:hover{color: #eb6100;}
body.style-ep ol li:before{background: #d9d9d9;}
body.style-ep #loader-wrapper .bubbles span{background: #eb6100;}
body.style-ep .swiper-active-switch{background: #eb6100; border-color: #eb6100;}
body.style-ep .hover-class-1:after{background: #eb6100;}
body.style-ep .inline-product-entry .image:hover{border-color: #eb6100;}
body.style-ep .inline-product-entry .title:hover{color: #eb6100;}
.footer-wrapper.style-ep .footer-address a b{color: #eb6100;}
.footer-wrapper.style-ep .copyright a{color: #eb6100;}
.footer-wrapper.style-ep .footer-columns-entry .column a:hover{color: #eb6100;}
body.style-ep .navigation-banner-content .subtitle{font-weight: 600; font-size: 18px; line-height: 22px; font-family: "Open Sans","Microsoft JhengHei", 'Raleway', sans-serif; text-transform: uppercase;}
body.style-ep .navigation-banner-content .title{font-weight: 700; letter-spacing: -2px; font-family:  "Open Sans","Microsoft JhengHei",'Raleway', sans-serif;}
body.style-ep .navigation-banner-content .description{margin-bottom: 25px;}

.button.style-ep{font-size: 14px; line-height: 18px; padding: 11px 40px; text-transform: uppercase; font-weight: 700; color: #fff; border: 2px #eb6100 solid; background: #eb6100; letter-spacing: 2px}
.button.style-ep2{font-size: 14px; line-height: 18px; padding: 11px 40px; text-transform: uppercase; font-weight: 700;  border: 2px #eb6100 solid; letter-spacing: 2px}
.button.style-ep:hover{background: #fff; color: #eb6100;}
.button.style-ep4 {font-size: 18px; line-height: 18px; min-width: 45px;  padding: 10px; text-transform: uppercase; font-weight: 700; color: #fff; border: 2px #eb6100 solid; background: #eb6100; letter-spacing: 2px; margin:0 10px 30px 10px}
.button.style-ep5 {
    font-size: 18px;
    line-height: 18px;
    padding: 10px;
    text-transform: uppercase;
    font-weight: 700;
    background-color: #eee;
    border: 1px solid #ddd;
    letter-spacing: 2px;
	 min-width: 45px; 
}



@media (min-width: 1200px) {
    .header-wrapper.style-ep header:not(.fixed-header) .navigation:before{content: ""; position: absolute; width: 10000px; left: 50%; margin-left: -5000px; background: #eb6100; top: 0; height: 100%;}
    .header-wrapper.style-ep header:not(.fixed-header) nav > ul > li > a{color: #fff;}
	.header-wrapper.style-ep header:not(.fixed-header) nav > ul > li >.fa{color: #fff; margin-left:5px }
	.full-width-menu-items { margin:0 45px}
}
body.style-ep .cart-box.popup .content .price{color: #eb6100;}
body.style-ep .cart-box.popup .summary .grandtotal span{color: #eb6100;}
body.style-ep .button.style-4{font-size: 14px; background: #ca1515; border-color: #ca1515; padding: 11px 30px;}

@media (min-width: 1199px) {
	.style-ep .header-product .logo-wrapper { width:22%; padding:10px 0}
	.product-header-message { width:50%}
	.product-header-content {width: 40%;}
	
	}
.text-white {
    color: #FFF!important;
}

/* my sunny 調間距 */
.m-b0 {margin-bottom: 0px;}
.m-b5 {margin-bottom: 5px;}
.m-b10 {margin-bottom: 10px;}
.m-b15 {margin-bottom:15px;}
.m-b20 {margin-bottom: 20px;}
.m-b25 {margin-bottom: 5px;}
.m-b30 {margin-bottom: 30px;}
.m-b35 {margin-bottom: 35px;}
.m-b40 {margin-bottom: 40px;}
.m-b45 {margin-bottom: 45px;}
.m-b50 {margin-bottom: 50px;}
.m-b55 {margin-bottom: 55px;}
.m-b60 {margin-bottom:60px;}

.m-t0 {margin-top: 0px;}
.m-t5 {margin-top: 5px;}
.m-t10 {margin-top:10px;}
.m-t15 {margin-top:15px;}
.m-t20 {margin-top:20px;}
.m-t25 {margin-top:25px;}
.m-t30 {margin-top: 30px;}
.m-t35 {margin-top:35px;}
.m-t40 {margin-top: 40px;}
.m-t45 {margin-top: 45px;}
.m-t50 {margin-top: 50px;}
.m-t55 {margin-top: 55px;}
.m-t60 {margin-top: 60px;}

.m-r5 { margin-right:5}
.m-r10 { margin-right:10}
.m-r15 { margin-right:15}
.m-r20 { margin-right:20}
.m-r25 { margin-right:25}
.m-r30 { margin-right:30}
.m-r35 { margin-right:35}
.m-r40 { margin-right:40}

.m-l5 { margin-left:5px}
.m-l10 { margin-left:10px}
.m-l15 { margin-left:15px}
.m-l20 { margin-left:20px}
.m-l25 { margin-left:25px}
.m-l30 { margin-left:30px}
.m-l35 { margin-left:35px}
.m-l40 { margin-left:40px}
.m-l45 { margin-left:45px}

.top30 { top:30xp}

/* my sunny 調間距 */

/* 搜尋*/

.style-ms label {
    font-size: 16px;
    line-height: 14px;
    color: #555;
    font-weight: 600;
    display: block;
    margin-bottom: 7px;
    padding-top: 5px;
}
.style-ms .form-group {
    margin-bottom: 15px;
}
.style-ms .form-control {
    display: block;
    width: 100%;
    height: 45px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px #e6e6e6 solid;
    border-radius: 4px;
}

.style-ms .form-control {
    font-size: 14px;
    font-weight: normal;
    color: #313131;
    background-color: #fff;
    border: 1px #e6e6e6 solid;
    box-shadow: none;
    border-radius: 4px;
}
.style-ms select {
    -webkit-appearance: menulist;
    box-sizing: border-box;
    align-items: center;
    white-space: pre;
    -webkit-rtl-ordering: logical;
    color: black;
    background-color: white;
    cursor: default;
    border-width: 1px;
    border-style: solid;
    border-color: initial;
    border-image: initial;
	border: 1px #ebebeb solid
}
.style-ms .button.style-o {
    font-size: 14px;
    line-height: 18px;
    padding: 11px 40px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    border: 2px #eb6100 solid;
    background: #eb6100;
    letter-spacing: 2px;
}

.style-ms.button.style-o:hover {
    background: #262626;
    border: 2px #262626 solid;
    color: #fff;
}

/* card*/
.card {
    border: none;
    -webkit-box-shadow: 0 1px 15px 1px rgba(62,57,107,.07);
    box-shadow: 0 1px 15px 1px rgba(62,57,107,.07);
	
}


.card {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.06);
    border-radius: .35rem;
}
#content-block .card {
    margin-bottom: 1.875rem;
}
.card-body {
    /* -webkit-box-flex: 1; */
    /* -webkit-flex: 1 1 auto; */
    -moz-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.5rem;
}
    /*0821車輛類影片 */
#content-block .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.media, .progress-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
}

.media {
    
	 /* display: flex;; */
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
	margin-top: 15px;
}

.media, .media-body {
    overflow: hidden;
    zoom: 1;
}

.media-body {
    width: 10000px;

}
.media:first-child {
    margin-top: 0;
}

.media-body, .media-left, .media-right {
    vertical-align: top;
}

.media-body {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
	text-align: right;
}

.media-body h3, h4 {
    color: #333;
}
.font-large-2 {
    font-size: 3rem!important;
}
.mr-2, .mx-2 {
    margin-right: 1.5rem!important;
}

.media-body span {
    color: #666;
}

.align-self-center {
    -webkit-align-self: center!important;
    -ms-flex-item-align: center!important;
    align-self: center!important;
}
.black {
    color: #333!important;
}

.font-large-3 {
    font-size: 2rem!important;
}

.warning {
    color: #eb6100!important;
}

.success {
    color: #28D094!important;
}
.danger {
    color: #FF4961!important;
}

.h-categories {
    font-size: 24px;
    margin-top: 0;
    margin-bottom: 0;
    font-family: 'Microsoft JhengHei',Arial, sans-serif;
    font-weight: 400;
    color: #151515;
}

.swiper-slide {
    float: left;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: inherit!important;
}
.grid-layout {
    display: flex;
    flex-wrap: wrap;
}

.grid-layout-item {
    position: relative;
    display: block;
    width: 100%;
    padding: 25px 20px;
    text-align: left;
    border: 1px solid #d6d6d6;
    margin: -1px -1px 0 0;
    background: #fafafa;
}
.h-categories {
	font-size: 24px;
	margin-top: 0;
    margin-bottom: 0;
    font-family:'Microsoft JhengHei',Arial, sans-serif;
    font-weight: 400;
    color: #151515;
}

.grid-layout {
	display: flex;
	flex-wrap: wrap;
}

.grid-layout-item::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #ffffff;
	box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.07);
	transition: .22s;
	opacity: 0;
	visibility: hidden;
	backface-visibility: hidden;
}

.grid-layout-item:hover {
	z-index: 2;
}

.grid-layout-item:hover::before {
	opacity: 1;
	visibility: visible;
	top: -3px;
	right: -3px;
	bottom: -3px;
	left: -3px;
	
	transition: top .3s ease-out, right .3s ease-out, bottom .3s ease-out, left .3s ease-out;
}

.grid-layout-item > * {
	position: relative;
	z-index: 1;
}

* + .grid-layout {
	margin-top: 40px;
}
.box-minimal-main {
    flex-grow: 1;
}
.box-minimal-title {
    font-size: 16px;
    line-height: 1.4;
    transition: .22s;
    color: #151515;
	margin-bottom:5px
}
.box-minimal-main p {
    margin-top: 5px;
	color: #808080;
}
.box-minimal h3{ color:#264455;}
 .page-title, .main-content.box-page {
    width: 1400px;
    margin: 0 auto;
    position: relative;
}


.swiper-wrapper {
    position: relative;
    box-sizing: content-box;
    cursor: url(../img/drag.png) 16 9, ew-resize !important;
    margin: 0 auto;
    height: inherit !important;
    float: left;
    
}
.font-large-2 {
    font-size: 3rem!important;
}
.float-left {
    float: left!important;
}
.box-minimal-main {
    flex-grow: 1;
}

.text-r {
    text-align: right;
}
.m-b5 {
    margin-bottom: 5px;
}
.box-minimal h3 {
    color: #264455;
}
.media-body h3, h4 {
    color: #333;
}
.product-header-content2{
	display: table-cell; 
	vertical-align: middle;
	 text-align: right;
	 width: 450px;
	 right:50px
 }
.product-header-content2 .line-entry{display: inline-block; vertical-align: bottom;}
.product-header-content2 .middle-line{height: 1px; background: #ebebeb;}

/* 手機底下選單 */
/* footer-job-menu a */


@media (min-width: 1200px) {
	.grid-layout-item {
		width: 25%;
	}
	.col-xl-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 50%;}
	.col-xl-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 33.33%;}
	
	.col-xl-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
}  
@media only screen and (max-width: 767px ) { 
/*    .col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}*/
	/* 手機底下選單  .col-sm-6{width:50%; } */
.card-body	{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.card-content {  height: 123px!important;}
 .media-body h4{font-size: 16px; }
  .align-self-center span { font-family:  "Open Sans","Microsoft JhengHei",'Raleway', sans-serif; }
h5 {
	font-size: 16px;
	font-weight: 400;
	 color: #333;
	 margin-top:5px
}
h6 {
	font-size: 14px;
	font-weight: 400;
	 color: #333;
	 margin-top:3px
}
h7 {
	font-size: 13px;
	font-weight: 400;
	 color: #333;
	 margin-top:5px
}
.header-product .logo-wrapper{ }
#content-block header{background-color:#eb6100;}
.menu-button { color:#fff; margin-top:20px}
  .header-functionality-entry .fa  { color:#fff}
  #order-detail-content #cart_summary tr {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 7px;
    overflow: hidden;
    position: relative;
}
  #order-detail-content #cart_summary thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
}
#order-detail-content #cart_summary table, #order-detail-content #cart_summary thead, #order-detail-content #cart_summary tbody, #order-detail-content #cart_summary th, #order-detail-content #cart_summary td, #order-detail-content #cart_summary tr {
    display: block;
}
#order-detail-content #cart_summary td {
    border: none;
    position: relative;
    float: left;
    white-space: normal;
    padding: 7px 20px 7px 20px;
}
}


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

	header {
		border-bottom: 1px solid #f0f0f0;
		box-shadow: 0px 5px 5px -5px #cfcfcf;
		-moz-box-shadow: 0px 5px 5px -5px #cfcfcf;
		-webkit-box-shadow: 0px 5px 5px -5px #cfcfcf;
		z-index: 9999;}
		.h-xs { display:none}
		..header-wrapper.style-5 .header-functionality-entry .fa {
    color: #232323;
}
	  /* 0720 .col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}
	    col-sm-6{width:50%; }*/.
	  .media{text-align: center;}
	 /* 0809.card-body, .media-body ,align-self-center {text-align: center; }*/
	  .card-body, .media-body ,align-self-center {line-height: 24px;}
	  .align-self-center i {
    display: inline-block;
    line-height: 1.1;
}
	  .button {min-width: 90%; }
	  .search-page .button {min-width: 100%; }
	 
	  .header-wrapper.style-ep .line-entry:last-child{
		  padding-top:5px; 
		  border-right: none;
		  margin-bottom:0px!important;
		  }
	  ..header-functionality-entry:last-child {
    padding-right: 0;
    border-right: none;
}
	  .header-functionality-entry .fa {
		  width: 35px;
		  height: 35px;
		  }
		  .product-header-content .line-entry:first-child {top: 5px!important}
	  #content-block header{background-color:#eb6100;}
	  .header-product{ }
	  .header-product .logo-wrapper {
		  left:30%;z-index: 1; 
		  margin-bottom:0px!important;
		  }
		  
		 #logo { float: left; }

	
	.card-body	{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.header-product.menu-button {
	color: #fff;top: 50%;
}
#logo img {
	width:120px;
	
}
.card-content {  height: 123px!important;}
 .media-body h4{font-size: 16px; }
  .align-self-center span { font-family:  "Open Sans","Microsoft JhengHei",'Raleway', sans-serif; }
  .header-functionality-entry .fa  { color:#fff}
  .information-entry { 
  margin-bottom:0!important;
  }


h5 {
	font-size: 16px;
	font-weight: 400;
	 color: #333;
	 margin-top:5px
}
h6 {
	font-size: 14px;
	font-weight: 400;
	 color: #333;
	 margin-top:3px
}
h7 {
	font-size: 13px;
	font-weight: 400;
	 color: #333;
	 margin-top:5px
}

.share-box .title, .share-box .socials-box {
	text-align: left;
}
.button-full {
    display: block;
    width: 100%!important;
    margin-left: -1px;
}
.product-preview-box img {max-width:100%;}

.overlay-popup {top: 85px!important}

.table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
}
.line-block .title {
	 overflow : hidden;
  text-overflow : ellipsis;
  white-space : nowrap;
  width : 300px;
	}
	.accordeon.size-1 .accordeon-title { padding:12px 12px 12px 0}
	.arrow-img{ width:20%;}
	
	.conf label span {
    font-size: 14px!important;
    line-height: 18px!important;
}
 }
 
 
 /*  .media-body {float: left;}
   .media .d-flex .align-self-center {
	text-align: cente!important;
}
 
 #logo,
 
  */
  
 
/*  商品總覽 category */
#category {
	margin: 0px;
    padding: 0px;
	}
#message-box-conact div {
    background: none;
    margin: 0px;
    padding: 0px;
    outline: 0px;
    border: 0px currentColor;
    border-image: none;
    font-weight: inherit;
    vertical-align: top;
}
.sp_item {
    list-style: outside none none;
    border-top: 0px solid #E1E1E1;
    margin-bottom: 15px;
    display: table;
    width: 100%;
}
.sp_item .top-btn {
    width: auto;
    vertical-align: middle;
}
#category  nav {
    background: none;
    margin: 0px;
    padding: 0px;
    outline: 0px;
    border: 0px currentColor;
    border-image: none;
    font-weight: inherit;
    vertical-align: top;
}
#category nav>ul>li {
    float: left;
    padding-right: 0px!important;; 
    padding-left: 0px!important;; 
}
.sp_item .top-btn .cg-page {
    padding: 0;
    border-radius: 0;
    display: inline-block;
    margin-bottom: 0px;
}

ul {
    background: none;
    margin: 0px;
    padding: 0px;
    outline: 0px;
    border: 0px currentColor;
    border-image: none;
    font-weight: inherit;
    vertical-align: top;
}
li {
    background: none;
    margin: 0px;
    padding: 0px;
    outline: 0px;
    border: 0px currentColor;
    border-image: none;
    font-weight: inherit;
    vertical-align: top;
	font-family: "Microsoft JhengHei", sans-serif;
}
.cg-page>li {
    display: inline;
}
.sp_item .top-btn .cg-page > li > a, .sp_item .top-btn .cg-page > li > span {
	position: relative;
	float: left;
	padding: 10px 13px;
	line-height: 1.42857;
	color: #666;
	text-decoration: none;
	background-color: #fafafa;
	border: 1px solid #eaeaea;
	font-size: 14px;
}


.sp_item .top-btn .cg-page > li > a:hover, .sp_item .top-btn .cg-page > li > span {
	color: #fff;
    background-color: #eb6100;
    
}

.sp_item .top-btn .cg-page > li:first-child > a, .sp_item .top-btn .cg-page > li:first-child > span {
    margin-left: 0px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.sp_item .top-btn .cg-page > li > a i {
    padding: 3px 7px 0 0;
}
.sp_item .top-btn .cg-page > li > a.active {
    background: #eb6100;
    border-color: #cd0000;
    color: #fff;
}
.category-content {
    padding: 15px;
    margin-bottom: 25px;
}

.category-name {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 25px;
}
category-name a {
    color: #666999;
}
.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    margin-left: 5px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #eb6100;
    border-radius: 10px;
}

#main_category ul {
    line-height: 24px;
    list-style: none;
    list-style-position: inside;
}

#main_category li>a:before {
    width: 10px;
    float: left;
    margin-right: 10px;
    display: inline;
    font-size: 14px;
    font-family: FontAwesome;
    height: auto;
    content: "\f105";
    font-weight: 300;
    text-shadow: none;
    color: #999;
}
 .main_c {   
 	float: left;
    margin-left: 10px;
	color:#999
	}

.badge_gray {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    margin-left: 5px;
    font-size: 12px;
    font-weight: bold;
    color: #555;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #ddd;
    border-radius: 10px;
}

span {
    background: none;
    margin: 0px;
    padding: 0px;
    outline: 0px;
    border: 0px currentColor;
    border-image: none;
    font-weight: inherit;
    vertical-align: top;
}
span .info {
    font-size: 1rem;
    color: #333232;
    margin-left: 10px;
    cursor: pointer;
    vertical-align: middle;
}
/* 0717小話框 */

@media screen and (min-width: 320px) {
    .modal-dialog {
    right: auto;
    left: 0%;
	top:200px;
    width: 600px;
    padding-top: 30px;
    padding-bottom: 30px;
    }
    .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }
    }
	
	/* 0719 */
	.product-new-label, .product-sale-label {
    z-index: 3;
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 5px 10px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    color: #fff;
}
	
	.product-new-label {
    background: #59b210;
}
	.product-sale-label {
    background-color: #cd0000;
    color: #ffffff;
}
	.product-new-label, .product-sale-label {
    width: 50px;
}
	

.product-new-label {
    background: #59b210;
}

	.product-items .product-new-label, .product-items .product-sale-label, .product-items .product-oustock .stock.unavailable {
    margin: 0;
    top: 0;
    left: auto;
    right: 0;
    border-radius: 3px;
}

/*0719*/

.scroll{
		width:35px;
		height:35px;
		background:#eb6100;
		color:#fff;
		line-height:35px;
		text-align:center;
		position:fixed;
		right:30px;
		bottom:20px;
		cursor:pointer;
		font-size:24px;
	}


.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;

}

.video-container iframe, .video-container object, .video-container embed {
position: absolute;
top: 0;left: 0;
width: 100%;
height: 100%;}


/* 0722*/
.static-info {
    margin-bottom: 15px;
}
.static-info .name {
    font-size: 14px;
	 font-weight: 600;
}
.static-info .value {
    font-size: 14px;
   
}
.w200{ width:200px}

.inquiry-description {
    font-size: 14px;
    line-height: 24px;
    color: #a6a6a6;
    font-weight: 400;
	margin-bottom:30px
}
.inquiry-description b {
    font-weight: 600;
    color: #3c3c3c;
}

.invoice-table {
    border-left: 1px solid #fff;
    padding-left: 20px;
}




#order-info { padding:0; margin:0}


#order-info .table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
}

#order-info table tr {
    padding-bottom: 20px;
}

#order-info .table>tbody>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #fff;
	 font-weight: 600;
	 width:28%
}
#order-info .table>tbody>tr>td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #fff;
}

.inquireTextarea {
    padding: 9px 12px;
    line-height: 18px;
    height: 80px;
    border: 1px solid rgba(0,0,0,.1);
}

.inquireTextarea {
    min-width: 100%;
    display: block;
    box-sizing: border-box;
}

.inquireTextarea {
    font-size: 12px;
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease;
}

.float-right {
    float: right;
}
#order { padding:0; margin-top:30px} 
#order table { font-size: 14px;}
#order th {
	background-color: #fbfcfd;
	height: 50px;
	line-height: 35px;
	font-weight: 600;
	padding: 5px;
	/*text-align: center;*/
}
.color-orange-dark {
    color: #e9573f!important;
}

#order td {
	padding: 8px;
	line-height: 36px;
}
#order .remove-button {
	font-size: 16px;
}




.button.style-ep3 {
    border: 1px #e0e0e0 solid;
    font-size: 12px;
    font-weight: 700;
    line-height: 17px;
     padding: 5px 10px; 
    border-color: #272727;
    background: #272727;
    color: #fff;
    min-width: 0;
}

.button-blue {
    background-color: #eb6100;
    border: 2px solid #eb6100;
	 color: #fff;
	 font-size: 12px;
    font-weight: 700;
    line-height: 17px;
    padding: 9px 18px;
    min-width: 0
}
.button-red {
    background-color: #ca1515;
    border: 2px solid #ca1515;
	 color: #fff;
	 font-size: 12px;
    font-weight: 700;
    line-height: 17px;
    padding: 9px 18px;
    min-width: 0
}
/* 0723 */
.list-unstyled {
    padding-left: 0;
    list-style: none;
}



.invoice-payment strong {
    margin-right: 5px;
	    font-weight: 700;
}


/*0727 */

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 28px;
    right: 3px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none;
}

.case_bg{background-color: #fbfcfd; line-height: 28px;}


/*0731 */
.case5 h5{ 
	font-size: 16px;
    line-height: 14px;
    color: #313131;
    font-weight: 600;
    display: block;
    margin-bottom: 7px;
    padding-top: 5px;}
	
.case5  span {
    color: #eb0101;
    font-size: 18px;
    line-height: 14px;
    display: inline-block;
    position: relative;
    vertical-align: bottom;
    margin-right: 5px;
    font-weight: 600;
}

.ctxt5 { font-size: 14px; color: #313131;}


/*8/8 */

.h25 { height:25px}

.h45 { height:45px}
.form-entry {
    padding: 25px 20px;
    border: 1px #e6e6e6 solid;
    /*border-top: none;*/
}

.divider-text {
    border-top: 1px solid rgba(0,0,0,.12);
    height: 0;
}

.divider-text {
    text-align: center;
}

.gap-top-25 {
    margin-top: 25px;
}

.gap-top-45 {
    margin-top: 45px;
}

.gap-bottom-45 {
    margin-bottom: 45px;
}
.divider-text span {
	border: 0px solid rgba(0,0,0,.12);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	background-color: #f9fafd;
	font-size: 18px;
	padding: 2px 15px;
	position: relative;
	top: -9px;
	white-space: nowrap;
	font-weight: 600;
}

.facebook-bg, .facebook-bg:hover {
    background-color: #4469b7;
    border: 2px solid #4469b7;
    color: #fff;
}
.google-bg, .google-bg:hover {
    color: #fff;
    background-color: #d34836;
    border: 1px solid #d34836;
}
.button-rounded {
    border-radius: 0px!important;
	padding:15px
}

/*0809 */
.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

.card-body {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 1.25rem;
	font-size: 14px;
	line-height: 20px;
}
.card ul li {
    line-height: 14px;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}

.form-inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

 .form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px;
}
.f-o {
    font-size: 20px;
    color: #d34b1a;
    padding-left: 10px;
}

.a {
    position: relative;
    color: #333;
    font-size: 14px;
    left: 15px;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*0816 適用性評估 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.categories-list.account-links ul li a{font-size: 14px;}
.question-entry{ padding-bottom:10px; margin-bottom: 25px; border-bottom: 1px #ebebeb solid; position: relative;}
.question-entry .column-1{margin-right: 250px;}
.question-entry .column-2{position: absolute; width: 400px; right: 0; top: 50%; margin-top: -32px; text-align: right;}
.question-entry .column-3{position: absolute; width: 80px; right: 0; top: 50%;  text-align: right;}
.question-entry .button.style-14{padding: 8px 30px; float: left;}
.traditional-cart-entry.style-1{padding-bottom: 33px; border-bottom: 1px #ebebeb solid; margin-bottom: 32px;}
.traditional-cart-entry:after{display: block; clear: both; content:"";}
.traditional-cart-entry .image{float: left; width: 70px;}
.traditional-cart-entry .check_box{float: left; width: 70px;margin-top:8px;}
.traditional-cart-entry.style-1 .image{width: 170px;}
.traditional-cart-entry .image img{max-width: 100%; height: auto; display: block;}
.traditional-cart-entry .content{margin-left: 0px;}
.traditional-cart-entry.style-1 .content{margin-left: 200px;}
.traditional-cart-entry .cell-view{ height:40px}
.traditional-cart-entry .tag{font-size: 10px; line-height: 10px; color: #8b8b8b; font-weight: 500; text-transform: uppercase; display: inline-block; margin-bottom: 5px;}
.traditional-cart-entry .tag:hover{color: #2e2e2e;}
.traditional-cart-entry .title{font-size: 16px; line-height: 28px; color: #2e2e2e; font-weight: 400; display: block; margin-bottom: 10px; }
.traditional-cart-entry samp{
	font-size: 18px;
	color: #2e2e2e;
	font-weight: 600;
	display: inline-block;
	float: right;
}

.traditional-cart-entry .title:hover{color: #ca1515;}
.traditional-cart-entry .inline-description{font-size: 16px; line-height: 24px; color: #808080; font-weight: 400; margin-bottom: 5px;}
.traditional-cart-entry .price{margin-bottom: 20px; padding-top: 15px;}
.traditional-cart-entry .quantity-selector .entry{margin-bottom: 20px;}
.traditional-cart-entry .quantity-selector .entry.number-plus{margin-right: 20px;}
.remove-button{display: inline-block; border: 1px #e6e6e6 solid; width: 34px; line-height: 32px; text-align: center; font-size: 12px;  background: transparent; color: #2e2e2e;}
.remove-button:hover{background: #ca1515; color: #fff; border: 1px #ca1515 solid;}
.question-entry .column-2 .remove-button{margin-left: 50px;}
.question-header{border-bottom: 1px #e6e6e6 solid; border-top: 1px #e6e6e6 solid; margin-bottom: 32px; line-height: 68px; position: relative; font-size: 16px; color: #343434; font-weight: 600;}
.question-header .title-1{margin-left: 250px; margin-right: 230px;}
.question-header .title-2{width: 130px; position: absolute; top: 0; right: 0;}
.question-entry.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem;
}

.question-entry .form-check-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem;
}
.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0;
}
.question-entry .simple-field {
    margin-bottom: 25px;
    border: 1px #e6e6e6 solid;
    font-size: 14px;
    line-height: 30px;
	height:38px;
    color: #313131;
    font-weight: 400;
	padding:0 10px;
	margin-right:10px
}
.heading-article .description2 {
    font-size: 16px;
    line-height: 30px;
    color: #262626;
    font-weight: 300;
    margin-bottom: 15px;
}

.result-entry {
    overflow: hidden;
    border: 2px #f2f2f2 solid;
    min-height: 70px;
    padding: 35px 0;
    position: relative;
    display: block;
}
.result-entry .result-fra {
    font-size: 16px;
    line-height: 24px;
    color: #2e2e2e;
    text-transform: uppercase;
    font-weight: 700;
    width:20%;
    text-align: center;
    border-right: 1px #f2f2f2 solid;
    float: left;
    display: block;
    position: relative;
    z-index: 1;
}
.result-entry .result-fra span {
    display: block;
    font-size: 30px;
    line-height: 48px;
    color: #da75cb;
}
.result-entry .result-description {
    font-size: 13px;
    line-height: 22px;
    color: #a3a2a2;
    margin: 0 40px 15px 280px;
    padding: 2px 0;
    display: block;
    position: relative;
    z-index: 1;
}

.result-entry-fra{
	font-size: 18px;
	line-height:38px;
	margin-bottom: 50px;
	}
.result-entry-description{ 
font-size: 14px;
 line-height:24px;
	margin: 0 auto;
	margin-bottom: 50px;
	 }
/*Phones (<768px)*/
@media (max-width: 767px) {
    .question-entry .column-1{margin-right: 0; margin-bottom: 20px;}
    .question-entry .column-2{position: relative; margin: 0 0 0 100px; top: auto; width: auto;}
    .question-entry .column-2 .remove-button{margin-left: 10px;}
    .question-entry .button.style-14{padding-left: 10px; padding-right: 10px; width: 140px;}
    .traditional-cart-entry .image{margin-bottom: 15px; display: inline-block;}
	  .traditional-cart-entry .check_box{ display: inline-block;}
	#order-detail-content #cart_summary thead{
    display: block;
}
}

@media (max-width:480px){
    .traditional-cart-entry.style-1 .image{
        width: 100px;
    }
    .traditional-cart-entry.style-1 .content{
        margin-left: 115px;
    }
    .traditional-cart-entry.style-1 .quantity-selector .button{
        margin-right: 10px;
    }
    .traditional-cart-entry.style-1 .detail-info-entry-title{
        display: none;
    }
    .traditional-cart-entry.style-1 .quantity-selector .entry.number-plus{
        margin-right: 15px;
    }
    .quantity-selector .entry.number-minus{
        margin-left: 0;
    }
	.traditional-cart-entry .title samp{display: block; margin-left:0}
	.traditional-cart-entry .check_box {
    float: left;
    width: 40px;
    margin-top: 8px;
}
.wishlist-entry .column-2 {
    position: relative;
    margin: 0 0 0 40px;
        margin-bottom: 0px;
    top: auto;
    width: auto;
}
.button.style-12-4, .button.style-12-5{ margin-bottom:10px!important; font-size: 24px!important;}
.card-body{font-size: 16px!important;}
.step-ico{
	text-align: center!important;
}

}

/*0819 */
.thumbnail {
        border: 2px dashed #ccc;
    background: #fff;
    padding: 8px;
    margin: 0 auto;
    text-align: center;
	
}
.fileinput .thumbnail {
    display: inline-block;
    margin-bottom: 15px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
}

.article-container ul li:before {
    color: #ca1515;
}


.blog-landing-box.type-4.columns-3 .blog-entry .video  {
    margin-bottom: 25px;
}

/*0820 */
.m-heading-1 {
	margin: 0 0 20px;
	background: #fff;
	padding-left: 15px;
	border-left: 8px solid #88909a;
	line-height: 24px;
}

.border-green {
    border-color: #32c5d2!important;
}

.m-heading-1.m-bordered {
    border-right: 1px solid #10161c;
    border-top: 1px solid #10161c;
    border-bottom: 1px solid #10161c;
    padding: 15px;
}

.page-container-bg-solid .m-heading-1.m-bordered {
    border-right: 0;
    border-top: 0;
    border-bottom: 0;
}
.message-pro {
    color: #eb6100;
	
}

#lbOverlay {
 position: absolute;
 left: 0;
 width: 100%;
 background-color: #000;
 cursor: pointer;
}
#lbCenter, #lbBottomContainer {
 position: absolute;
 left: 50%;
 overflow: hidden;
 background-color: #fff; text-align: center; padding: 5px;
}
.lbLoading {
 background: #fff url(../loading.gif) no-repeat center;
} 
#lbImage {
 border: 10px solid #fff;
}
#lbPrevLink, #lbNextLink {
 display: block;
 position: absolute;
 top: 0;
 width: 50%;
 outline: none;
} 
#lbPrevLink {
 left: 0;
}
#lbPrevLink:hover {
 background: transparent url(prevlabel.gif) no-repeat 0% 15%;
}
#lbNextLink {
 right: 0;
}
#lbNextLink:hover {
 background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}
#lbBottom {
 font-family: Verdana, Helvetica, sans-serif;
 font-size: 10px;
 color: #666;
 line-height: 1.4em;
 text-align: left;
 border: 5px solid #fff;
 border-top-style: none;
}
#lbCloseLink {
 display: block;
 float: right;
 width: 66px;
 height: 22px;
 background: transparent url(closelabel.gif) no-repeat center;
 margin: 5px 0;
} 
#lbCaption, #lbNumber {
 margin-right: 71px;
}
#lbCaption {
 font-weight: bold;
} 

/*0821 */

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 0821服務條款與隱私權政策 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.terms-container{font-size: 14px; line-height: 22px; color: #808080; margin-bottom: 25px; font-family: "Microsoft JhengHei", sans-serif;}
.terms-container b{font-weight: 500; color: #2e2e2e;}
.terms-container a{color: #d14242;}
.terms-container li a{color: #808080}  
.terms-container a:hover{color: #d14242;}
.terms-container a:active{color: #d14242;}
.terms-container.columns-2{-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px;}
.terms-container.columns-3{-webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px;}
.terms-container p, .terms-container ul, .terms-container ol, .terms-container img{margin-bottom: 15px;}
.terms-container ol li{font-size: 14px;font-size: inherit; line-height: inherit; color: inherit;} 
.terms-container ul li{
	padding: 4px 0 4px 10px;
	list-style-type: none;
}
/*.terms-container ul li:before{content: "\f105"; font-family: FontAwesome; display: inline-block; margin-right: 5px;}*/
.terms-container h1, .h1{font-size: 32px; line-height: 32px; color: #2e2e2e; font-weight: 500; margin-bottom: 15px;}
.terms-container h2, .h2{font-size: 28px; line-height: 34px; color: #262626; font-weight: 300; margin-bottom: 15px;}
.terms-container h3, .h3{font-size: 24px; font-weight: 600; line-height: 28px; margin-bottom: 11px; color: #000;}
.terms-container h4, .h4{font-size: 14px; line-height: 22px; color: #262626; font-weight: 600; margin-bottom: 15px; text-transform: uppercase;}
.terms-container h5, .h5{font-size: 13px; line-height: 30px; color: #262626; font-weight: 600; text-transform: uppercase;}
.terms-container h5 .fa, .h5 .fa{font-size: 20px; color: #d14242; display: inline-block; vertical-align: middle; position: relative; top: -3px; margin-right: 5px;}
.terms-container h6, .h6{font-size: 11px; line-height: 18px; color: #262626; font-weight: 700; margin-bottom: 15px;}
.terms-container.style-1{font-size: 14px; line-height: 25px; font-weight: 300; margin-bottom:45px}
.style-1-2 {font-size: 16px; line-height: 25px; font-weight: 600; color: #313131;}
/*Phones (<768px)*/
@media (max-width: 767px) {
    .terms-container.columns-2, .terms-container.columns-3{-webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0px; -moz-column-gap: 0px; column-gap: 0px;}
}
/*0827 */
#popup-newsletter {
    font-family: 'Microsoft JhengHei', sans-serif;
}
#popup-newsletter .modal-dialog {
    max-width: 830px;
    width: 100%;
    margin: 0 auto;
    padding: 15px;
}
.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
}
.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}
.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.fade.in {
    opacity: 1;
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
@media (min-width: 992px) {
#popup-newsletter .modal-dialog {
    height: 100%;
    flex-direction: row;
    display: flex;
    align-items: center;
    justify-content: center;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -webkit-align-items: center;
    -webkit-justify-content: center;
}
}
@media (min-width: 768px){
.modal-dialog { 
    width: 600px;
    margin: 30px auto;
}
}
/*08271635 */
.table-bordered {
    border: 1px solid #ddd;
}
#cart_summary > thead, #cart_summary > tfoot {
    background: #f7f7f7;
    font-size: 16px;
}
 .table > thead:first-child > tr:first-child > th {
    border-top: 0;
	
}
.product-name {
    margin-top: 10px;
    margin-bottom: 10px;
	font-size: 16px;
}
#cart_summary td {
    vertical-align: middle !important;
    padding: 20px;
}


/*0828*/
.purchased-entry { padding:0; margin:0; line-height: 24px;}
.purchased-entry .title{
font-size: 18px;
    line-height: 28px;
    font-weight: 600;}
	
.purchased-entry .checkbox-entry {
    display: block;
    font-size: 16px;
    font-weight: 500;
}
.purchased-entry  .checkbox-entry input + span {
    cursor: pointer;
    display: inline-block;
    border: 1px #d9d9d9 solid;
    width: 12px;
    height: 12px;
    vertical-align: middle;
    color: #333232;
    position: relative;
    top: -1px;
    margin-right: 20px;
    position: relative;
}


.purchased-entry .subtotal {
    font-size: 18px;
    font-weight: 600;
}
.purchased-entry.butt { text-align: right;}
@media (max-width:480px){
	.purchased-entry .subtotal { margin:15px 0 0 35px}
	.purchased-entry .butt { margin:20px 0 0 35px}
	
	
}

/*0829 */
.video-icon .fa {
    display: inline-block;
    height: 65px;
    width: 65px;
    line-height: 65px;
}
radius-50 {
    border-radius: 50%;
}
.transition-3 {
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.background-l-blue {
    background-color: #00deff;
}
.color-fff {
    color: #fff;
}
.fs-20 {
    font-size: 20px;
}
.pl-3px {
    padding-left: 3px;
}

/*1002 */

.step-ico{ padding:0; margin:0}
.step-ico i{
	font-size: 55px;
	color:#777;
	margin-left:50px
	}

/*1003 */

.table-bordered-ope {
	border: 1px solid #dee2e6;
	margin-top: 30px;
	font-size: 14px;	
	 background: #fff;
}

 .table > thead:first-child > tr:first-child > th {
	font-size: 14px;
	font-weight: 600;
	padding: 10px;
	vertical-align: middle !important;
	border: 1px #e6e6e6 solid;
	background-color: #f8f9fa;
	text-align: center;
}
.table-bordered-ope td {
    padding: 1rem;
    vertical-align: top;
    border: 1px #e6e6e6 solid;
	width:25%
}


.line-block {
 
    border-bottom: 1px #ebebeb solid;
    padding: 10px 0;
    position: relative;

}
.detail-info-entry {
    margin-bottom: 10px;
    font-family: 'Microsoft JhengHei', sans-serif;
}

.line-block .title {
    font-size: 16px;
    color: #2e2e2e;
    font-weight: 500;
    line-height: 30px;
    float: left;
}
.line-block .socials-box {
    float: right;
}

.socials-box a {
    font-size: 16px;
    line-height: 20px;
    display: inline-block;
    color: #bababa;
    margin: 0 3px;
    text-align: center;
}
.line-block  .socials-box a {
    margin: 0;
}

/*1004 */


/*1018*/
.adv_title {
	font-weight: 600;
}
/*10.24. */
.scroller {
    padding: 35px  25px;
	margin-bottom:60px;
    background-color: #fff;
}
.scroller  h3{ margin-bottom:45px}
.feeds {
    margin: 0;
    padding: 0;
    list-style: none;
}
.feeds li {
	background-color: #fafafa!important;
	color: #82949a;
	padding: 0;
	margin-bottom: 10px;
	height:45px
}
 .col1 {
	float: left;
	height: 45px;
	width: 45px;
	text-align: center;
	color: #fff;
	background-color: #008bd5;
	
}
 .col1 i {
	line-height: 44px;
	font-size: 34px;
	font-weight: 600;
}
 .col2 {
	 float: left;
	 margin-left:10px;
	 line-height: 44px;
	 font-size: 16px;
	 
 }
  .col3 {
	float: left;
	height: 45px;
	width: 45px;
	text-align: center;
	color: #fff;
	background-color: #008bd5;
	
}
 .col3 i {
	line-height: 43px;
	font-size: 24px;
	font-weight: 500;
}
@media only screen and (max-width: 480px ) { 

/*10.24.手機版文字太長 */
 .col2 {
	 display : inline-block;
  overflow : hidden;
  text-overflow : ellipsis;
  white-space : nowrap;
  width : 240px;
 }

}

/*10.30. */
 .search-container {
    background-color: #fff;
	padding: 20px;
    margin-bottom: 40px;
}

.search-container>ul {
    padding: 20px;
    margin-bottom: 0;
}
.search-container>ul>.search-item-header {
    list-style: none;
    padding: 0 0 30px;
    border-bottom: 1px solid;
    border-color: #f4f6f8;
}

 .search-container>ul .search-item {
    list-style: none;
    padding: 20px 0;
    border-bottom: 1px solid;
    border-color: #f4f6f8;
}
 .search-container>ul .search-item>.search-content .search-title {
	font-size: 20px;
	margin: 0 0 15px;
	font-weight: 500;
}
.search-container>ul .search-item>.search-content .search-title>a:hover {
    text-decoration: none;
    color: #49a7fa;
}
.search-container>ul .search-item>.search-content .search-title>a {
    color: #4e5a64;
}
.search-container>ul .search-item>.search-content p {
	line-height: 30px;  
}
.search-container>ul .search-item>.search-content .search-desc {
    color: #666;
    font-size: 14px;
	font-weight: 500;
}

.search-container>ul .search-item>.search-content .search-desc>a {
    color: #49a7fa;
}
.font-grey-salt {
    color: #bfcad1!important;
}
.search-container>ul .search-item>.search-content .search-counter-number {
    font-size: 21px;
    color: #4e5a64;
    margin-bottom: 15px;
	text-align: center;
}
.search-container>ul .search-item>.search-content .search-counter-number2 {
    font-size: 24px;
    color: #cd0000;
    margin-bottom: 15px;
	text-align: center;
	font-weight: 500;
}


.search-container>ul .search-item>.search-content .search-counter-label {
    font-size: 14px;
    color: #8b96a4;
	font-weight: 400;
	text-align: center;
}
.search-content .col-sm-2 { width:20%}

.search-pagination {
    text-align: center;
	margin-bottom: 40px;
}
.s-pagination {
    display: inline-block;
}

.s-pagination {
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.s-pagination>li {
    display: inline;
}
.search-pagination .s-pagination>li>a, search-pagination .s-pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    color: #666;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
}

.s-pagination>li:first-child>a, .s-pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}


.s-pagination>li>a:hover,.s-pagination>li>span:focus,.s-pagination>li>span:hover ,.s-pagination>li>a .active {
    background-color: #eb6100;
    color: #fff;
}

.search-content-1 .search-container>ul .search-item>.search-content {
    padding-left: 120px;
}


.page-selector2 {
    padding: 15px 0 0 0;
    /* border-top: 1px #ebebeb solid; */
    /* border-bottom: 1px #ebebeb solid; */
    font-size: 0;
    margin-bottom: 30px;
}

.page-selector2 .description {
    float: left;
    font-size: 13px;
    line-height: 30px;
    font-weight: 400;
    color: #808080;
    margin-bottom: 15px;
}
.page-selector2 .pages-box {
    float: right;
}
.page-selector2 .square-button {
    margin-right: 4px;
    margin-bottom: 15px;
}
.page-selector2 .divider {
    display: inline-block;
    font-size: 18px;
    line-height: 18px;
    vertical-align: bottom;
    margin-right: 4px;
    margin-bottom: 15px;
}
.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f1f4f7;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
.well {
    border: 0;
    padding: 20px;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
}
/*11.07. */
.conf .checkbox-entry input + span {
    cursor: pointer;
    display: inline-block;
    border: 1px #d9d9d9 solid;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    color: #333232;
    position: relative;
    top: 3px;
    margin-right: 7px;
    position: relative;
}

.conf label span {
    color: #eb0101;
    font-size: 18px;
    line-height: 14px;
    display: inline-block;
    position: relative;
    vertical-align: bottom;
    margin-right: 5px;
    font-weight: 500;
}

/*新增css */