/* extracted from per-page inline <style> blocks (was duplicated on every page) */
/* shared block 1 */
.header {
	box-shadow: none;
	border-bottom: none;
}
.selfhead {
	margin-top: 20px;
}
@media (min-width: 1024px){
.row_5.col1 #Dyn_2_1 > div > div.module:not(.module-ads), .row_5.col1 #Dyn_2_1 > div.module:not(.module-ads), .row_4.col1 #Dyn_2_1 > div > div.module:not(.module-ads), .row_4.col1 #Dyn_2_1 > div.module:not(.module-ads), .row_3.col1 #Dyn_2_1 > div > div.module:not(.module-ads), .row_3.col1 #Dyn_2_1 > div.module:not(.module-ads), .row_2.col1 #Dyn_2_1 > div > div.module:not(.module-ads), .row_2.col1 #Dyn_2_1 > div.module:not(.module-ads), .row_0.col1 #Dyn_2_1 > div > div.module:not(.module-ads), .row_0.col1 #Dyn_2_1 > div.module:not(.module-ads), .row_0.col1 .col_02 > .mcol > div + div, .footer > .minner, .header > .minner, .row_5.col3 > .mrow, .row_5.col2 > .mrow, .row_4.col3 > .mrow, .row_4.col2 > .mrow, .row_3.col3 > .mrow, .row_3.col2 > .mrow, .row_2.col3 > .mrow, .row_2.col2 > .mrow, .row_1 > .mrow, .row.col1.row_2 > .mrow, .row .col2 .row_0>.mrow, .col.col_02 #Dyn_2_4,.row.col1.row_3>.mrow {
	max-width: 1200px;
	margin: auto;
}}
@media (max-width: 768px){
.row_5.col1 #Dyn_2_1 > div > div.module:not(.module-ads), .row_5.col1 #Dyn_2_1 > div.module:not(.module-ads), .row_4.col1 #Dyn_2_1 > div > div.module:not(.module-ads), .row_4.col1 #Dyn_2_1 > div.module:not(.module-ads), .row_3.col1 #Dyn_2_1 > div > div.module:not(.module-ads), .row_3.col1 #Dyn_2_1 > div.module:not(.module-ads), .row_2.col1 #Dyn_2_1 > div > div.module:not(.module-ads), .row_2.col1 #Dyn_2_1 > div.module:not(.module-ads), .row_0.col1 #Dyn_2_1 > div > div.module:not(.module-ads), .row_0.col1 #Dyn_2_1 > div.module:not(.module-ads), .row_0.col1 .col_02 > .mcol > div + div, .footer > .minner, .header > .minner, .row_5.col3 > .mrow, .row_5.col2 > .mrow, .row_4.col3 > .mrow, .row_4.col2 > .mrow, .row_3.col3 > .mrow, .row_3.col2 > .mrow, .row_2.col3 > .mrow, .row_2.col2 > .mrow, .row_1 > .mrow, .row.col1.row_2 > .mrow, .row .col2 .row_0>.mrow, .col.col_02 #Dyn_2_4,.row.col1.row_3>.mrow {
	max-width: 750px;
	margin: auto;
}}
.mnavbar-header {
	float: right;
	clear: none;
}
.mnavbar {
	float: left;
}
.hdmenu2 {
	float: right;
	font-size: 12px;
}
.msearch {
	max-width: 300px;
	float: right;
	clear: right;
}
.owl-carousel .owl-item img {
	max-width: 1200px;
	margin-top: 15px;
}
.listBS [class*="col-"] {
	padding-left: 1.3em;
	padding-right: 1.3em;
}
.module {
	margin-top: 20px;
	margin-bottom: 20px;
}
.row.col2.row_1 {
	background: #eeeeee45;
}
.row.col3.row_1 {
	background: #eeeeee45;
}
.row.col1.row_3 {
	background: #eeeeee45;
}
.mt h3 {
padding:0;
}
.module-form .formBS .form-group [class*="col-"] {padding: 10px;}
/* shared block 2 */
@media (min-width: 481px) {
				.row_0 .col_01 { width: 0%;}
				.row_0 .col_02 { width: 100%;}
				.row_0 .col_03 { width: 0%;}
			}
