html,body {
	font-family: 'Noto Sans TC', 微軟正黑體, Microsoft JhengHei,Arial, sans-serif;
	font-size: 15px;
	font-weight: 400;
}
.master-wrapper-center {
    float: none;
    width: 100%;
    margin: 0px auto;
    display:block;
}
.publicize_100w{
	width: 100%;
}
.publicize ul, ol, li{
	font-weight: 300;
    color: #464646;
	line-height: 24px;
	padding: 0px;
	margin: 0px;
	}
.publicize h2{ font-size:38px; 
font-weight: 400; 
color:#ac9976; 
line-height: 1;
margin-block-start: 0;
margin-block-end: 0;
}
.publicize h3{
	font-size: 24px;
	font-weight: 400;
	color: #000000;
	line-height: 36px;
	border-bottom:none;
}
.publicize h4{
	font-size: 20px; 
	font-weight: 400;
	color: #932016;
	line-height: 30px;
}
.publicize p{
	font-size: 15px;
	font-weight: 300;
	color: #464646;
	line-height: 24px;
}
.publicize img{
	width: 100%;
height: auto;
}
.publicize a{
color: #000000;
}
.publicize a:hover
{
color:#ac9976;
-webkit-filter:brightness(.8)
}
.publicize #section2 a:hover, #section5 a:hover{	
-webkit-filter:brightness(1)
}
.publicize .button{ font-size: 20px; background-color:#ac9976;
color:#ffffff;
width: 235px;
	padding-top: 10px;
	padding-right: 8%;
	padding-bottom: 10px;
	padding-left: 8%;
	margin: 0.6em 0.6em;
	border: 1px solid #ac9976;
	}
.publicize .button:hover{
	color:#ac9976;
	background-color:#ffffff;
	border: 1px solid #ac9976;
	}
.publicize .button:active{ 
background-color:#ac9976;
color:#ffffff;
	}
.publicize .button2{
	font-size: 20px;
	color:#ac9976;
	background-color:#ffffff;
	border: 1px solid #ac9976;
    width: 235px;
	padding-top: 10px;
	padding-right: 8%;
	padding-bottom: 10px;
	padding-left: 8%;
	margin: 0.6em 0.6em;
	}
.publicize .button2:hover{
background-color:#ac9976;
color:#ffffff;	
}
.publicize .button2:active{ 
color:#ac9976;
	background-color:#ffffff;
	border: 1px solid #ac9976;
	}
/* 主圖
---------------------------------------------------------------------- */	
.publicize .section-content{
margin-top: 3em;
    margin-bottom: 2em;
    margin-left: 0px;
    margin-right: 0px;
}
.publicize .content{
	text-align: center;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 2em;
	margin-left: auto;
}
.publicize{text-align: left; line-height: 1.5em; font-size: 15px;
	padding-top: 0%;
	padding-right: 2%;
	padding-bottom: 0%;
	padding-left: 2%;
	}
