body{
	background-color: #fefefe;
	font-size:17px;
}

/*----------------------------------------------- layout -----------------------------------------------*/

hr {}
header {
	background-color: #fefefe;
	background-color:transparent;
	background-image: url(/images/1x1.png);	
}
.align-center, .center {
    text-align: center!important;
}
.header_bg {
	padding:0px 0px 0px 0px;
}
/*header 的高度由這控制 要用 padding */
.header_bg .logo_img {
	height:80px;
	padding-top: 10px;
    padding-bottom: 10px;
}
.header_bg .logo_img img{
	height: 100%;
}
.header_bg a {
	display:inline-block;
}

.header_top_bg {
	background: #eaeaea;
	color: #fff;
	padding: 6px 0 7px 0;
	font-size: 13px;
}


.header-phone {
	
}
.header-phone .header_line1 {
	width:100%;

}
.header-phone .header_line2 {
	width:100%;
}

.header-phone .fa_icon {
	font-size:28px;
	margin-right:10px;
	margin-top:25px;
	color: #232323;
}
.header-phone .txt {
	font-size:20px;
}

.header-desk {
	
}
.header-desk .header_bg {
}
.header-desk .header_line1 {
	width:100%;
}
.header-desk .header_line2 {
	
	height:1px;
	width:100%;
}
.header-desk .btn_group {
	text-align: center;
}
.header-desk .fa_icon {
	font-size:28px;
	padding:12px;
	border:1px solid transparent ;
}
.header-desk .fa_icon:hover {
	/*border-color:#ff5050;*/
}
.header-desk .txt {
	font-size:20px;
	line-height: 55px;
	border:1px solid transparent ;
}

.header-desk .header_top  {
	weight:100%;
	line-height:35px;
	height:40px;
	background-color: #6636a6;
	color:#fff;
	padding:0 15px ;
	box-shadow: 8px 0 5px -5px #ededed,-8px 0 5px -5px #ededed;
}


.header-desk .header_menu .logo {
	display: inline-block;
	padding-right: 1vw;
}

.header-desk .header_menu .member_menu  {
	margin-top:15px;
	float:right;
}

.header-desk .header_menu .header_middle{
	box-shadow: 8px 0 5px -5px #ededed,-8px 0 5px -5px #ededed;
	line-height:45px;height:80px;
	/*background-color: #d2f0f5;*/
}

.header-desk .header_menu .header_foot{
	background-color: #43cdee;
}

.header-desk .header_menu .header_foot .header_foot_menu_1{
	background-color: #07afd4;
	padding:15px;
	margin:0 0 0 20px;
	height:100%;
}

.header-desk .header_menu .header_foot .header_foot_menu_1 .hfm_left{
	float:left;
}
.header-desk .header_menu .header_foot .item_header_menu a.nav-link,
.header-desk .header_menu .header_foot .header_foot_menu_1 .hfm_left a{
	color:#fff;
}

.header-desk .header_menu .header_foot .item_header_menu a.nav-link:hover,
.header-desk .header_menu .header_foot .header_foot_menu_1 .hfm_left a:hover{
	color:#F08200;
}

.header-desk .header_menu .header_foot .header_foot_menu_1 .hfm_right{
	float:right;
	padding:3px;
	font-size:12px;
	margin: -3px -2px 0 0;
	background-color:#ffcd00;
	 border-radius: 6px;
}

.header-desk .header_menu .header_foot .header_foot_menu_1 .hfm_right a{
	font-size:12px;
}


.lang_sw {
	cursor:pointer;
}
.header_lang {
	display:none;
	position:fixed;
	padding: 5px;
	top:60px;
	right: 10vw;	/*會由 JS 處理 觸發時的位置偏移 */
	min-width:150px;
	background-color: #004E8C;
	color:#FFF ;
	border:1px solid #cccccc;
}
.header_lang .lang_txt {
	padding: 5px 10px 5px 10px ;
	cursor:pointer;
}
.header_lang .lang_txt:hover {
	background-color: #cce9ff ;
	color:#000000;
}

