@charset "utf-8";

map *:focus {
	outline: none!important;
}

a,
button {
	outline: none!important;
	/* for Firefox Google Chrome  */
	behavior: expression(this.onFocus=this.blur());
	/* for IE */
}
h1 span,h2 span,h3 span,h4 span,h5 span,p span{
	display: inline-block;
}

.de_table{
	width: 100%;
}
.de_table_center td{
	text-align: center;
}
.de_main b,
.de_table th {
	font-weight: bold;
}


.de_img {
	width: 100%;
	display: block;
}
.de_img_900{
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}
.de_img_800{
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
.de_img_400{
	max-width: 400px;

}
.de_tit_line span {
	display: inline-block;
}


/*距離*/

.m-auto {
	margin: auto
}

.mx-0 {
	margin-left: 0!important;
	margin-right: 0!important
}

.mx-4 {
	margin-left: 1rem;
	margin-right: 1rem
}

.mx-12 {
	margin-left: 3rem;
	margin-right: 3rem
}

.mx-auto {
	margin-left: auto;
	margin-right: auto
}

.my-2 {
	margin-top: .5rem;
	margin-bottom: .5rem
}

.my-3 {
	margin-top: .75rem;
	margin-bottom: .75rem
}

.my-4 {
	margin-top: 1rem;
	margin-bottom: 1rem
}

.my-6 {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem
}

.my-7 {
	margin-top: 1.75rem;
	margin-bottom: 1.75rem
}

.my-8 {
	margin-top: 2rem;
	margin-bottom: 2rem
}

.my-10 {
	margin-top: 2.5rem;
	margin-bottom: 2.5rem
}

.my-16 {
	margin-top: 4rem;
	margin-bottom: 4rem
}

.my-20 {
	margin-top: 5rem;
	margin-bottom: 5rem
}

.mt-0 {
	margin-top: 0!important
}

.mt-2 {
	margin-top: .5rem
}

.mt-3 {
	margin-top: .75rem
}

.mt-4 {
	margin-top: 1rem
}

.mt-5 {
	margin-top: 1.25rem
}

.mt-6 {
	margin-top: 1.5rem
}

.mt-7 {
	margin-top: 1.75rem
}

.mt-8 {
	margin-top: 2rem
}

.mt-10 {
	margin-top: 2.5rem
}

.mt-16 {
	margin-top: 4rem
}

.mt-2\.5 {
	margin-top: .625rem
}

.mr-0 {
	margin-right: 0
}

.mr-2 {
	margin-right: .5rem
}

.mr-3 {
	margin-right: .75rem
}

.mr-5 {
	margin-right: 1.25rem
}

.mb-0 {
	margin-bottom: 0!important
}

.mb-1 {
	margin-bottom: .25rem
}

.mb-2 {
	margin-bottom: .5rem
}

.mb-3 {
	margin-bottom: .75rem
}

.mb-4 {
	margin-bottom: 1rem
}

.mb-5 {
	margin-bottom: 1.25rem
}

.mb-6 {
	margin-bottom: 1.5rem
}

.mb-7 {
	margin-bottom: 1.75rem
}

.mb-8 {
	margin-bottom: 2rem
}

.mb-10 {
	margin-bottom: 2.5rem
}

.mb-16 {
	margin-bottom: 4rem
}

.mb-20 {
	margin-bottom: 5rem
}

.mb-24 {
	margin-bottom: 6rem
}

.ml-4 {
	margin-left: 1rem
}

.ml-6 {
	margin-left: 1.5rem
}

.ml-auto {
	margin-left: auto
}

@media (max-width: 550px) {
	.mt-16 {margin-top: 2rem;}
	.mb-16{margin-bottom: 2rem;}
}


/*左右排*/
.de_flex {
	display: flex;
	align-items: center;
}

/*水平置中*/
.de_flex_center {
	justify-content: center;
}
.de_center {
	text-align: center;
}

/*置上*/
.de_flex_top {
	align-items: flex-start;
}

/*齊頭尾*/
.de_flex_between {
	justify-content: space-between;
}



/*影片*/

.de_video {
	position: relative;
	width: 100%;
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.de_video iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.de_video img {
	width: 100%;
	display: block;
}


.mb,
.mb_b {
	display: none!important;
}

@media (max-width: 800px) {
	.pc {
		display: none!important;
	}
	.mb {
		display: block!important;
	}
	.mb_b {
		display: inline-block!important;
	}
}



/*ul預設無點點*/

.de_ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

.de_ul li {
	margin-bottom: 20px;
}

.de_ul li:last-child {
	margin-bottom: 0;
}

@media(max-width:600px) {
	.de_ul li {
		margin-bottom: 15px;
	}
}




/*ul數字*/

.de_ul_decimal {
	list-style: decimal;
	margin-left: 20px;
}



/*ul實心點*/

.de_ul_disc {
	list-style: disc;
	margin-left: 20px;
}


/*ul中空點*/

.de_ul_circle {
	list-style: circle;
	margin-left: 20px;
}



/*ul中空點*/

.de_two_line {
	display: flex;
	flex-wrap: wrap
}

.de_two_line li {
	width: 50%;
}


.de_ul span {
	display: inline-block;
}

/*表格*/
.de_table-title {
	background: #FFEF00;
	color: #fb48c4;
	display: block;
	text-align: center;
	padding: 2.4rem;
}
.de_table {
	width: 100%;
}
.de_table tr td:first-child, .de_table tr th:first-child {
	width: 140px;
}
.de_table td, .de_table th{
	text-align: center;
	padding: 1.6rem;
	border-bottom: 1px solid #4a4a4a;
	font-size: 1.5rem;
}
@media (max-width:768px) {
	.de-h4-sans, h4 {
		font-size: 5.1vw !important;
	}
	.drunk-mag-article #primary.primary-content .article-body p, .drunk-mag-article #primary.primary-content .article-body p.first-paragraph {
		font-size: 4vw !important;
	}
	.drunk-mag-article #primary.primary-content .article-body h3 {
		font-size: 4vw;
	}
	.de_table td, .de_table th{
		font-size: 4vw;
	}
}
/*部落格*/
.de_blog a {
	text-decoration: underline;
}
@media (min-width: 1512px) {
    .drunk-mag-article #primary.primary-content .article-body {
        padding-right: 40rem;
    }
}
@media (min-width: 1921px) {
    .drunk-mag-article #primary.primary-content .article-body {
        padding-right: 60rem;
    }
}

/**** 作者欄style *****/
.author_info_wrap {
	width: 100%;
	max-width: 926px;
	margin-top: 3em;
}

.author_info_wrap p{
	text-align: justify;
}

.author_title {
	background-color: #a6a4a4;
	display: inline-block;
	padding: 0.5em 1.5em;
	color: #fff !important;
	margin-bottom: 0 !important;
	letter-spacing: 0.1em!important;
}

.author_info_main {
	border: 0.5px solid #a6a4a4;
	padding: 1.5em
}

.author_info_main p {
			text-align: justify !important;
}

.author_info_main a {
	text-decoration: underline;
}

.author_info_main .brand_name {
	font-size: 18px!important;
	/*font-size: 2vw;*/
	font-weight: bold;
	margin-bottom: 1.5em;
}

.author_info_main .brand_name img {
	width: 35%;
	max-width: 400px;
	display: inline-block;
	vertical-align: text-bottom;
	margin-right: 0.4em;
}

@media(max-width:820px) {

	.author_info_wrap {
		max-width: none;
		margin-top: 20vw;
	}

	.author_info_main .brand_name img {
		width: 60vw;
	}
	.author_info_main .brand_name {
		font-size: 4vw !important;
	}

	.author_title {
		width: 100%;
	}

}