.publicize .topbg{
	width:100%;
	background-color: #FFF;
	background-attachment: scroll;
	background-image: url(../images/top_bgph.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 54%;
}
.publicize .topbg h1{
	text-align: left;
	font-weight: 300;
	line-height: 1.3em;
	font-size: 60px;
	color: #000000;
	margin: 0px;
}
.publicize .topbg .block1{
  width: 100%;
	margin: 0px;
    padding-bottom: 1.2em;
		}
.publicize .topbg .block1>ol>li:first-child{
	border-top: none;
	margin: 0px;
	padding-top: 0px;
}
.publicize .topbg .block1 .content{ 
width: 50%;
height: auto;
float: left;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10%;
margin-left: 0px;
padding-top:10%;
}
.publicize .text_red{
	width: 220px;
	text-align: left;
	font-weight: 300;
	line-height: 1.8em;
	font-size: 25px;
	color: #660000;
	padding-top: 198px;
	padding-left: 246px;
}
.publicize .left_f{
	float: left;
    padding-top: 180px;
    position: relative;
	}
.publicize .left_f2{
	float: left;
    position: absolute;
    padding-left: 170px;
}
.publicize .left_f3{
    position: absolute;
    float: left;
	}
.publicize .line{
	width: 100%;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ac9976;
}
.publicize .g_bl{
	text-align: left;
    font-weight: 300;
    font-size: 18px;
    color: #fff;
    background-color: #ac9976;
    width: 120px;
    padding-right: 1%;
    padding-bottom: 4%;
    padding-left: 6%;
    padding-top: 4%;
    display: block;
}
/* 導覽列
---------------------------------------------------------------------- */
.nav-height{ height: 50px; text-align: center; }
.nav-wrap { height: 50px; text-align: center; width: 100%; background: #ffffff; border-top:1px solid #000000; }
.nav-wrap.navFix{position: fixed;top: 0; left: 0; background-color: #d8d8d8; transition: opacity .5s ease-out; z-index: 9999;} 
.nav-wrap ul {
	padding: 0 20px;
    margin: 0;
    display: inline-block;
}
.nav-wrap.navFix ul{ border-top: 0; display: inline-block;}
.nav-wrap li {
    text-align: center;
    line-height: 50px;
    float: left;
    margin-left: 20px;
	display:block;
}
.nav-wrap li a {display: block;padding: 0 3em; font-size:18px; text-decoration: none;}
.nav-wrap li a:hover{color: #ac9976;}
.nav-wrap li a.active {border-top:3px solid #ac9976;color: #ac9976;}
.nav-mobile {display: none;}
.click-me {width: 150px;height: 30px; background: #ac9976;color: #ffffff; text-align: center;line-height: 30px;}
.click-me a {display: block;color: #ffffff;}

/* 頁面
---------------------------------------------------------------------- */
.publicize .info_item1{
	margin-top: 2em;
    margin-right: 0px;
    margin-bottom: 4em;
    margin-left: 0px;
}
.publicize .info_item2{
	margin-top: 2em;
	margin-right: 0px;
	margin-bottom: 2em;
	margin-left: 0px;
	padding-left: 2em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #bababa;
}
.publicize .info_item2b{
	margin-top: 2em;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 2em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #bababa;
}
.publicize .info_item3{
	margin-top: 2em;
	margin-right: 0px;
	margin-bottom: 2em;
	margin-left: 0px;
	padding-right: 10em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #bababa;
}
#section1a{
	text-align: center;
}
#section1a .news {width: 100%; overflow:hidden;} 
#section1a .news a,#section1a .news img { display:block;} 
#section1a .news .img,
#section1a .news .img2,
#section1a .news .img3 {
	border:1px solid rgba(35,24,21,.3);
	box-sizing:border-box;
}

#section1a .news .img {
	width: calc(780/1400*100%);
    float: left;
}
#section1a .news .img2,
#section1a .news .img3 {
	width: calc(600/1400*100%);
    float: right;
}
#section1a .news .img2 {
	margin-bottom:calc(18/1400*100%);
}
#section2a{
	text-align: center;
	background-attachment: scroll;
	background-image: url(../images/300-1p_bg.jpg);
	background-repeat: no-repeat;
	background-size: 36%;
    background-position: right -6% bottom;
}
#section2a .content{
	text-align: center;
    width: 58%;
    margin-top: 4em;
    margin-right: 2em;
    margin-bottom: 4em;
    margin-left: 2em;
    float: left;
}
#section2a h2{ margin-bottom: 1em;
}
#section2a .red{color: #932016;
	}
#section2a h3{
	margin-bottom: 1em;
	border-bottom: none;
}
#section2a p{ margin-bottom: 4em;
	text-align: left;
}
#section2a .img_p{
	width:34%;
	margin-top: 4em;
	float: right;
}
#section2a .img_p .img {
	width: 100%;
    margin: 0 auto;
	}
#section2a .img_p .img img {
	width: 100%;
height: auto;
	}
#section3a{
	text-align: center;
}
#section3a h2{ color: #bababa; text-align: left;
margin-bottom: 0px;
}
.publicize .gold{
	color: #ac9976;
} 
/*特效
---------------------------------------------------------------------- */
#section4a{
	text-align: center;
}
#section4a h2{ 
color: #bababa; 
text-align: left;
margin-bottom: 0px;
}
.publicize .content2{
	background-attachment: scroll;
	background-image: url(../images/3_bg_1.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 68em;
	margin: 0px;
	padding-left: 6em;
	padding-right: 6em;
	padding-top: 4em;
	padding-bottom: 8em;
	}
#section4a .owl-carousel {width: 100%;}
#section4a .owl-carousel .item{
-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
	}