/* shared block 3 */
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
html,
body {
    -webkit-text-size-adjust: none;
    line-height: 1.75em;
    font-family: 'Microsoft YaHei', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
img{
margin-top:5px;
margin-bottom:5px;
}
.breadcrumb>li:nth-child(2) {
    display: none;
}
#FOOT_BG {
    width: 100%;
    background: #323031;
    margin-top: 25px;
}
#FOOT_WORD {
    display: block;
    width: 100%;
    padding: 0 20px;
    overflow: hidden;
}
.F_01 {
    display: block;
    width: 100%;
    overflow: hidden;
    margin: 15px 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #9c9baa;
}
#F_02 {
    display: block;
    width: 100%;
    overflow: hidden;
    margin: 15px 0;
    padding-bottom: 15px;
}
.W_t01 {
	font-size: 20px;
	font-weight: bold;
    font-family: 'Microsoft YaHei', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: #fff;
}
.W_t02 {
    font: bold 15px/30px "微軟正黑體", Arial, Helvetica, sans-serif;
    color: #fff;
}
.W_t02 a {
    font: bold 15px/30px "微軟正黑體", Arial, Helvetica, sans-serif;
    color: #fff;
    text-decoration: none;
}
.W_t02 a:hover {
    color: #fff;
}
#WORD_BG {
    display: block;
    text-align: center;
    width: 100%;
    padding: 10px 15px;
    background: #323031;
    border-top: 1px dashed;
}
.foot_word {
    font: bold 15px/25px "微軟正黑體", Arial, Helvetica, sans-serif;
    color: #dfdfe4;
}
.foot_word a {
    font: bold 15px/25px "微軟正黑體", Arial, Helvetica, sans-serif;
    color: #dfdfe4;
    text-decoration: none;
}
.foot_word a:hover {
    text-decoration: underline !important;
}
.foot_word_red {
    font: bold 15px/25px "微軟正黑體", Arial, Helvetica, sans-serif;
    color: #ff0000;
    padding-top: 5px;
}
.store-title {
    text-indent: -9999px;
    height: 0;
    padding: 0;
    margin: 0
}
.store-introduction {
    display: block;
    width: 100%;
    padding: 0 10px;
    overflow: hidden;
    text-align: center;
}
.store-introduction h2 {
    padding: 10px 0 10px 0;
    font-weight: bold;
    color: #88a7c2;
    background-color: #fff;
}
.Ind_title {
    line-height: 2em;
    color: #fff;
    font-weight: bold;
    max-width: 660px;
    padding: 5px;
    margin: 0 auto;
}
 .Ind_img {
        margin-top: 10px;
        margin-bottom: 10px;
    }
.Ind_0 {
    max-width: 800px;
    text-align: -webkit-center;
    display: inline-block;
    margin-top: 10px;
}
.Ind_0 img {
    margin-top: 10px;
}
.Ind_1 {
    display: block;
    width: 100%;
    overflow: hidden;
}
.Ind_2 {
    display: block;
    width: 100%;
    overflow: hidden;
}
.style60{
font-size:12px;
font-weight:bold;
}
.mattr {
    width: 100%
}
.mattr-item {
margin-top:10px;
}
.marrt-item-img {
	float:left;
        widthL24px;
        height:24px;
	}