.header_menu {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #0FB086;	/*background-color : #004E8C;*/
	
}
.header_menu .item_header_menu .nav-link {
	display: inline-block;
	width:100%;
	color: #333;
	font-size: 18px;
	text-align: left;
	text-decoration: none;
	padding-top: 13px;
	padding-bottom: 10px;
}
.header_menu .item_header_menu  {
	display:inline-block ;
	margin : 0px 13px 0px 13px;
}
.header_menu .item_header_menu .dropdown-menu {
	display:none;
}
.item_header_menu .dropdown-menu .nav-link {
	background-color: #004E8C;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #2B7AA6;
	font-weight: bold;
}
.header_menu .item_header_menu.active > .nav-link  {
	
	font-weight: bold;	
}
.header_menu .item_header_menu.active .dropdown-menu {
    display:block;
}

.header_menu .item_header_menu .nav-link:hover {
	color: #F08200;	
}		
.item_menu_top_middle {
	background-color:#b3b3b3;
	color:#FFF;
	height:100%;
	line-height: 80px;
	text-align:center;
	font-size: 15px;
	display:none;
}
.item_menu_top_middle a {
	display:inline-block;
	width:100%;
	height:100%;
}
.item_menu_top_middle.active {
	background-color:#01508B;
}

@media (max-width: 575px) {
	header {
	}
	header.menu_open .header_menu {
		display:block !important ;
	}
	
	header.menu_open .header_lang {
		display:block !important ;
	}
	.header_lang {
		position:static;
		padding:0px;
		border:0px solid #cccccc ;
	}
	.header_lang .lang_txt {
		color: #ffffff;
		background-color: #004E8C;
		text-align:center;
		line-height: 72px;
		font-size: 18px;
	}
	.header_lang .lang_txt:hover {
		
		color: #fff;
	}
}




.header-phone .header_menu_btn {
	display:inline-block;
	width:100%;
	height:100%;
	padding-top: 10px;
	
	text-align: center;
    font-size: 30px;
	
}
.header-phone .menu_frame {
	position:relative;
	display: none ;
    width: 100%;
	position: fixed;
    top: 60px;
    left: 0px;
	z-index: 1000;
}
.header-phone .header_menu {
	width:100%;
	background-color:#fafafa;
	font-size:18px;
	overflow-x:hidden;
	overflow-y:auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0086B3;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #0086B3;
	margin-top:20px;
}
.header-phone .item_menu {
	padding:10px 5px;
	font-weight:700
}
.header-phone .item_menu a {
	border-bottom:2px solid transparent;
	color: #000;	
}
.header-phone .block_menu_f2 {
	padding-left:15px;
}
.header-phone .block_menu_f2 a {
	font-weight:400
}
.header-phone .item_menu a:hover {
	border-color: #0086B3 ;
}
header.menu_open .menu_frame {
	display:inline-block;
}

/* 要比 .header_bg 高*/
.section_top {	
	/*height:140px;*/
}
@media (max-width: 1109px) {
	.section_top {
		/*height:89px;*/
	}	
}
.bg_section {
	
}

footer .bg_footer {
}
footer .bg_footer1 {
	height:70px;	
	background: url('/images/content_bg.jpg') -30px repeat;
}
footer .footer_icon {
	text-align:center ;
}
footer .bg_footer2 {
	color: #FFF;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dc8f4e;
}
footer .bg_footer2 .fa-angle-right {
	color:#ff6600;
}
footer .bg_footer3 {
	border-top: 3px solid #7BBEE5;
	
}
footer .footer_link {
	width:80%;
	margin:0 auto;
	text-align: justify !important;
	text-justify: distribute-all-lines !important;
	text-align-last: justify !important;
	padding:10px 0px 10px 0px;
	color :#FFF ;
}

footer .footer_link .item_link + .item_link:before {
    content: "|" ;
}

footer .bg_footer4 {
	background-color: #fefefe;
}
footer .footer_copyright {
	padding:20px 0px 50px 0px;
	text-align:center;
	color: #333;

	font-size: 15px;
}