.h4a {
    font-size: 20px; 
	font-weight: 400;
	color: #ac9976;
	text-align:center;
    line-height: 30px;
	margin-top:0px
}
.black_center_rowa{
	text-align:center;
}
#section4a .owl-carousel img{width:100%;}
/*事項
---------------------------------------------------------------------- */
#section5a h2{
	color: #bababa;
	text-align: right;
	margin-bottom: 0px;
}
#section5a h4{
margin-top: 1em;
}
#section5a .content{
	width: 66%;
	float: left;
	text-align: left;
	list-style-type: disc;
}
#section5a li{
	margin-left: 1.8em;
	list-style-type: disc;
}
.publicize .bar{
    width: 30%;
    float: right;
    margin: 1em 0;
}
.publicize .row_20p1{
	width: auto;
margin-left: 2em;
margin-right: 2em; 
 	}
/*聯絡資料
---------------------------------------------------------------------- */
.publicize .footer{
	background-color: #ffffff;
	}
.publicize .footer .block{
	
	padding: 1em;
}
.publicize .footer .block>ol>li:first-child{
	border-top: none;
 margin: 1em 0;
	padding-top: 0;
}
.publicize .footer .block .content{
width: auto;
float: left;
}
.publicize .footer .block .content li{
	font-size: 18px;
	font-weight:400;
text-align: left;
margin:0 1em;
float: left;
}
.publicize .footer .block .right_icon3{ 
 float:right;
margin:0;
text-align: right;
	}	
.publicize .footer .block .right_icon3 img{ 
width:70%;
height:auto;
	}
.publicize .footer .block .right_icon3 img img{ 
width:100%;
height:auto;
	}			
/* Controls
---------------------------------------------------------------------- */

.controls {
    padding: 1em;
    font-size: 0.1px;
	text-align: right;
}

.control {
    position: relative;
    display: inline-block;
    width: 8rem;
    height: 2.2em;
    background: #ffffff;
    cursor: pointer;
    font-size: 15px;
    color: #ac9976;
	border: 1px solid #ac9976;
    transition: background 150ms;
	margin: 0 0.3em;
}

.control:hover {
    background: #ac9976;
	color:#ffffff;
}

.control[data-sort]:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    transform:  translateY(1px) rotate(45deg);
}

.control[data-sort*=":desc"]:after {
    transform:  translateY(-4px) rotate(-135deg);
}

.mixitup-control-active {
    background: #ac9976;
	color:#ffffff;
}

.mixitup-control-active[data-filter]:after {
    background: transparent;
}

.control:first-of-type {
    border-radius: 0 0;
}

.control:last-of-type {
    border-radius: 0 0;
}

/* Container
---------------------------------------------------------------------- */

.container {
    padding: 1rem;
    text-align: justify;
    font-size: 0.1px;
}

.container:after {
    content: '';
    display: inline-block;
    width: 100%;
}

/* Target Elements
---------------------------------------------------------------------- */

.mix,
.gap {
    display: inline-block;
    vertical-align: top;
}

.mix {
    background: #eef0f0;
    border-radius: 2px;
    margin-bottom: 1em;
    position: relative;
    font-family:'Noto Sans TC', 微軟正黑體, Microsoft JhengHei,Arial, sans-serif;
    font-size: 1em;
    font-weight: bold;
    color: #aaa;
}
.mix a{
    -webkit-filter:brightness(1);
	display:block;
	position:relative;
}
.mix a:hover{
	background: #e1e4e4;
    -webkit-filter:brightness(.8)
}
.mix:before {
    content: '';
    display: inline-block;
    /*padding-top: 56.25%;*/
}