.tel{
background-image: url(../../ezfiles/594/1594/img/5230/telephone.webp);
}
.home{
background-image: url(../../ezfiles/594/1594/img/5230/house-black-silhouette-without-door.webp);
}
.hashtag{
background-image: url(../../ezfiles/594/1594/img/5230/icon.webp);
}
.parking{
background-image: url(../../ezfiles/594/1594/img/5230/parking-sign.webp);
}
.mattr-val {
    margin: 12px;
    padding-bottom: 6px;
    color: #607D8B;
    font-weight: bold;
    line-height: 1.75em;
}
.edm_text strong {
    color: #006;
}
.edm_text {
    padding-top: 10px;
}
#tab {
    width: 100%;
    background: #fff;
    margin-top: 20px;
}
/* 頁籤ul */
#tab>ul {
    overflow: hidden;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #88a7c2;
}
#tab>ul>li {
    list-style-type: none;
}
#tab>ul>li>a {
    text-decoration: none;
    font-size: 16px;
    color: #333;
    float: left;
    padding: 10px;
    margin-left: 5px;
}
/*頁籤div內容*/
#tab>div {
    clear: both;
    padding: 0 15px;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
/* span:target */
#tab-1:target,
#tab-2:target,
#tab-3:target,
#tab-4:target,
#tab-5:target {
    border: solid 1px red;
}
/*第一筆的底色*/
span:target ~ #tab > ul li:first-child a {
    background: #fff;
    color: #333;
}
span:target ~ #tab > div:first-of-type {
    visibility: hidden;
    height: 0;
    padding: 0 15px;
}
/*頁籤變換&第一筆*/
span ~ #tab > ul li:first-child a,
#tab-1:target ~ #tab > ul li a[href$="#tab-1"],
#tab-2:target ~ #tab > ul li a[href$="#tab-2"],
#tab-3:target ~ #tab > ul li a[href$="#tab-3"],
#tab-4:target ~ #tab > ul li a[href$="#tab-4"],
#tab-5:target ~ #tab > ul li a[href$="#tab-5"] {
    background-image: url(../../free-vector/green-gradient-watercolor-background_1354-19.webp);
    border-bottom: none;
    color: #ffffff;
    padding: 10px 20px;
    font-size: 16px;
}
/*頁籤內容顯示&第一筆*/
span ~ #tab > div:first-of-type,
#tab-1:target ~ #tab > div.tab-content-1,
#tab-2:target ~ #tab > div.tab-content-2,
#tab-3:target ~ #tab > div.tab-content-3,
#tab-4:target ~ #tab > div.tab-content-4,
#tab-5:target ~ #tab > div.tab-content-5 {
    visibility: visible;
    height: auto;
    background: #fff;
    padding-bottom: 30px;
}
    .contact {
        max-width: 800px;
        text-align: left;
        display: inline-block;
        margin: 20px 0px 20px 0px;
        border: 1px dashed #bbb;
        padding: 15px;
        border-radius: 10px;
    }
    .place {
        display: block;
        width: 46%;
        float: left;
        margin: 0 4% 0 0;
        padding: 0;
        border: 0;
    }
    .phone {
        display: block;
        width: 46%;
        float: left;
        margin: 0 0 0 4%;
        padding: 0;
        border: 0;
    }
    .googlemap {
        margin-top: 30px;
    }
    .shop-content-text {
        text-align: left;
        max-width: 660px;
        margin: 0 auto;
    }
    .mdetail {
        padding-left: 5px;
    }
    .color-life {
        color: #6f7178;
    }
.color-traffic{
color:#6c5c42;
}
.color-edu{
color:#5c877c;
}
    .tel-text {
        font-family: Arial Black;
        font-size: medium;
    }
    .store_tag_div {
        margin-bottom: -10px;
    }
    .store_tag {
        display: inline-block;
    }
    .store_tag >li {
        font-size: 0.85em;
        margin-right: 8px;
        padding: 0px 8px;
        float: left;
        list-style: none;
    }
    .li-text-life {
        color: #fff;
        background-color: #6f7178;
        font-weight: bold;
    }
    .li-text-traffic {
        color: #fff;
        background-color: #6c5c42;
        font-weight: bold;
    }