footer .bg_footer4 .link {
	padding:25px 5px 10px;
}

footer .bg_footer4 .last {
	text-align:right;
	padding-top: 25px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}

@media (max-width: 768px) {
	footer .bg_footer4 .last {
		text-align:center;
	}
} 


.btn_gotop {
	position:fixed;
	bottom : 5vh;
	right:2vw ;
	
	z-index:100;
	text-align:center;
	background-color: #cccccc ;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;
}
.btn_gotop .fa {
	padding:9px 10px 11px 10px;
	font-size:24px;
	font-weight:800;
}

.btn_arrow {
	background: none;
	border: 1px solid #E8E8E8;
	color: #BBBBBB;
	width: 30px;
	height: 30px;
	font-size: 18px;
	padding-top: 3px;
}
.btn_arrow:hover {
    color: #fff;
}

.btn_back {
	height: 30px;
	line-height: 28px;
	text-align: right;
	color: #717171;
	font-size: 13px;
	padding: 0 12px;
	border: 1px solid #ADADAD;
    transition: all .2s;
	background: #fff;
}
.btn_back:hover {
    transition: all .2s;
    background: #7E96B1;
    color: #ffffff;
}

.web_colo1 {
	color:#01508B;
	font-weight: bold;
}
.web_colo2 {
	color:#ff6600;
	font-weight: bold;
}
.web_colo3 {
	color:#B09781;
}
.page-title {
	font-weight:700;
}
.colo_tag,
.text_tag {
	color: #C2A254;
}

/*----------------------------------------------- view_index -----------------------------------------------*/

.container .con_bg {
	background-color: #f8f8f8;
	margin:0 0 ;
	padding-bottom:30px;
	box-shadow: 8px 0 5px -5px #ededed,-8px 0 5px -5px #ededed;
}
#index_left_page{
	padding: 0 0;
}

.banner img {
	width:100%;
	display: none;
}

.view_index .subject {
	font-size: 20px;
	line-height: 1.2;
	text-align: center;
	font-weight: bold;
	letter-spacing: 3px;
	text-indent: 3px;
}
/**/
.view_index .space_about {

	background-repeat: repeat-x;
	background-position: top;
}
/**/
.view_index .space_product {
}
.item_product {
	margin-bottom:40px;
	/*border: 1px solid #EBEBEB;*/
	background-color: #FFF;
	padding: 5px 15px;
	margin: 0 auto;
	height:350px;
}
.item_product .effect {
	position:absolute;
	top:0%;
	left:0px;
	width:100%;
	text-align: center;
	opacity :0 ;
}

.item_product .text {
	padding-top:10px;
	font-size: 14px;
}


.item_product .pic {
	height: 250px;
	display: table-cell;
	vertical-align: middle;
	text-align:center;
	
}

.view_index .item_product .pic {
	width:250px;
}