.mix[data-published-date]:after {
    position: absolute;
    content: attr(data-published-date);
    width: 100%;
    top: 0;
    left: 0;
}
.mix img {
    width: 100%;
	height:auto;
}
.mix h4 {
     position: absolute;
    padding: 0.2em 1.2em;
    top: 0;
    left: 0;
	font-size: 15px;
    color: #ffffff;
    margin: 0;
    background-color: #ac9976;
}
.mix .p2 { 
    position: absolute;
    padding: 0.8em 1.2em;
    /*top: 18em;*/
	bottom:0;
    right: 0;
    font-size: 15px;
    color: #836939;
    text-align: right;
}
.mix h5 {
    padding: 0.5rem 0;
    color: #000000;
}
.mix p { 
font-size:13px;
    color: #848484;
	line-height: 20px;
}
.publicize .White_bg{
	text-align:center;
	background: #ffffff;
	padding: 1em 0;
}
/* 1 Columns */
.mix,
.gap {
    width: calc(100%/3 - (((3 - 1) * 1rem) / 3));
}
/* Grid Breakpoints
---------------------------------------------------------------------- */

/* 3 Columns */

@media screen and (max-width: 980px){
	.mix,
    .gap {
        width: calc(100%/3 - (((3 - 1) * 1rem) / 3));
    }
.publicize .topbg {
    background-size: 66vh;
}
.publicize .content2{
	background-size: 70em;
    padding-top: 7em;
    padding-bottom: 10em;
    padding-left: 6em;
    padding-right: 6em;
	}
#section2a {
    background-size: 50vh;
    background-position: right -5% bottom 50%;
}
.mix h4 {
    color: #ffffff;
}
}
@media screen and (max-width: 800px){
.eStore_block980 {
    width: 100%;
}
.eStore_footerLinks {
    width: 100%;
}
.publicize .topbg {
    background-size: 50vw;
}
#section2a {
   background-size: 24vh;
    background-position: right -8% bottom;
}
#section2a .content {
    width: 60%;
    margin-top: 2em;
    margin-right: 1em;
    margin-bottom: 2em;
    margin-left: 1em;
}
#section2a .img_p {
    width: 36%;
}
.publicize .content2 {
    padding-top: 7em;
    padding-left: 2em;
    padding-right: 2em;
}
.publicize .button, .publicize .button2 {
    width: 200px;
	font-size: 18px;
}
.mix h4 {
    color: #ffffff;
}
/*.mix .p2 { 
    top: 12.6em;
}*/
.nav-wrap li a {
    padding: 0 2.2em;
}
.publicize .footer .block .content li {
    margin: 0 10px;
}
}
/* 2 Columns */

@media screen and (max-width: 768px) {
.mix,
.gap {
    width: calc(100%/2 - (((2 - 1) * 1rem) / 2));
}
.mix h4 {
    color: #ffffff;
}
/*.mix .p2 { 
    top: 19.2em;
	}*/
.publicize h2 {
    font-size: 32px;
}
.publicize h4 {
    font-size: 18px;
}
.publicize .button, .publicize .button2 {
    width: 200px;
	font-size: 18px;
}
.nav-wrap li a {
    padding: 0 2em;
}
.publicize .topbg {
    background-size: 67vw;
}
.publicize .topbg .block1 .content {
    width: 60%;
    padding-bottom: 14%;
    padding-top: 25%;
    margin-bottom: 0px;
}
.publicize .left_f2 {
    padding-left: 170px;
}
.publicize .text_red {
    padding-left: 240px;
}
.publicize .g_bl {
    padding-left: 8%;
}
#section2a {
    background-size: 30vh;
    background-position: right -8% bottom;
}
#section2a p {
    margin-bottom: 2em;
}
#section2a .content {
    width: 62%;
    margin-top: 4em;
    margin-right: 0;
    margin-bottom: 4em;
    margin-left: 1em;
    float: left;
}
#section2a .img_p {
     width: 35%;
    margin-top: 4em;
}
#section4a {
    padding: 0px 0px;
}
.h4a {
    font-size: 18px;
}
.publicize .row_20p1 {
    margin-left: 1em;
}
.publicize .content2 {
	background-size: 54em;
    padding-top: 2.4em;
    padding-bottom: 4.2em;
    padding-left: 4em;
    padding-right: 4em;
}
.publicize .footer .block .content li{
    font-size: 16px;
}
}