.li-text-edu{
color:#fff;
       background-color: #5c877c;
        font-weight: bold;
}
    .color-food {
        color: #c51400;
    }
    .li-text-food {
        color: #fff;
        font-weight: bold;
        background-color: #c51400;
    }
    .color-fashion {
        color: #ff6748;
    }
    .li-text-fashion {
        color: #fff;
        font-weight: bold;
        background-color: #ff6748;
    }
    .color-traffic {
        color: #6c5c42;
    }
    .li-text-traffic {
        color: #fff;
        font-weight: bold;
        background-color: #6c5c42;
    }
    .color-education {
        color: #5c877c;
    }
    .li-text-education {
        color: #fff;
        font-weight: bold;
        background-color: #5c877c;
    }
    .color-fun {
        color: #e42181;
    }
    .li-text-fun {
        color: #fff;
        font-weight: bold;
        background-color: #e42181;
    }
    .color-medical {
        color: #373c7d;
    }
    .li-text-medical {
        color: #fff;
        font-weight: bold;
        background-color: #373c7d;
    }
    .color-service {
        color: #7c594f;
    }
    .li-text-service {
        color: #fff;
        font-weight: bold;
        background-color: #7c594f;
    }
.pic-dec{
	padding:5px;
	border:1px solid #c4c4c4;
	}
    /*-----PC版型-----------------------------------------------------*/
@media screen and (min-width:1024px) {
    #FOOT_WORD {
        display: block;
        max-width: 1200px;
        padding: 10px 20px;
        margin: 0 auto;
        overflow: hidden;
    }
    .F_01 {
        display: block;
        width: 28%;
        float: left;
        margin: 0 4% 0 0;
        padding: 0;
        border: 0;
    }
    #F_02 {
        display: block;
        width: 36%;
        float: left;
        margin: 0 0 15px 0;
        padding: 0;
        border: 0;
    }
 .Ind_img {
        margin-top: 5px;
        margin-bottom: 5px;
    }
       .Ind_0 {
        max-width: 800px;
        text-align: -webkit-center;
        display: inline-block;
    }
    .Ind_0 img {
        margin-top: 20px;
    }
    .Ind_1 {
        display: block;
        width: 46%;
        float: left;
        margin: 0 4% 0 0;
        padding: 0;
        border: 0;
    }
    .style40 {
width: 40%;
margin: 0;
}
    .Ind_2 {
        display: block;
        width: 46%;
        float: left;
        margin: 0 0 0 4%;
        padding: 0;
        border: 0;
    }
.style60{
width: 60%;
margin:0;
margin-top:20px;
font-size:14px;
font-weight:bold;
}
img{
margin-top:10px;
margin-bottom:10px;
}
        .store-introduction {
        display: block;
        max-width: 1000px;
        padding: 10px 20px;
        margin: 0 auto;
        overflow: hidden;
        text-align: center;
    }
    .store-introduction h2 {
        padding: 10px 0 10px 0;
        font-weight: bold;
        color: #88a7c2;
        background-color: #fff;
    }
    .mattr {
        max-width: 38%;
        margin-left: 10px;
    }
.mattr-item {
margin-top:10px;
}
.marrt-item-img {
	float:left;
        widthL24px;
        height:24px;
	}
.tel{
background-image: url(../../ezfiles/594/1594/img/5230/telephone.webp);
}
.home{
background-image: url(../../ezfiles/594/1594/img/5230/house-black-silhouette-without-door.webp);
}
.hashtag{
background-image: url(../../ezfiles/594/1594/img/5230/icon.webp);
}
.parking{
background-image: url(../../ezfiles/594/1594/img/5230/parking-sign.webp);
}
    .mattr-val {
        margin: 12px;
        color: #607D8B;
        font-weight: bold;
    }
        #tab>ul {
        overflow: hidden;
        margin: 0;
        padding: 0px 20px 0 20px;
        border-bottom: 1px solid #88a7c2;
    }
.pic-dec{
	padding:5px;
	border:1px solid #c4c4c4;
	}
}
.h3_text{
	    padding-top: 20px;
    padding-bottom: 10px;
    font-weight: bold;
    color: #1386bc;
	}
.edm_text_name{
background-color: #006699;
    color: #fff;
    font-weight: bold;
    line-height: 3rem;
}
.go-pcurl, .module-minicart{
display:none;
}