.view_index .item_product .description{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.categoty_product .item_product {
	border: 0px;
}

.categoty_product .item_product .item_product_text{
	float:left;
}


.categoty_product .pic_div{
	float: left;
	width: 100%;
	margin: 0 auto;
	padding-top: 5px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	border: 1px solid #dcdcdc;
}

.categoty_product .item_product .pic {

}

.categoty_product .item_product .pic img{
	max-height: 250px;
}

.categoty_product_index .categoty_product .item_product .pic {
	height: 200px;
}

.categoty_product_index .categoty_product .item_product .pic img{
	height: auto;
	max-height: 200px;
}

.space_about .padding_zero .item_product .pic {
	height: 250px;
}

.padding_zero .item_product .pic {
	height: 150px;
}


.categoty_product .category_shop_index .pic{
	height: 250px;
}

.item_product .tit {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;/* 顯示行數 Chrome&Safari */
	height: 48px;/* 顯示高度 IE&Firefox */
	font-size: 15px;
}

.item_product .money {
	font-size: 15px;
	color:#5d749f;
}
.item_product .b_money {
    text-decoration: line-through;
	font-size: 10px;
	color:#a8a9b9;
}

.view_index .shop_list{
	height:400px;
}

.item_product:hover .btn {
	color: red;
    border-color: red;
}
.item_product:hover .tit {
    color: #F9593C;
}

/* ca_shop_list */
.ca_shop_list .item_product {
	border: 0px;
}

.ca_shop_list .item_product .item_product_text{
	float:left;
}


.ca_shop_list .pic_div{
	float: left;
	width: 100%;
	margin: 0 auto;
	padding-top: 5px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	/*border: 1px solid #dcdcdc;*/
}

.ca_shop_list .item_product .pic {

}

.ca_shop_list .item_product .pic img{
	height: 250px;
}

.ca_shop_list .item_product .description {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.ca_shop_list .item_product .text{
	padding-top: 0px;
}

/**/

.steps{
	margin-top:25px; 
}
.steps ul{
	border: 1px solid #ededed;
	padding: 10px;
	background-color:#fff ;
}
.steps li {
  display: inline-block;
  text-align: center;
  text-transform: capitalize;
  width: 19.5%;
  background-color:#fff ;
  border-right: 1px dashed #e7e7e7;
}
/**/
.view_index .space_news {
	padding-bottom: 20px;
	background-color:#c3c3c3 ;
}
.item_news {
	margin-left: 5px;
    margin-right: 5px;
	margin-bottom: 30px;
	padding: 20px 15px 20px 15px;
	
	background: rgba(255,255,255,0.9);
	border: solid transparent;
    border-width: 5px 0px 5px 0px ;
}
.item_news .top {	
	margin-bottom:20px;
	color: #FFBB00;
    font-size: 24px;
	text-align:center;
}
.item_news .pic {
	position: relative;
    z-index: 1;
	text-align:center;
}
.item_news .pic img {
	border-radius: 10%;
	max-width:200px;
	height:160px;
	opacity: 0.9;
}
.item_news .date {
	display: block;
	position: relative;
	width: 65px;
    height: 65px;
	margin: -30px auto 5px auto;
	padding: 12px 0 0 0;
	
	background: #333;
	
    z-index: 2;
    
    border-radius: 0%;

    box-sizing: border-box;
    line-height: 1.1;
	font-style: normal;
    font-size: 13px;
	color: #c3d8d8;
	text-align: center;
}
.item_news .day {
	font-size: 25px;
}
.item_news .month {
	font-size: 13px;
}
.item_news .year {
	color: #C2A254;
	text-align: center;
}
.item_news .tit {
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.item_news .comm {
	
	color: #999999;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	
}
.item_news:hover {
	border-top-color: #80715C;
	border-bottom-color: #80715C;
	/* border-left-color: #cccccc ; */
	/* border-right-color: #cccccc ; */
	outline: 1px solid #ECECEC;
}
.item_news:hover .pic img {
	opacity: 1 ;
}

.menu_left_list_2 {
	background-color: #f8f8f8 ;
	padding:5px;	
}

.menu_left_list_2 .subject3{
	margin-bottom: 15px;
}

.menu_left_list_2 div{
	padding-left:5px;	
	margin-bottom: 10px;
}

/**/
.view_index .space_service {
	background: #333;
}
.view_index .bg_service_triangle {
	display: block;
	content: "" ;

    height: 50px;
    width: 100%;
	
	background: url('/images/bg_service_triangle.png') top center no-repeat ;
}
.space_service .subject {
	color: #fff;
}
/**/
.view_index .space_album {
	
}
.space_album .list {
	padding:20px 15px 50px 15px;
}
.item_album {
	position:relative;
	height: 250px;
}
.item_album .pic {
	float:left ;
	width:47%;
}
.item_album .pic img{
	width:100%;
	height:100%;
}
.item_album .text {
	float:left;
	width:53%;
	padding:10px;
	background: #817E6D;
	color: #FFF;
}
.item_album .text_border {
	width:100%;
	height:100%;
	border: 1px solid #ffea97;
}
.item_album .tit {
	height: 54px;	/* font-size*3 */
	margin: 50px 10% 40px 10%;
	
    font-size: 18px;
	text-align:center;
	overflow: hidden;
}
.item_album .icon {
	text-align:center;
	color: #FFEA97;
	font-size: 12px;
}
.item_album .icon .fa {
	font-size: 28px;
}
.item_album .arrow {
	position:absolute;
	top:100px;	/* 依 item_album 計算*/
	right:53%;
	
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 30px 30px 0;
	border-color: transparent #FFFCEE transparent transparent;
}
.item_album.sort_0 .arrow {
	right:auto;
	left:53%;
	border-width: 30px 0 30px 30px;
	border-color: transparent transparent transparent #FFFCEE;
}
.item_album:hover .text {
	background: #9E9C8D;
	color: #FFF;
}
.item_album:hover .arrow {
	border-right-color: #ffcc3f;
}
.item_album.sort_0:hover .arrow {
	border-left-color: #ffcc3f;
}

/*----------------------------------------------- view_about -----------------------------------------------*/
.subject2 {
	/* padding :15px 0px 20px 0px; */
	 padding :15px 0px 20px 0px;
	text-align:center;
	font-size: 30px;
	color: #333;
	/*background-image: url('/images/mbg.jpg');*/
	background-repeat: repeat-x;
	background-position: top;
}
.subject2 .fa-sort-down {
	color: #999999;
}
.subject2 .link{
	text-align:left;
	font-size: 13px;
	color: #4F4F4F;
	margin-right: 25px;	
}

.subject2 .link a{
	color: #444;
	font-size: 14px;
}
.subject2 .link a:hover{
	color: #F08200;
}

.subject3{
	font-size: 30px;
	color: #333;
	font-weight: bold;
	margin-bottom: 25px;	
}
/*----------------------------------------------- view_product -----------------------------------------------*/
.view_product {
}
.space_detail .product_name {
	font-size: 30px;
	line-height: 1.2;
	color: #445870;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 27px;
	margin-left: 0px;
}	
.space_detail .product_show {
	min-height:300px;
	text-align:center;
	vertical-align:middle;
	margin-bottom: 15px;
	border: 1px solid #CCC;
	padding-top: 8px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 8px;
	background-color: #FFF;
}
.space_detail .product_show img {
	
}
.space_detail .product_preview {
	padding: 10px 5px 10px 0px;
	text-align:center;
	cursor:pointer;
	border:1px solid #cccccc;
	background-color: #FFF;
}
.space_detail .product_preview img {
	width:80px;
	height:80px;
	
}
.space_detail .comm {
	padding-bottom: 10px;
	font-size: 15px;
	color: #333;
	padding-top: 10px;
}
.space_detail .fragment {
	margin-top: 35px;
	border: solid #E8E8E8;
	border-width: 1px 0;
	color: #FFF;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	background-color: #DC8F4E;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 9px;
	padding-left: 0px;
}
.product-content {}
/*----------------------------------------------- view_article -----------------------------------------------*/	
.block_tag {
	
}
.block_text .title {
	text-align:left;
}
.block_text .block_date {
	position: absolute;
    top: -25px;
	left:5%;
}
.block_date {
	text-align: center;
}
.block_date .year_month {
	display: inline-block;
	width: 50px;
    height: 50px;
	padding:2px;
	
    border-radius: 50%;
	background: #444;
    color: #F6F6F6;
	float: left;
}
.block_date .year_month .year {
	font-size: 13px;
}
.block_date .day {
	display: inline-block;
	width: 50px;
    height: 50px;
	padding:4px;
	
    border-radius: 50%;
	background: #444;
    color: #c2a254;
	font-size: 25px;
	float: left;
}
.space_tag .block_tag {
	padding: 20px 15px;
	background: #F6F6F6;
    border: 1px solid #E8E8E8;
}
	
.btn-add_cart2 {
    padding: 8px 35px 6px 35px;
    background-color: #445870;
    border: 2px solid #445870;
    color: #fff;
    font-size: 15px;
}

.product-content h3{text-transform:capitalize;margin:10px 0;color:#272727}
.product-content .product-word{
		color:#75787B;
		margin-top:30px;
		font-size:15px;
		line-height: 25px;
}
.product-content .price-area .money{
		font-size:32px;
		font-weight:400;
		font-family:"Century Gothic";
		font-weight:bold;
		color:#81b112
	}
.product-content .prices{text-decoration:line-through;font-size:20px;margin-right:10px}
.product-content .product-choose{
		margin-top:10px;
		font-size: 15px
		color: #960;
	}
.product-content .product-choose select{border:1px solid #7b7b31;padding:5px}
.product-content .product-pay{
		margin-top:10px;
		color: #75787B;
		font-size: 12px;
		line-height: 20px;
	}
.product-content .product-paygo{margin-top:25px}
.product-content a.product-box{
		margin-top:35px;
		font-size: 12px;
		color: #960;
		display: inline-block;
		background-image: url(../images/heart.png);
		background-repeat: no-repeat;
		padding-left: 20px;
		text-decoration: none;
	}
.product-content a.product-box:hover{
		color: #a2a202;
	}
.product-content a.product-box2{
		margin-top:10px;
		font-size: 12px;
		color: #960;
		display: inline-block;
		background-image: url(../images/heartadd.png);
		background-repeat: no-repeat;
		padding-left: 20px;
		text-decoration: none;
	}
.product-content a.product-box2:hover{
		color: #a2a202;
	}
.product-content a.product-box3{
		margin-top:10px;
		font-size: 12px;
		color: #960;
		display: inline-block;
		padding-left: 20px;
		text-decoration: none;
	}
.product-content a.product-box3:hover{
		color: #a2a202;
	}
	.bcolor{
		color: #999;
		margin-top: 45px;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #E0E0E0;
		padding-bottom: 10px;
	}
	.ccolor{
		color:#75787B;
		margin-top: 45px;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #E0E0E0;
		padding-bottom: 10px;
	}
	.ecolor{
		color: #8a8a4b;
		margin-top: 45px;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #E0E0E0;
		padding-bottom: 10px;
	}
	.gcolor{
	color: #999;
	margin-top: 45px;
	padding-bottom: 10px;
	font-size: 25px;
	}
.tn-add_cart2 {
    padding: 8px 35px 6px 35px;
    background-color: #66686b;
    border: 2px solid #66686b;
    color: #fff;
    font-size: 15px;
}	
.index_bar {
	line-height: 30px;
	background-color: #dc8f4e;;
	color:#FFF;
	font-size: 18px;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
}
.bar_arrow {
	margin: 0 auto 30px auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 50px 0 50px;
	border-color: #dc8f4e transparent transparent transparent;
}
	
	.cart-table{padding:20px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.2);box-shadow:0 1px 1px rgba(0,0,0,0.2);background:#fff}
	.tablelist{font-size:18px;width:100%;max-width:100%;margin-bottom:10px;border:1px solid #EBEBEB}
	.tablelist th{
	vertical-align:bottom;
	border-bottom:2px solid #ddd;
	font-size:18px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-weight: normal;
	color: #293a02;
	text-align: left;
}
	.tablelist tr td{padding:10px;border-top:1px solid #ddd}
	.tablelist td input[type="text"]{
	border:1px solid #9c948c;
	text-align:center;
	height:20px;
	color: #777;
}
	.tablelist td span.fee3{color:#06f}
	.tablelist a{
	color:#0f6ba2;
	text-decoration:none
}

	.table-responsive{overflow-x:auto}
	
	
.dproduct_namea {
	font-size: 36px;
	line-height: 1.2;
	color: #445870;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.dproduct_nameatext{
    font-size: 18px;
}
.estep ul{
	margin-bottom: 20px;
	text-align: left;
}
.estep li{
	display: inline-block
	width: 25%;
	font-size: 18px;
}

.estep li.nb01{
	display: inline-block;
	height: 45px;
	background-repeat: no-repeat;
	padding-top: 15px;
	letter-spacing: 1px;
	text-align: left;
	margin-right: 15px;
}
.estep li.nb02{
	display: inline-block;
	height: 45px;
	background-repeat: no-repeat;
	padding-top: 15px;
	letter-spacing: 1px;
	text-align: left;
	margin-right: 15px;
}
.estep li.nb03{
	display: inline-block;
	height: 45px;
	background-repeat: no-repeat;
	padding-top: 15px;
	letter-spacing: 1px;
	text-align: left;
	margin-right: 15px;
}

.w18{
	font-size: 18px;
}
	.regioanav{
	width:100%;
	margin-top: 45px;
	margin-right: 0;
	margin-bottom: 25px;
	margin-left: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

	.regioanav ul{margin:0;padding:0;list-style-image:none;list-style-type:none}
	.regioanav li a{
		display:block;
		float:left;
		font-size:18px;
		font-family:"微軟正黑體","新細明體",sans-serif;
		color:#333;
		margin-right:2px;
		text-decoration:none;
		padding-top: 5px;
		padding-right: 15px;
		padding-bottom: 5px;
		padding-left: 15px;
	}
	.regioanav li a:hover{background:#FFA813;color:#fff}
	.regioanav li{
		margin:0;
		text-align:center;
		line-height:20px;
		color:#fff;
		display:inline-block
	}
	.regioanav a.current{
	margin-top:0;
	font-size:18px;
	color:#FFF;
	background-color: #7E96B1;

	}
.lookview{
	position: fixed;
	bottom: 20vh;
	right: 2vw;
	z-index: 100;
	width:100px;
	text-align:center;
	margin:0;
	background-color:#FFF;
	border:1px solid #cdcdcd;
	padding-bottom: 10px;
	display: none;
}

.number{
	margin-bottom: 5px;
	font-size: 18px;
}
.data{
	margin-bottom: 5px;
}
.status{
	margin-bottom: 5px;
}
.remittance {
	margin-bottom: 5px;
}
.totla{
	margin-bottom: 5px;
}
.payoder{
	margin-bottom: 5px;
}
.form-group-in {
    margin-bottom: 20px;
    font-size: 18px;
    border: 1px solid #cccccc;
    padding: 20px;
    color: #333;
}
.form-group {
    
}

.text-lg-right {
    text-align: right !important;
}
.col-form-label {
    padding-top: calc(0.5rem - 1px * 2);
    padding-bottom: calc(0.5rem - 1px * 2);
    margin-bottom: 0;
}

/*----------------------------------------------- 會員登入 -----------------------------------------------*/
.col-form-label {
    padding-top: calc(0.5rem - 1px * 2);
    padding-bottom: calc(0.5rem - 1px * 2);
    margin-bottom: 0;
}

@media (min-width: 992px) {
	.mem_login{
		width: calc(600pt + 45px );
		margin:0px auto;
		padding:20px 195px;
	}
}

.mem_login .hr1 {
   border-top: 2px solid #c0c0c0;
   margin-top:20px;
   width:100%:
}

.mem_login .hr_word {
    height: 20px;
    width: 50px;
    position: relative;
    left: 45%; 
    top: -12px;  
     
    font: normal 1.2em/20px 微软雅黑;
    vertical-align: middle;
    text-align: center;
    border-radius: 4px;
	color:#999999;
	
	font-size:13px;
	
	background-color:#fefefe;
}

.mem_login  .fb_login{
	width:100%;
    padding: 10px 35px 9px 35px;
	background-color: #4267b2;
    border: 2px solid #4267b2;
    color: #fff;
    font-size: 17px;
	border-radius: 5px;
	text-align:center
}

.mem_login  .fb_login:hover{
    border: 2px solid #112d64;
}


.mem_login  .fb_login .fa{
	font-size:25px;
}

.mem_login  .btn_login {
	width:100%;
    padding: 10px 35px 9px 35px;
    background-color: #019E97;
    border: 2px solid #019E97;
    color: #fff;
    font-size: 17px;
	border-radius: 5px;
}

.mem_login  .btn_login:hover {
    border: 2px solid #019E97;
}

/*----------------------------------------------- 會員登入 -----------------------------------------------*/
.shop_menu {
	position:fixed;
	top : 12vh;
	left:2vw ;
	
	z-index:100;
	text-align:center;
	width:30px;
	line-height:24px;
	
	background-color: #FFFFFF ;
	border: 1px solid #929292; 
}
.shop_menu_list{
	position:fixed;
	top : 12vh;
	left:4.2vw ;
	
	z-index:100;
	text-align:left;
	width:200px;
	height:600px;
	line-height:24px;
	
	background-color: #FFFFFF ;
	border: 1px solid #929292; 
	padding:10px;
	/*color:#979495;*/
	box-shadow:2px 2px 3px 2px #ebebeb;
	display:none;
}

.product_type_menu {
	position:fixed;
	top : 35vh;
	left:2vw ;
	z-index:100;
	text-align:center;
	width:30px;
	line-height:24px;
	
	background-color: #FFFFFF ;
	border: 1px solid #929292; 
}

.product_type_menu_list{

	z-index:100;
	text-align:left;
	width:200px;
	min-height:600px;
	line-height:24px;
	
	background-color: #f8f8f8 ;
	/*border: 1px solid #cccccc; */
	padding:5px;
	/*color:#979495;*/
	/*box-shadow:3px 3px 3px 1px #cccccc;*/
}

.product_type_menu_list .ab_list {
	padding:15px 15px 0 0;
	text-align: center;
}


.product_type_menu_list .ab_list .pict{
	width:190px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.product_type_menu_list .ab_list .ab_line{
	border-top: 2px solid #c0c0c0;
	width: 100%;
	margin: 5px auto 25px;

}

.product_type_menu_list .ab_list .pict .ab_title{

	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	height: 24px;
	font-size: 15px;
}

.shop_menu_list div, .product_type_menu_list div{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	padding:5px 0 10px 20px ;
}

.shop_menu_list div a:hover, .product_type_menu_list div  a:hover{
	color:#4b93db
}

.section_menu  .shop_title{
	color:#000;
	margin-bottom:12px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	font-weight: bold;
	font-size: 20px;
}



/*----------------------------------------------- 商家首頁 -----------------------------------------------*/
.shop_index_title{
	font-weight: bold;
	text-align:center;
	font-size:24px ;
}

.blue_btn{

    padding: 5px 20px 4px 20px;
	background-color: #10567b;
    border: 2px solid #10567b;
    color: #fff;
    font-size: 17px;
	border-radius: 5px;
	text-align:center
}

.blue_btn:hover{
    border: 2px solid #112d64;
}

.blue_btn2{

    padding: 5px 20px 4px 20px;
	background-color: #003354;
    border: 2px solid #003354;
    color: #fff;
    font-size: 17px;
	border-radius: 5px;
	text-align:center
}

.blue_btn2:hover{
    border: 2px solid #000;
}


.blue_btn3{

    padding: 2px 10px 1px 10px;
	background-color: #10567b;
    border: 1px solid #10567b;
    color: #fff;
    font-size: 13px;
	border-radius: 3px;
	text-align:center
}

.blue_btn3:hover{
    border: 1px solid #112d64;
}

.share_div{
	color:#929295;
}

.shop_index_banner_list{
	width:100%;
}

@media (min-width: 1200px) {
	.shop_index_banner_list{
		width:1400px;
	}
}


.product .left_pict_demo .pic{
	margin: 0 5px 25px;
	border:1px solid #929292;
}
/*----------------------------------------------- 最新消息 -----------------------------------------------*/
.word_news_content div{
	margin-bottom:15px;
}

/*----------------------------------------------- 會員專區 -----------------------------------------------*/
.mem_title{
	font-size: 18px;
	color:#003354;
}

/*----------------------------------------------- 分頁 -----------------------------------------------*/
.pagination_center{
	margin:30px 0 0 0;
	width:100%;text-align:center;
}