@media screen and (max-width: 767px){
.publicize .left_f {
    padding-top: 168px;
}
.publicize .text_red {
    font-size: 24px;
	padding-top: 176px;
 }
.publicize .topbg {
    background-position: 240px top;
    background-size: 46vh;
}
.publicize .topbg h1 {
    font-size: 50px;
}
.publicize .button, .publicize .button2 {
    width: 180px;
	    font-size: 18px;
}
.nav-wrap li a {
    padding: 0 1.2em;
}
#section2a {
            background-size: 39vh;
    background-position: right -50% bottom;
}
#section2a .content {
    width: 52%;
	margin-top: 1em;
    margin-bottom: 1em;
}
#section2a .img_p {
	    width: 42%;
    margin-top: 5em;
}
#section4a {
    padding: 0px 1%;
}
.mix h4 {
    color: #ffffff;
}
/*.mix .p2 {
 top: 14.3em;
}*/
#section5a .content {
    width: 100%;
    margin-bottom: 2em;
	float: none;
}
.content2a {
    padding-left: 4em;
    padding-right: 4em;
}
.publicize .row_20p1 {
    margin-left: 1em;
    margin-right: 1em;
}
.publicize .bar {
    width: 100%;
    float: none;
    text-align: center;
}
.publicize .content2 {
    padding-left: 8em;
    padding-right: 8em;
    padding-top: 2em;
    padding-bottom: 4em;
    background-size: 74em;
}
}
@media screen and (max-width: 480px){
.mix,
.gap {
    width: calc(100%/1 - (((1 - 1) * 1rem) / 1));
}
.publicize h2 {
    font-size: 28px;
}
.publicize h3 {
    font-size: 20px;
}
.publicize .button, .publicize .button2 {
    width: 140px;
    font-size: 18px;
    padding-right: 1%;
    padding-left: 1%;
}
.nav-wrap ul {
    padding: 0;
}
.nav-wrap li {
    margin-left: 6px;
}
.nav-wrap li a {
	font-size: 15px;
    padding: 0 0.8em;
}
.publicize .topbg h1{
font-size: 40px;
}
.publicize .topbg {
	background-position: right top;
    background-size: 80vw;
}
.publicize .topbg .block1 .content {
   width: 90%;
   padding-bottom: 30%;
padding-top: 64%;
}
.publicize .text_red {
width: 194px;
    font-size: 19px;
    padding-left: 162px;
    padding-top: 125px;
}
.publicize .left_f2 {
    padding-left: 116px;
}
.publicize .g_bl {
    font-size: 14px;
    width: 94px;
	padding-left: 5%;
    padding-right: 0px;
}
.publicize .left_f {
	padding-top: 108px;
	}
.publicize .info_item2, .publicize .info_item3 {
    padding-right: 0px;
padding-left: 0px;
}
#section1a .news .img, #section1a .news .img2, #section1a .news .img3{
	width: 100%;
    float: none;
	margin-bottom:2%;
}
#section2a {
    background-size: 40vh;
    background-position: right bottom -2em;
	margin-bottom: 0px;
}
#section2a h3 {
    padding: 0 2em;
}
#section2a .img_p .img {
    width: 100%;
    margin-right: 0;
    margin-bottom: 2.8em;
	}
#section5a .content, .publicize .footer .block .content, .publicize .footer .block .right_icon3 {
    width: 100%;
    margin: 0;
	float: none;
}
.publicize .content, .publicize #section2a .content {
    width: 100%;
	float: right;
}
#section2a .img_p {
    width: auto;
    margin: 2em;
    float: none;
}
.publicize .footer .block .right_icon3 img{
    width:70%;
}
#section4a {
    padding: 0px 1%;
}
.mix h4 {
    color: #ffffff;
}
/*.mix .p2 {
    top: auto;
    bottom: 6.5em;
}*/
.publicize .content2 {
     padding-left: 3em;
    padding-right: 3em;
    padding-top: 2.6em;
    padding-bottom: 2.6em;
    background-size: 63em;
}
.control {
    width: auto;
   }
.publicize .row_20p1 {
    margin-left: 1em;
    margin-right: 1em;
}
.publicize .bar {
    width: 100%;
    float: none;
    text-align: center;
}
.publicize .footer .block .content li {
    width: 100%;
	   float: none;
}
}