body {
	margin: 0px;
	font-family: Montserrat;
}

.main-navigation ul li {
	font-size: 1.1rem;
	font-weight: 500px;
	padding-left: 0.5vw;
    padding-right: 0.5vw;
}

#primary-menu a {
	font-size: 1.1rem;
	font-weight: 500px;
}

.slick-next {
	right: 0px !important;
}

.slick-prev {
/*	z-index: 1;
	left: 0px !important; */
}

.slick-dots li button:before {
	font-size: 21px !important;
}

.flexslider .slides .item {
	background-size: contain;
}

.clearfix {
  overflow: auto;
}

.modal {
	background-color: white;
	width: 100vw;
	height: 100vh;
	padding: 20vh 30vw;
}

.modal .close {
	position: absolute;
	right: 8vh;
	top: 5vh;
	opacity: .5;
    font-size: 30px;
    z-index: 100;    
}

.modal .header {
	font-size: 1.5rem;
	color: black;
}

.modal button.btn-basic {
	max-width: none;
}

.modal .subtitle {
	font-size: 1.1rem;
}

.directory_section {
	position: relative;
}

.directory_section .section_header {
	position: relative;
	margin-bottom: 2vh;
}

.directory_section .section_header img {
	transform: scaleX(-1);
}

.directory_section .section_header .label {
	color: black;
	position: absolute;
	left: 10px;
	top: 1vh;
}

.index .content {
	overflow-x: hidden;
}

.tourism .content {
	background-image: url('../images/萬國-觀光工廠-bg-inside-5.png'), url('../images/萬國-聯絡我們-bg-inside-2.png'), url('../images/萬國-聯絡我們-bg-inside-1.png'), url('../images/20200819-萬國網站-聯絡我們-bg-s.png');
	background-size: 12vw auto, 8vw auto, 12vw auto, auto auto;
	background-repeat: no-repeat, no-repeat, no-repeat, repeat; 
	background-position: 5% 95%, 5% 120px, 102% 50%, 50% center;
	padding-top: 100px;
}

.reservation .content {
	background-image: url('../images/預約項目拆圖_背景腳色.png'), url('../images/萬國-聯絡我們-bg-inside-2.png'), url('../images/萬國-聯絡我們-bg-inside-1.png'), url('../images/20200819-萬國網站-聯絡我們-bg-s.png');
	background-size: 50vw auto, 8vw auto, 12vw auto, auto auto;
	background-repeat: no-repeat, no-repeat, no-repeat, repeat; 
	background-position: 0% 100%, 5% 120px, 102% 120px, 50% center;
	padding-top: 100px;
}

.venue .content {
	background-image: url('../images/萬國-聯絡我們-bg-inside-2.png'), url('../images/萬國-聯絡我們-bg-inside-1.png'), url('../images/20200819-萬國網站-聯絡我們-bg-s.png');
	background-size: 8vw auto, 12vw auto, auto auto;
	background-repeat: no-repeat, no-repeat, repeat; 
	background-position: 5% 120px, 102% 120px, 50% center;
	padding-top: 100px;
}

.messenger {
	display: none;
}

.index .messenger {
	display: block;
	position: fixed;
    right: 80px;
    bottom: 24px;
    cursor: pointer;
    z-index: 9;
    color: white;
    font-size: 28px;
    /* background: rgb(255, 255, 255); */
    width: 45px;
    height: 45px;
    border-radius: 99em;
    text-align: center;
    /* border: #6f6f6f solid 1px; */
}

.messenger i {
	color: #DDDDDD;
	font-size: 3.2rem;
}

.messenger i:hover {
	color: rgba(0, 178, 255, 1.0);
} 

/* 關於我們 */
.about {
	overflow-y: hidden;
    padding-bottom: 13vh;
}

.about .wrapper {
	position: relative;
	overflow-y: visible;
}

.about .content {
	margin-right: auto;
	margin-left: auto;
	background-image: url('../images/萬國-關於我們-baggage.png'), url('../images/萬國-關於我們-bg-inside-3.png'), url('../images/萬國-關於我們-bg-combine.png');
	background-size: 18vw auto, 18vw auto, 100% 100%;
	background-position: 103% 88%, right 90%, center center;
	background-repeat: no-repeat, no-repeat, no-repeat;
	width: 100%;
	overflow-x: hidden;
	padding: 0px;
}

.about .content .container {
	width: 60%;
}

.about .content_row_1, .about .content_row_2 {
	display: flex;
	flex-direction: row;
	font-size: 0.75rem;
	line-height: 1.2rem;
	font-family: 微軟正黑體;
	font-weight: bold;
}

.about .content_row_1 {
	margin-top: 12vh;
	margin-bottom: 12vh;
}

.about .info_left .page_content {
	width: 80%;
}

.about .content_row_2 {
	margin-bottom: 20vh;
}

.about .content_row_1 .info_left {
	width: 53%;
}

.about .content_row_1 .pic_right {
	width: 47%;
}

.about .content_row_2 .info_right {
	width: 60%;
}

.about .content_row_2 .pic_left {
	width: 40%;	
}

.about .info_left {
	padding-top: 1vh; 	
}

.about .info_right {
	padding-top: 15vh; 	
}

.about .page_header {
	width: 100%;
	margin-left: 0px;
	text-align: left;
	text-weight: bold;
	font-family: 微軟正黑體;
	font-size: 1.6rem;
	letter-spacing: 0px;
}

.about .content_row_1 .page_header {
	background-image: url('../images/萬國-關於我們-title-line.png');
	background-size: 15vw auto;
	background-position: top right;
	background-repeat: no-repeat;
}


.about .page_header_eng {
	width: 25%;
	margin-left: 0px;
	text-align: left;
	padding-bottom: 1.2vh;
	color: #888888;
	border-bottom: 1px solid #222222;
	font-size: 1.1rem;
	letter-spacing: 1px;
	line-height: 1.8rem;
	margin-bottom: 2.5vh; 
}  

.about .pic_right img {
	width: 100%;
	height: auto;
}

.about .extended_container {
	width: 70%;
	margin-left: 20%;
}

.about .pic_left img {
	width: 80%;
	height: auto;
}

.about .site-footer {
	position: absolute;
	bottom: -13vh;
}


/* 最新消息 */
.news {
	background-color: transparent !important;
}

.news .slick-prev {
	left: -35px !important;
}

.news .slick-next {
	right: -35px !important;
}

.news .content, .news_2 .content {
	background-image: url(../images/萬國網站切版-首頁-12-裝飾圖片.png), url(../images/萬國_最新消息_補-08.png), url(../images/20200819-萬國網站-聯絡我們-bg-s.png);
    background-size: 8vw auto, 12vw auto, auto auto;
    background-repeat: no-repeat, no-repeat, repeat;
    background-position: 5% 120px, 102% 120px, 50% center;
    padding-top: 100px;
}

.news .col-md-offset-2,  .news_2 .col-md-offset-2 {
	display: flex;
    flex-direction: row;
    /* justify-content: flex-start; */
    justify-content: space-between;
    width: 100%;
    margin-bottom: 5vh;
}

.news .qa_category, .news_2 .qa_category {
	width: 15%;
	background-color: #10386B;
    /* margin-right: 5%; */
    box-sizing: content-box;
    text-align: center;
    color: white;
    padding: 3px;
    font-size: 1rem;
}

.news .qa_category.active {
	background-color: white;
	color: #10386B;
	border: 1px solid #10386B;
}

.news .qa_category:hover, .news_2 .qa_category:hover {
	opacity: 50%;
}

.news_slider .slick-slide {
	margin: 0px 10px;
}

.news_slider .slick-slide > div {
	margin-bottom: 3vh;
}

.news_slide figcaption {
	font-size: 0.8rem;
	line-height: 1.25rem;
	color: gray;
	position: relative;
}

.news_slide figcaption img {
	width: 44%;
	height: auto;
	position: absolute;
	right: 0px;
	top: 2px;
}

.news_slide .news_date {
	color: #10386B;
	font-size: 1rem;
}

.news_slide .news_month {
	color: #10386B;
	margin-left: 1vh;
	border-bottom: 1px solid #FABF1F;
}

.news_slide .news_type {
	font-size: 0.65rem;
	color: #10386B;
	display: inline-block;
	position: absolute;
	/* left: 14.5vw; */
	text-align: right;
	width: 30%;
	right: 2px;
	top: 2px;
	z-index: 300;
	letter-spacing: 0px;
}

.news_slide .news_title {
	margin-top: 0.8vh;
	font-size: 1rem;
	color: black;
	margin-bottom: 0.6vh;
}

.news_slide .news_date {
	color: #10386B;
	font-size: 1rem;
}

.news_slide .news_month {
	color: #10386B;
	margin-left: 1vh;
	border-bottom: 1px solid #FABF1F;
}

.news_type {
	font-size: 0.65rem;
	color: #10386B;
	display: inline-block;
	position: absolute;
	/* left: 14.5vw; */
	text-align: right;
	width: 30%;
	right: 2px;
	top: 2px;
	z-index: 300;
	letter-spacing: 0px;
}

/* 最新消息 內頁 */
.news_detail_divs {
	display: flex;
	flex-direciton: row;
}

.news_detail {
	width: 80%;
	position: relative;
	padding: 3%;
	padding-right: 5%;
	font-size: 0.9rem;
	line-height: 1.5rem;
}

.news_listing {
	width: 20%;
}

.news_2 .news_detail .news_title {
	margin-top: 0.8vh;
	font-size: 1.6rem;
	color: black;
	padding-bottom: 1vh;
	border-bottom: 1px solid black;
	line-height: 3rem;
	margin-bottom: 3vh;
}

.news_2 .news_date {
	color: #10386B;
	font-size: 1.5rem;
}

.news_2 .news_month {
	color: #10386B;
	font-size: 1rem;
	margin-left: 1vh;
	border-bottom: 1px solid #FABF1F;
}

.news_2 .banner_label {
	float: right;
	width: 10vw;
}

.news_2 .news_type {
	font-size: 1rem;
	color: #10386B;
	display: inline-block;
	position: absolute; 
	text-align: right;
	width: 10vw;
	right: 3.5vw;	
	top: 4vh;
	letter-spacing: 1px;
}

.news_2 figure .wp-image-58 {
	width: 45vw;
	margin-top: 5vh;
	margin-left: 2.5vw;
	margin-right: auto;
}

.listing_header {
	width: 100%;
	background-color: #FABF1F;
	color: #10386B;
	text-align: center;
	font-size: 1.2rem;
	letter-spacing: 2px;
}

.listing_entry {
	padding: 3px;
	padding-left: 10px;
	font-size: 0.9rem;
	font-weight: bold;
	border-bottom: 1px solid #444444;
	background-color: transparent;
}

.listing_entry:hover {
	background-color: rgba(68, 68, 68, 0.3);
}

.listing_entry .news_title {
	line-height: 1.5rem;
}

.news_2 .submit, .diy_2 .submit {
	background-color: #666;
	color: white;
	width: 10vw;
	margin-left: 30vw;
	margin-top: 2vh;
	font-size: 0.9rem;
	padding: 0.5vh 1.5vw;
}

/* Index? */
.wrapper {
	display: flex;
	flex-direction: column;
	overflow-y: hidden;
}

.index .wrapper {
	width: 100%;
	background-color: white;
	overflow-x: hidden;
}

.index .slick-slide {
	margin-right: 0px;
	margin-left: 0px;
	max-height: 100vh;
	overflow-y: hidden;
	
}

.header {
	width: 100%;
	background-color: white;
	position: fixed !important;
	z-index: 9999;
}

.header .container {
	width: 100%;
	max-width: 1280px;
	margin-right: auto;
	margin-left: auto;
	display: flex;
	flex-direction: row;
}

.main-navigation {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	z-index: 2;
}

.site-branding {
	/* background-image: url('../images/2020/06/萬國網站切版-首頁-03-logo-w.png'); */
	background: none; 
	background-size : contain;
	/* background-color: blue; */
	/* visibility: hidden; */
	height: 10vh;
	width: 15vw;
	background-size: contain;
}

.site-branding img {
	width: 100%;
	height: auto;
}

#primary-menu a {
	font-weight: 500;
}

#primary-menu .menu-item-has-children div {
	color: #FABF1F;
	font-size: 10pt;
	font-weight: 800;
	line-height: 10pt;
}

.icon {
	display: flex;
	flex-direction: row;
	list-style-type: none;
}

.icon i {
	background-color: red;
	text-align: center;
	width: 2rem;
	border-radius: 50% 50%;
}

.banner {
	width: 100%;
	height: 30.5vw;
	background-size: 100% 100%;
	margin-top:14vh;
}

.page_header {
	color: #3E3A39;
	width: 15%;
	font-size: 1.6rem;
	text-align: center;
	letter-spacing: 4px;
	margin-left: auto;
	margin-right: auto;
}

.page_header_eng {
	color: #FABF1F;
	width: 15%;
	font-size: 1.1rem;
	font-weight: bold;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5vh;
}

.page_second_header {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.3rem;
	color: #10386B;
	text-align: center;
	margin-bottom: 2vh;
}

.page_second_content {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	font-size: 0.9rem;
	line-height: 1.5rem;
	text-align: center;
	margin-bottom: 5vh;
}

/*
.site-branding-overflow {
	background-image: url('../images/2020/06/萬國網站切版-首頁-02-home.png');
	background-size: 100% auto;
	background-repeat: no-repeat;
	height: 25vh;
	width: 15vw;
	position: absolute;
	top: -3vh;
	left: 0px;
	z-index: 999;
}
*/
.site-branding-overflow {
	height: 18vh;
	width: 15vw;
	background-color: #10386B;
	border-bottom-left-radius: 15%;
	border-bottom-right-radius: 15%;
	z-index: 999;
	position: absolute;
	top: 0px;
	box-shadow: 3px 0px 6px 5px rgba(76, 76, 76, 0.58);
}

.site-branding-overflow .site_logo {
	background-image: url('../images/2020/06/萬國網站切版-首頁-03-logo-w.png');
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: bottom center;
	width: 80%;
	height: 70%;
	margin-left: auto;
	margin-right: auto;
}

.header-social {
	display: flex;
	flex-direction: row;
	align-self: flex-end;
	padding-bottom: 3vh;
	position: absolute;
	top: 40px;
	right: 10px;
}

.header-social a {
	text-decoration: none;
}

.social_link {
	height: 35px;
	width: 38px;
	border-radius: 100%;
	background-color: black;
	font-size: 0.75em;
	color: white;
	text-align: center;
	padding-top: 3px;
	margin-right: 8px;
	box-sizing: content-box;
}

.fb_link {
	background-color: #036EA6;
	font-size: 18pt;
}

.ig_link { 
  	background: #f09433; 
	background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
	background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
	background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}

.ig_link i {
	font-size: 18pt;
	margin-top: 3px;
}

.en_link {
	background-color: #FABF1F;
	color: black;
}

/** Index Content **/
.content {
	width: 100%;
	min-height: 78vh;
	/* padding: 0px; */
}

.index .content {
	padding: 0px;
	display: flex;
	flex-direction: column;
	background-color: white;
	overflow-y: hidden;
}

.diy_2 .content {
	background-image: url(../images/20200819-萬國網站-聯絡我們-bg-s.png);
}

.slider {
	height: 75vh;
	width: 100%;
}

.index .slider {
	margin: 0px;
	width: 100%;
	margin-top: 14vh;
}

.slider figure {
	margin: 0px;
}

.slider figure img {
	width: 100%;
	height: auto;
}

.owl-theme .owl-dots, .owl-theme .owl-nav {
	position: relative;
	bottom: 5.5vh;
}

.decoration_row1 {
	position: absolute;
	top: 40vh;
	width: 100%;
	z-index: 100;
	overflow: hidden;	
}

.decoration_row1 .wp-block-column {
	position: relative;
}

.decoration_row1_left .wp-block-image {
	position: absolute;
	top: 33vh;
	left: 3vw;
}

.decoration_row1_right .wp-block-image {
	position: absolute;
	right: -25px;
}

.wp-image-44 {
	width: 20vh;
	height: 20vh;
}

.wp-image-46 {
	width: 100%;
	margin-top: 4vh;
}

.wp-image-47 {
	width: 100%;
}

.content_row2 {
	margin-top: 32vh;
}

.content_row2 .wp-block-column {
	position: relative;
}

.content_row2 .wp-block-image.size-large {
	margin: 0px;
}

.content_row2 a {
	text-decoration: none;
}

.wp-image-45 {
	width: 100%;
	height: auto;
}

.story {
	position: absolute;
	width: 55%;
	left: 22.5%;
	top: 10vh;
	font-size: 10pt;
	line-height: 2.0em;
}

.story img {
	height: 60%;
	width: 60%;
	display: block;
	margin-bottom: 3vh;
}

.button_gray {
	margin-top: 3vh;
	padding-left: 2vw;
	padding-right: 2vw;
	width: 8vw;
	text-align: center;
	background-color: gray;
	color: white;
}

.button_gray:hover {
	background-color: #FABF1F;
}

.wp-image-49 {
	width: 14vh;
	height: 20vh;
	position: absolute;
	bottom: 0px;
	right: 18vw;
}

.new_image_row3 {
	width: 100%;
	height: 41.99vw;
	background-image:
		url('../images/2020/06/萬國網站切版-首頁-09-影形象影片截圖-1024x430.jpg');
	background-size: 100% auto;
	background-repeat: no-repeat;
	position: relative;
}

.wp-block-columns.new_image_row3 {
	margin-bottom: 0px;
}

.new_overlay_control {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	position: absolute;
	top: 0px;
	left: 0px;
	flex-direction: row;
	color: white;
	font-size: 12pt;
	font-weight: bold;
	display: none;
}

.control_element {
	position: absolute;
	top: 35%;
	left: 15%;
	display: flex;
	flex-direction: row;
}

/*
.image_row3 {
	margin: 0px;
}

.overlay_control {
	width: 100%;
	height: 81vh;
	background-color: rgba(0, 0, 0, 0.5);
	position: absolute;
	top: 200vh;
	color: white;
	font-size: 12pt;
	font-weight: bold;
	padding-left: 16vw;
	padding-top: 16%;
	display: flex;
	display: none;
	flex-direction: row;
}
*/

.video {
	height: auto !important;
}

.video .video-list a .play-btn {
	left: 21% !important;
}

.control_text {
	padding-left: 5vw;
	color: white;
    font-size: 12pt;
    letter-spacing: 1px;
    position: absolute;
    left: 22%;
    top: 38%;
    text-align: left;
    z-index: 2;
}

.control_header {
	margin-bottom: 2vh;
	font-size: 20pt;
    font-weight: bold;	
}

.control_button img {
	width: 16vh;
	height: 16vh;
	cursor: pointer;
}

.lower_half_container {
	width: 100%;
	background-image: url('../images/2020/06/萬國網站切版-首頁-15-地圖底圖-02.jpg');
	background-size: cover;
	padding-top: 1vh;
	padding-bottom: 10vh;
	position: relative;
	/* top: -15px; */
}

.content-inner {
	position: relative;
	top: -30px;
}

.content_row6 {
	margin-top: 10vh;
	margin-bottom: 10vh;
	display: flex;
	border: 1px solid transparent;
	align-items: center;
}

.content_row6 > div {
	height: 50vh;	
}

.content_row6 a {
	text-decoration: none;
}

.content_row6_center {
	background-color: #FABF1F;
	width: 20vw;
	text-align: center;
	flex-shrink: 1;
	line-height: 1.5rem;
	display: flex;
    flex-direction: column;
    justify-content: center;	
}

.content_row6_center div {
	font-size: 0.7em;
	font-family: Montserrat, 微軟正黑體;
}

.content_row6_center .content_header {
	color: #10386B;
	font-size: 16pt;
	font-weight: bold;
	margin-top: 4vh;
	margin-bottom: 1.5vh;
}

.content_row6_left {
	width: 30vw;
	flex-grow: 1;
	position: relative;
	/* padding-top: 1em; */
}

.content_row6_left figure {
	margin: 0px;
/*	
	margin-top: 1em;
	margin-bottom: 1em;
*/
	height: 100%;	
	overflow: hidden;
}

.content_row6_left .wp-image-52 {
	height: 100%;
	/* width: auto; */
	width: 100%;
	vertical-align: middle;
	/* transition: all .2s ease-in-out; */
}

.content_row6_right {
	width: 30vw;
	/* padding-top: 1em; */
	flex-grow: 1;
}

.content_row6_right iframe {
	/* height: 23vw; */
	height: 100%;
}

.button_navy {
	margin-top: 3vh;
	margin-left: auto;
	margin-right: auto;
	padding-left: 2vw;
	padding-right: 2vw;
	width: 50%;
	text-align: center;
	background-color: #10386B;
	color: white;
}

.content_row6 .button_navy:hover {
	background-color: #717071;
}

.about_us_overlay {
	background-color: rgba(0, 0, 0, 0.3);
	width: 100%;
	/* height: 23.7vw; */
	height: 100%;
	position: absolute;
	/* top: 1em; */
	top: 0px;
	display: none;
}

.about_us_button {
	border: 1px solid white;
	color: white;
	width: 10rem;
	height: 4rem;
	font-size: 1.6rem; 
	margin-left: auto;
	margin-right: auto;
	margin-top: calc((50vh - 4rem)/ 2);
	padding: 10px;
	text-align: center;
	font-weight: 1000;
}

/*
.content_row7 {
	width: 100vw;
	position: relative;
}

.content_row7_container {
	width: 75vw;
	padding-top: 5vh;
	margin-left: auto;
	margin-right: auto;
	z-index: 100;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.content_row7_container div {
	z-index: 1;
	width: 16vw;
}

.content_row7_container p {
	display: none;
}

.content_row7_container figcaption {
	font-size: 0.8rem;
	line-height: 1rem;
	color: #8D8E8E;
	position: relative;
}

.content_row7_header {
	color: white;
	padding-left: 8vw;
}

.content_row7_header_header {
	font-size: 2rem;
}

.content_row7_header_english {
	font-size: 1.4rem;
}

.content_row7 figure img {
	width: 100%;
}

.content_row7_header .button_gray {
	position: absolute;
	width: 5vw;
	bottom: 1vh;
	font-size: 0.9rem;
}

.content_row7_container .news_date {
	color: #10386B;
	font-size: 1rem;
}

.content_row7_container .news_month {
	color: #10386B;
	margin-left: 1vh;
	border-bottom: 1px solid #FABF1F;
}

.content_row7_container .news_type {
	font-size: 0.7rem;
	line-height: 1.2rem;
	color: #10386B;
	display: inline-block;
	position: absolute;
	left: 12.8vw;
}

.content_row7_container .news_title {
	margin-top: 0.8vh;
	margin-bottom: 0.5vh;
	font-size: 1rem;
	color: black;
}

.content_row7_container figcaption img {
	width: 40%;
	height: 1.1rem;
	position: absolute;
	right: 0px;
}

.content_row7_container .owl-carousel .owl-item figcaption img {
	width: 40%;
}

.content_row7_background {
	background-color: gray;
	width: 100vw;
	height: 20vh;
	z-index: 0;
	position: absolute;
	top: 0px;
}

.content_row7_shift_left {
	text-align: center;
	line-height: 0.8vw;
	background-color: #FABF1F;
	width: 1.5vw;
	height: 1.5vw;
	background-image: url('../images/2020/06/萬國網站切版-首頁-19-箭頭-05.png');
	background-size: cover;
	position: absolute;
	left: 34%;
	bottom: 17.5vh;
	z-index: 2;
}

.content_row7_shift_left:hover {
	background-color: #10386B;
	color: white;
	background-image: url('../images/2020/06/萬國網站切版-首頁-19-箭頭-07.png');
}

.content_row7_shift_right {
	text-align: center;
	line-height: 0.8vw;
	background-color: #FABF1F;
	width: 1.5vw;
	height: 1.5vw;
	background-image: url('../images/2020/06/萬國網站切版-首頁-19-箭頭-06.png');
	background-size: cover;
	position: absolute;
	right: 9vw;
	bottom: 17.5vh;
	z-index: 2;	
}

.content_row7_shift_right:hover {
	background-color: #10386B;
	color: white;
	background-image: url('../images/2020/06/萬國網站切版-首頁-19-箭頭-08.png');	
}

.content_row7 .fa-chevron-left, .content_row7 .fa-chevron-right {
	font-size: 0.8vw;
}

.content_row7_decor_left {
	width: 12vh;
	height: 8vh;
	position: absolute;
	top: 4.5vh;
	left: 12vw;
}

.content_row7_decor_right {
	width: 20vh;
	height: 14vh;
	position: absolute;
	top: 1.5vh;
	right: 0px;
}

.index .content_row7 .wp-block-image.size-large {
	margin: 0px;
}

.content_row7 .latest_news {
	width: 50vw;
}

.content_row7 .owl-stage-outer {
	width: 50vw;
}
*/
.no_show {
	display: none;
}

/** Footer **/
.entry-footer {
	background-image: url('../images/2020/06/萬國網站切版-首頁-15-地圖底圖-scaled.jpg');
} 

.site-footer {
	background-color: #10386B;
	width: 100%;
	height: 25vh;
}

footer a, footer a:visited {
	color: white;
	opacity: 1;
}

footer a:hover {
	color: silver;
}

.footer-t {
	padding-top: 2vh;
}

.footer-t .col {
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.footer-t .widget {
	margin-bottom: 1vh;
}

#media_image-2 img {
	width: 15vw;
	height: auto;
	margin-top: 5vh;
	margin-right: 5vw;
}

#text-2 {
	border-left: 1px solid white;
	margin-bottom: 0px;
	padding-left: 5vw;
	height: 20vh;
}

#text-2 .textwidget {
	font-size: 0.8rem;
	line-height: 1.1rem;
	color: white;
	font-family: 微軟正黑體;
}

#text-2 .widget-title span {
	color: #FABF1F;
	font-size: 15pt;
	background: none;
	text-align: left;
}

#custom_html-2 {
	height: 20vh;
}

.site-footer .widget .widget-title {
	padding-left: 0px;
	margin-top: 0px;
	margin-bottom: 15px;
}

.site-footer .widget .widget-title span {
	padding-left: 0px;
}

.website_link {
	color: white;
	text-decoration: none;
}

.website_link:hover {
	color: white;
}

.website_link:visited {
	color: white;
}

.offcial_website {
	border: 1px solid white;
	margin-top: 5vh;
	margin-left: 5vw;
	text-align: center;
	padding: 1vh;
	line-height: 1.6rem;
}

.offcial_website img {
	width: 8vw;
	height: auto;
}

.site-footer .widget .widget-title::after {
	background: none;
	padding-left: 0px;
}

.index .textwidget p {
	line-height: 1rem;
}

.textwidget span {
	font-size: 9pt;
}

.copyright {
	font-size: 0.65rem;
}

.top_news.owl-theme .owl-dots .owl-dot span {
	width: 30px;
	height: 3px;
}

.latest_news.owl-theme .owl-dots .owl-dot span {
	display: none;
}

.top_news.owl-theme .owl-nav {
	display: none;
}

/* 最新消息 */
.news .news_slide {
	height: 42.3vh; /*35vh;*/
	overflow: hidden;
}

/* 觀光工廠介紹 */
.factory .content {
	background-image: url('../images/萬國-觀光工廠-bg-inside-6.png'),  url('../images/萬國_觀光工廠_補-44.png'), url('../images/20200819-萬國網站-聯絡我們-bg-s.png');
	background-size: 8vw auto, 9vw auto, auto auto;
	background-repeat: no-repeat, no-repeat, repeat; 
	background-position: 0% 50%, 96% 120px, 50% center;
	padding-top: 100px;
	padding-bottom: 30px;	
}

.factory .section_1 {
	background-image: url('../images/萬國-觀光工廠-bg-inside-3.png'), url('../images/萬國-觀光工廠-bg-inside-2.png'), url('../images/萬國-觀光工廠-bg-inside-1.png');
	background-size: 40vw auto, 50% auto, 15vw auto;
	background-position: 80vw 10vh, 100% 30vh, 0px 0px;
	background-repeat: no-repeat, no-repeat, no-repeat;
	height: 60vh;
	margin-bottom: 20vh;
	position: relative;
}

.factory .factory_bg_2 {
	position: absolute;
	width: 50vw;
	height: auto;
	right: -13vw;
	top: 20vh;
	filter: brightness(0.85);
}

.factory .factory_bg_1 {
	position: absolute;
	width: 50vw;
	height: auto;
	right: -13vw;
	top: 15vh;
}

.factory .factory_img_1 {
	position: absolute;
	width: 50vw;
	height: auto;
	left: 0px;
	top: 5vh;
}

.factory .factory_fg_1 {
	position: absolute;
    z-index: 300;
    width: 8vw;
    right: -8vw;
    top: 11vh;
}

.factory .factory_fg_2 {
	position: absolute;
    z-index: 300;
    width: 8vw;
    left: -6vw;
    top: 45vh;
}

.factory .story {
	width: 42%;
	left: auto;
	right: -10vw;
	top: 19vh;
	line-height: 1.5rem;
}

.factory .story img {
	width: 45%;
}

.factory .col-md-offset-2 {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 4vh;	
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.factory .col-md-offset-2 div {
	width: 10vw;
	margin-right: 1vw;
	margin-left: 1vw;
	background-color: #10386B;
	color: white;
	text-align: center;
	font-size: 1.2rem;
	letter-spacing: 1px;
	padding: 3px;
}

.factory .qa_category.active {
	background-color: white;
	color: #10386B;
	border: 1px solid #10386B;
}

.factory .col-md-offset-2 div:hover { 
	background-color: #FABF1F;
	color: #10386B;
}

.factory .directory_section .section_header {
	border-bottom: 0px;
}

.factory .building_map {
	width: 100%;
	margin-bottom: 10vh;
	display: none !important;	
}

.factory .building_map.floor_1 {
	display: block;
}

.factory .building_map.none {
	display: none;
}

.factory .directory_section.none {
	display: none;
}

.factory .slick-prev {
	left: -35px !important;
}

.factory .slick-next {
	right: -35px !important;
}

.directory_card {
	font-size: 1.1rem;
	letter-spacing: 1px;
	font-weight: 500;
	position: relative;
}

.factory .directory_card {
	cursor: pointer;
}

.directory_card img {
	width: 100%;
	height: auto;
}

.directory_card .img {
	height: 13.6vw;
	width: 100%;
	background-size: cover;
}

.directory_card .name {
	font-size: 1.5rem;
}

.directory_card .desc {
	font-size: 0.8rem;
	letter-spacing: 0px;
    line-height: 1.2rem;
    height: 2.5rem;
    overflow-y: hidden;
    color: gray;	
}

.directory_card .overlay {
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: rgba(0, 0, 0, 0.5);
	height: 13.6vw;
	color: white;
	text-align: center;
	z-index: 10000;
	padding-top: 5vw;
	display: none;
}

.directory_card .overlay .overlay_header {
	font-size: 1.1rem;
}

.directory_card .overlay .header_divider {
	border-bottom: 1px solid #FABF1F;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}

.directory_card .overlay .overlay_desc {
	font-size: 0.75rem;
}


.factory .section_6 {
	width: 100%;
	height: auto;
}

.factory .section_6 .section_header {
	width: 100%;
	background-color: #FABF1F;
	color: #10386B;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
	position: relative;
	border: none;
}

.factory .factory_service_fg_1 {
	position: absolute;
    bottom: 1vh;
    right: 1vw;
    width: 10vw;
}

.service_listing {
	display: flex;
	flex-direction: row;
}

.service_listing > div {
	width: 20%;
}

.service {
	height: 25vw;
	font-size: 1rem;
	letter-spacing: 1px;
	position: relative;
	background-size: 101% auto;
	background-position: top left;
	background-repeat: no-repeat;	
}

.service img {
	width: 20%;
    height: auto;
    margin-left: 40%;
    margin-top: 20%;
    position: relative;
    z-index: 200;
}

.service .overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	right: 0px;
	background-color: rgba(0, 0, 0, 0.55);
	z-index: 100;
}

.service .service_title {
	color: #FABF1F;
	font-size: 1.2rem;
	letter-spacing: 2px;
	margin-top: 0.5vh;
	text-align: center;
    position: relative;
    z-index: 200;	
}

.service .detail_listing {
    position: relative;
    z-index: 200;
    line-height: 2.0rem;
}	

.service_1 {
	background-image: url('../images/萬國-觀光工廠-service-1.png');
}

.service_2 {
	background-image: url('../images/萬國-觀光工廠-service-2.png');
}

.service_3 {
	background-image: url('../images/萬國-觀光工廠-service-3.png');
}

.service_4 {
	background-image: url('../images/萬國-觀光工廠-service-4.png');
}

.service_5 {
	background-image: url('../images/萬國-觀光工廠-service-5.png');
}

.detail_listing div {
	width: 100%;
	text-align: center;
	color: white;
}

.factory .modal {
	padding-left: 10vw;
	padding-right: 10vw;
}

.factory .modal .row {
	width: 100%;
	display: flex;
	flex-direction: row;
}

.factory .modal .row .home_slider {
	width: 60%;
}

.factory .modal .row > div:last-of-type {
	width: 40%;
}

.factory .modal .title {
	margin-top: 15vh;
    text-align: left;
    margin-bottom: 3vh;
    margin-left: 2vw;
    font-weight: 700;
}

.factory .modal .desc {
	font-size: 0.9rem;
	margin-left: 2vw;
}

/* 參觀資訊 */
.info .content {
	background-image: url('../images/20200819-萬國網站-聯絡我們-bg-s.png');
	background-size: auto auto;
	background-repeat: repeat; 
	background-position: 50% center;
	padding-top: 100px;
	overflow-x: hidden;
}

.info .map {
	width: 100%;
	height: 500px;
}


/* 參觀資訊 */
.visit_info {
	display: flex;
	flex-direction: row;
	font-size: 0.95rem;	
}

.info .stylish_button {
	letter-spacing: 2px;
	text-align: center;
	color: #2A6a91;
	border: none;
	background-size: 100% 100%;
	width: 50%;
	margin-top: 3vh;
	margin-right: auto;
	padding: 1.2vh;
	background-color: #10386B;
	color: white;
	font-size: 0.9rem;
	font-weight: normal;
	padding-left: 3vw;
	padding-right: 3vw;
	box-sizing:border-box;
}

.visit_info_divs {
	width: 40%;
	margin-right: 2%;
}

.visit_info_divs > div {
	height: 49%;
}

.business_hours {
	background-image: url('../images/萬國-觀光工廠-info-bg-1.png');
	background-size: 100% auto;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 5%;	
	margin-bottom: 2%;
}

.visit_info_divs div {
	text-align: center;
	border-radius: 10px;
	font-size: 1rem;
	font-weight: bold;
}

.ticket_info {
	background-image: url('../images/萬國-觀光工廠-info-bg-2.png');
	background-size: 100% auto;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 5%;	
}

.visit_info_policy {
	background-color: white;
	border-radius: 10px;
	padding: 0% 3% 3% 3%;
	font-size: 0.8rem;
	line-height: 1.4rem;
	font-weight: 400;
	width: 60%;
	position: relative;
}

.visit_info_policy div {
	height: 1.5rem;
}

.visit_info_policy img {
	position: absolute;
	right: -1vw;
	bottom: -1vh;
	width: 10vw;
	height: auto;
}

.red {
	color: #E50012;
}

.ticket_note {
	color: #10386B;
	font-size: 0.8rem;
	padding-left: 0.3rem;
}

.section_header {
	font-size: 1.5rem;
	color: #10386B;
	letter-spacing: 2px;
	width: 50%;
	border-bottom: 1px solid white;
	font-weight: 400;
}

.visit_info_divs .section_header {
	margin-right: auto;
	margin-left: auto;
	border-radius: 0px;
	margin-bottom: 0.5vh;
	padding-bottom: 0.5vh;
	font-size: 1.6rem;
	font-weight: 400;
}

.visit_info_policy .section_header {
	margin-top: 3vh;
	margin-bottom: 1vh;
}

.map {
	position: relative;
	box-shadow: -5px -5px 8px #999999;
}

.direction {
	position: absolute;
	right: 5vw;
	top: 0px;
	width: 33vw;
	height: 500px;
	background-color: #392f2d;
	border-left: 15px solid #FABF1F;
	font-size: 0.75rem;
	line-height: 1.5rem;
	letter-spacing: 1px;
	color: white;
	padding-left: 2.2%;
	padding-right: 2.2%;
} 

.direction .section_header {
	display: inline-block;
	width: 35%;
	background-color: #FABF1F;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 2vw;
	color: #392f2d;
	font-size: 1.4rem;
	font-weight: bold;
	position: relative;
	right: 10%;
	margin-top: 4vh;
	margin-bottom: 5vh;
	border: none;
	position: relative;
}

.direction .section_header div {
	position: absolute;
	right: 10%;
	bottom: -10px;
}

.direction .section_header img {
	width: 50%;
	transform: scaleX(-1);
}

.direction .address {
	display: inline-block;
	background-color: #10386B;
	padding-top: 3px;
	padding-right:3px;
	padding-left: 0.5vw;
	padding-right: 0.5vw;
	border-radius: 0.8rem;
}

.direction .subheader {
	color: #FABF1F;
	font-size: 1.2rem;
	margin-top: 2vh;
	font-weight: 600;
}

/* DIY */
.diy .content {
	background-image: url('../images/萬國-觀光工廠-bg-inside-7.png'), url('../images/萬國-觀光工廠-bg-inside-6.png'),  url('../images/萬國_觀光工廠_補-44.png'), url('../images/20200819-萬國網站-聯絡我們-bg-s.png');
	background-size: 30vw auto, 8vw auto, 9vw auto, auto auto;
	background-repeat: no-repeat, no-repeat, no-repeat, repeat; 
	background-position: 93% 104%, 0% 50%, 96% 120px, 50% center;
	padding-top: 100px;
}

.diy .stylish_button {
	font-size: 1.2rem;
	letter-spacing: 2px;
	text-align: left;
	color: #2A6a91;
	border: none;
	background: none;
	background-image: url(../images/勝昌網站首頁-more-button.png);
	background-size: 100% 100%;
	width: 15vw;
	margin-top: 4vh;
	margin-right: auto;
	margin-left: 30vw;
	padding: 1.2vh;
	background-color: #10386B;
	color: white;
	font-size: 0.9rem;
	padding-left: 3vw;
	padding-right: 3vw;
	box-sizing:border-box;
}

.diy .item_card {
	/* background-color: rgba(16, 56, 107); */
	position: relative;
}

.diy .item_card .img {
	width:100%; 
	height:56.5vh; 
	background-size: 100% auto;
	background-position:top center;
	background-repeat: no-repeat;
}

.diy .item_card .overlay {
	width: 100%;
	height: 100%;
	z-index: 1000;
	padding-top: 55%;
	color: white;
	background-color: rgba(0, 0, 0, 0.7);
	border: none;
	display: none;
	text-align: center;
}

.diy .item_card.even .overlay, .english .item_card.even .overlay, .japanese .item_card.even .overlay {
	background-color: rgba(0, 0, 0, 0.7);
	border: none;
	display: none;
}

.diy .item_card .overlay .overlay_header, .english .item_card .overlay .overlay_header, .japanese .item_card .overlay .overlay_header {
	font-size: 1.4rem;
	letter-spacing: 1px;
	margin-bottom: 1vh;
}

.diy .item_card .overlay .overlay_desc, .english .item_card .overlay .overlay_desc, .japanese .item_card .overlay .overlay_desc {
	font-size: 1.0rem;
	margin-top: 1vh;
}	

.diy .item_card .item_card_title, .english .item_card .item_card_title, .japanese .item_card .item_card_title {
	position: absolute;
    bottom: 9.25rem;
    margin-left: 1.5vw;
    margin-right: 1.5vw;    
    color: white;
    z-index: 999;
}

.english .item_card .item_card_title{
	font-size: 1rem;
	line-height: 1.35rem;
} 

.japanese .item_card .item_card_title {
	font-size: 1rem;
}

.diy .item_card .header_divider, .english .item_card .header_divider, .japanese .item_card .header_divider {
	position: absolute;
    bottom: 9rem;
    border-bottom: 3px solid #FABF1F;
    margin-left: 1.5vw;
    margin-right: 1.5vw;    
    height: 2px;    
    width: 35%;    
    z-index: 999;
}

.diy .item_card .overlay .header_divider, .english .item_card .overlay .header_divider, .japanese .item_card .overlay .header_divider {
	border-bottom: 1px solid #FABF1F;
	width: 75%;
	bottom: auto;
	margin-left: 12.5%;
	margin-right: auto;
}

.diy .item_card .item_card_content, .english .item_card .item_card_content, .japanese .item_card .item_card_content  {
	position: absolute;
    bottom: 1.5vw;
    color: rgba(255, 255, 255, 0.8);
    z-index: 999;
    font-size: 0.8rem;
    letter-spacing: 1px;
    font-weight: 300;
    line-height: 1.35rem;
    text-align: left;
    margin-left: 1.5vw;
    margin-right: 1.5vw;
}

.english .item_card .item_card_content {
	font-size: 0.6rem;
	line-height: 0.825rem;
	top: 76%;
}

.japanese .item_card .item_card_content {
	font-size: 0.65rem;
    line-height: 0.9rem;
    letter-spacing: 0px;
    top: 76%;
    bottom: auto;	
}

.slick-customized-prev {
	position: absolute;
	width: 40px;
	height: 40px;
	left: -35px;
	top: 45%;
	background-image: url('../images/萬國網站切版-首頁-19-箭頭-05.png');
	background-size: contain;
}

.slick-customized-prev:hover {
	background-image: url('../images/萬國網站切版-首頁-19-箭頭-07.png');
}

.slick-customized-next {
	position: absolute;
	width: 40px;
	height: 40px;
	right: -35px;
	top: 45%;
	background-image: url('../images/萬國網站切版-首頁-19-箭頭-06.png');
	background-size: contain;
}

.slick-customized-next:hover {
	background-image: url('../images/萬國網站切版-首頁-19-箭頭-08.png');
}

.diy .slick-customized-prev, .diy .slick-customized-next {
	top: 57%;
}

.item_slider {
	height: 75vh;
	width: 100%;
	display: flex;
	flex-direction: row;
	position: relative;
	z-index: 100;
	background-image: url('../images/勝昌網站首頁-thr-inside-circle-2.png'), url('../images/勝昌網站首頁-thr-inside-circle-1-left.png');
	background-repeat: no-repeat, no-repeat;
	background-position: 103% 15%, -5% 75%;
	background-size: 8vw 8vw, 12vw 12vw;
}

.item_slider .section_label {
	position: absolute;
	top: 10vh;
	left: 45vw;
	height: 3rem;
	z-index: 100;
}

.item_slider .home_slider {
	height: 25vh;
	margin-top: 0vh;
	width: 60vw;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	z-index: 200;	
}

.item_slider .slick-slide {
	height: 70vh;
	width: 10vw;
}

.item_slider .stylish_button {
	position: absolute;
	left: 45vw;
	bottom: -7vh;
}

.item_slider_decor_right {
	position: absolute;
	width: 30vw;
	right: -5vw;
	bottom: -9vw;
}

.item_slider_decor_center {
	position: absolute;
	width: 20vw;
	left: 48vw;
	top: 3.8vw;
}

.item_slider img {
	width: 100%;
}

.slick-slide > div {
	margin-bottom: 2vh;
}

.item_card.even {
	margin-top: 7vh;
}

.item_card.even .overlay {
	background: none;
	border: 3px solid #62BFB3;
}

.item_card.even .img .tag {
	background: transparent;
	border: 2px solid white;
}

.item_card .img {
	position: relative;
    float: left;
    margin-bottom: 15px;
    width: 100%;
    overflow: hidden;
    text-align: center;	
}

.item_card .img .tag {
	position: absolute;
	writing-mode: vertical-lr;
	text-orientation: upright;
	color: white;
	background-color: #2A6191;
	top: 10%;
	right: 5%;
	padding-top: 15px;
	padding-bottom: 15px;
	font-family: '新細明體';
	font-weight: bold;
	z-index: 200;
}

.item_card .img img {
/* 	width: 95%;
	height: 95%;
	margin-left: 10%;
	margin-top: 10%;
*/
	width: 100%;
	height: auto;	
	position: relative;
	z-index: 100;
}

.item_card .overlay {
	background-color: #62BFB3;
	width: 95%;
	height: 95%;
	opacity: 1 !important;
	position: absolute;
	top: 0px;
	left: 0px;
}

.item_card .publish_date {
	background-image: url('../images/勝昌網站子頁-head-color-line.png');
	background-position: bottom;
	background-size: auto 2px;
	background-repeat: repeat-x;
	padding-bottom: 1vh;
	font-family: Ariel;
	width: 33%;
}

.item_card .card_title {
	color: #2A6191;
	font-weight: bold;
}

.diy_2 .diy_detail_options {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 40%;
	margin-left: auto;
	margin-right: auto;
}

.diy_2 .diy_intro {
	width: 80vw;
	margin-left: auto;
	margin-right: auto;
	/* border: 1px solid red; */
	/* overflow: hidden; */
	position: relative;
}

.diy_2 .diy_intro .tag {
	position: relative;
	margin-bottom: 3vh;
}

.diy_2 .diy_intro .tag img {
	transform: scaleX(-1);
}

.diy_2 .diy_intro .tag_text {
	position: absolute;
	left: 1vw;
	top: 0px;
	font-size: 1.1rem;
	line-height: 2.5rem;
	color: #10386B;
}

.diy_2 .diy_intro .desc {
	color: gray;
	font-size: 1rem;
	margin-bottom: 4vh;
}

.diy_2 .row {
	display: flex;
	flex-direction: row;
	width: 72vw;
	height: 32vw;
	position: relative;
}

.diy_2 .row .primary_image {
	width: 23vw;
	height: auto;
	padding: 0.5vw;
	cursor: pointer;
}

.diy_2 .row .primary_image .inner_div {
	width: 100%;
	height: 29vw;
	background-position: 65% 48%;
    background-size: auto 110%;
}

.diy_2 .row .primary_image img {
	width: 100%;
	height: auto;
}

.diy_2 .row .auxillary_images {
	width: 48vw;
	height: 30vw;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}

.diy_2 .row .auxillary_images img {
	width: 22vw;
	height: 14vw;
	margin: 0.5vw;
	cursor: pointer;
}

.diy_2 .stylish_button.gray {
	background-color: gray;
	color: white;
}

.diy_2 .stylish_button.gold {
	background-color: #FABF1F;
	color: #10386B;
}

.diy_detail_options a {
	width: 40%;
	background-color: #10386B;
	color: white;
	font-size: 0.9rem;
	text-align: center;
}

.diy_2 .modal {
	background-color: rgba(0, 0, 0, 0.8);
	padding: 5vh 16vw;
}

.diy_2 .modal.vertical {
	padding-top: 0px;
	padding-bottom: 0px;
}

.diy_2 .modal.vertical .slide {
	height: 100vh;
}

.diy_2 .modal.vertical .slide img {
	height: 100%;
	width: auto;
	transform: translateX(16vw);
}

.diy_2 .modal .close {
	color: white;
}

.diy_2 .modal .slide img {
	width: 100%;
	height: auto;
}

/* 優惠好康 */
.promotion .content {
	background-image: url('../images/萬國-觀光工廠-bg-inside-6.png'),  url('../images/萬國_觀光工廠_補-44.png'), url('../images/20200819-萬國網站-聯絡我們-bg-s.png');
	background-size: 8vw auto, 9vw auto, auto auto;
	background-repeat: no-repeat, no-repeat, repeat; 
	background-position: 0% 50%, 96% 120px, 50% center;
	padding-top: 100px;
	padding-bottom: 30px;	
}

.promotion .section_header {
	border-bottom: 0px;
}

.promotion .info {
	text-align: center;
	margin-top: 20vh;
}

.promotion .directory_card {
	height: 20vw;
	background-size: 100% auto;
    background-position: 0% 50%;
    cursor: pointer;
}

.promotion .directory_card .name {
	/* margin-top: 3.5vw; */
	margin-bottom: 0.5vw;
	text-align: center;
	font-size: 1.2rem;	
}

.promotion .directory_card .prices {
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.promotion .directory_card .tag1 {
	background: none;
	position: relative;
	display: inline-block;
	font-size: 0.9rem;
	text-decoration: line-through;
	top: 0px;
}

.promotion .directory_card .tag2 {
	background: none;
	position: relative;
	color: black;
	display: inline-block;
	font-size: 1.5rem;
	color: red;
	top: 0px;
}

.promotion .directory_card .overlay {
	height: 20vw;
    padding-top: calc(10vw - 1.85rem);	
}

.promotion .directory_card  .card_inner {
	height: 20vw;
    width: 100%;
    background-size: 100% auto;
    background-position: 50%;
}

.promotion .info p {
    margin: 5px 0;
    text-align: center;
    font-size: 0.85rem;
    line-height: 1.8rem;
}

.promotion .modal {
	padding-left: 10vw;
	padding-right: 10vw;
}

.promotion .modal .row {
	width: 100%;
	display: flex;
	flex-direction: row;
}

.promotion .modal .row .home_slider {
	width: 50%;
/*	border: 1px solid silver; */
}

.promotion .modal .home_slider .slide {
	max-height: 50vh;
	overflow-y: hidden;
}

.promotion .modal .row > div:last-of-type {
	width: 50%;
	padding-left: 3%;
}

.promotion .modal .title {
	margin-top: 10vh;
    text-align: left;
    margin-bottom: 3vh;
    margin-left: 2vw;
    font-weight: 700;
}

.promotion .modal .desc {
	font-size: 0.9rem;
	margin-left: 2vw;
	margin-top: 5vh;
}

.promotion .modal .desc .combo_prices {
	margin-top: 3vh;
	margin-bottom: 3vh;
	font-weight: 700;	
}

.promotion .modal .desc .combo_prices .original {
	text-decoration: line-through;
	margin-right: 2vw;
}

.promotion .modal .desc .combo_prices .discount {
	color: red;
	font-size: 1.2rem;
}

.promotion .modal .desc .note {
	font-size: 0.7rem;
	line-height: 1.4rem;
}

.promotion .slick-customized-prev {
	left: -40px;
}

.promotion .slick-customized-next {
	right: -40px;
}

/*
.promotion .slick-slide {
	max-height: 50vh;
}
*/

.promotion .slick-dots {
	bottom: -40px;
}

/* 預約 */
.reservation .contact_info_div {
	width: 35%;
	padding-right: 2vw;
	box-sizing: content-box;
}

.reservation .class_img {
	width: 100%;
	height: 50vh;
	margin-top: 1.5vh;
	background-size: 100% auto;
	background-position: top;
}

.reservation_form {
	margin-bottom: 12vh;
}

.reservation_form table {
	border-collapse: separate;
	border-spacing: 20px 10px;
}

.res_form_entry {
	display: flex;
	flex-direction: row;
	border: 2px solid #DDDDDD;
	background-color: white;
	font-size: 0.9rem;
	padding: 10px;
}

.chinese_label {
	width: 15%;
	align-self: center;
	font-weight: 500;
}

.res_form_entry:last-of-type .chinese_label {
	align-self: flex-start;
}

.english_label {
	width: 33%;
	line-height: 1rem;
	align-self: center;
	font-size: 0.8rem;
	color: #999999;
	padding-left: 1%;
	padding-right: 1%;
}

.last_english_label {
	align-self: flex-start;
	line-height: 2.2rem;
}

.res_form_entry input, .res_form_entry textarea, .res_form_entry .cd-select {
	width: 66%;
	align-self: center;
	border: none;
	border-left: 2px solid #DDDDDD;
	font-size: 0.9rem;
}

.res_form_entry select {
	width: 100%;
	border: none;
	font-size: 0.9rem;
}

.reservation_form .submit {
	background-color: #666;
	width: 10vw;
	float: right;
	margin-right: 3.5%;
	margin-top: 2vh;
	font-size: 0.9rem;
	padding: 0.5vh 1.5vw;
}

.detail_button {
    float: right;
    width: 10vw;
    margin-right: 3.5%;
    font-size: 0.9rem;
    background-color: #FABF1F;
    color: #10386B;
    border: none;
    padding: 0.5vh 1.5vw;
    margin-bottom: 3vh;
}

.new_contact_form_format {
	width: 90%;
	display: flex;
	flex-direction: row;
	margin-right: 5%;
	margin-left: 5%;
}

.reservation .page_header {
	width: 100%;
	margin-left: 0px;
	text-align: left;
	font-weight: bold;
	font-family: 微軟正黑體;
	font-size: 1.5rem;
}

.reservation .page_header_eng {
	width: 50%;
	margin-left: 0px;
	text-align: left;
	padding-bottom: 3vh;
	color: #AAAAAA;
	border-bottom: 2px solid #222222; 
}

.reservation .last_english_label {
	border-right: 2px solid #DDDDDD;
	width: 27.5%;
}

.reservation .res_form_entry:last-of-type {
	border-bottom: none;
}

.reservation textarea {
	width: 100%;
	border: 2px solid #DDDDDD;
	border-top: none;
}

.reservation .modal {
	background-color: transparent;
}

.reservation .modal .close {
	position: relative;
    top: auto;
    right: auto;
    opacity: 0.2;
    font-size: 50px;
}

.reservation_policy {
	background-color: #DDDDDD;
	border-left: 10px solid #FABF1F;
	font-size: 0.7rem;
	line-height: 1.4rem;
	padding: 3%;
	padding-top: 5%;
	/* height: 35vh; */
	height: auto;
}

.policy_header {
	font-size: 1.2rem;
	letter-spacing: 3px;
	margin-bottom: 2vh;
}

.shop-option-wrapper {
	padding: 4%;
	width: 70%;
	margin-top: 0px;
	margin-bottom: 0px;
}

.category_label {
	background-color: #FABF1F; 
	color: #10386B;
	writing-mode: vertical-lr;
	width: 2rem;
	padding: 0.5rem;
	text-align:center;
	box-sizing: content-box;
	font-size: 1.2rem;
}

/** 場地租賃 **/
.venue .section_header {
	border-bottom: 0px;
}

.venue .directory_section {
	margin-top: 15vh;
}

.venue .directory_section .section_header .label {
	font-weight: 500;
}

.venue .directory_card {
	cursor: pointer;
	position: relative;
	margin-bottom: 8vh;
}

.venue .directory_card .desc {
	display: none;
}

.directory_card .name {
	margin-top: 2vh;
}

.directory_card .img {
    height: 13.6vw;
    background-size: 100% auto;
}

.directory_card .tag1 {
	background-color: #FABF1F;
	color: black;
	padding-left: 0.5vw;
	padding-right: 0.5vw;
	width: fit-content;
	position: absolute;
	top: 2vh;
	left: 0px;
	font-size: 0.9rem;
	line-height: 1.5rem;
}

.directory_card .tag2 {
	background-color: white;
	color: black;
	padding-left: 0.5vw;
	padding-right: 0.5vw;
	width: fit-content;
	position: absolute;
	top: 6vh;
	left: 0px;
	font-size: 0.9rem;
	line-height: 1.5rem;
}

.venue .caption {
	padding-left: 1.5vw;
	padding-right: 1.5vw;
}

.venue .modal {
	display: block;
	opacity: 0;
}

.venue .modal.none {
	display: none;
}

.venue .modal .home_slider {
	margin-top: 4vh;
	height: 50vh;
}

.venue .modal .slick-list {
	height: 100%;
}

.venue .modal .slide {
	height: 30vh;
}

.venue .modal .desc {
    font-size: 0.85rem;
    text-align: center;
    line-height: 1.8;
    position: absolute;
    bottom: 6vh;
    left: 35vw;
    width: 30vw;	
}

.venue .info {
	margin-top: 25vh;
}

.venue .info p {
	margin: 5px 0;
    text-align: center;
    font-size: 0.85rem;
    line-height: 1.8rem;
}

/* 旅遊地圖 */
.tourism_map {
	width: 70%;
	margin-right: 15%;
	margin-left: 15%;
	margin-bottom: 4vh;
}

.tourism_map iframe {
	margin-right: auto;
	margin-left: auto;
}

.attractions {
	width: 51vw;
	margin-right: 15%;
	margin-left: 15%;
	margin-top: 5vh;
}

.attraction_card {
	width: 16vw;
	height: 16vw;
	display: inline-block;
	margin-right: 0.5vw;
	margin-bottom: 1.5vw;
}

.card_image {
	width: 100%;
}

.card_title {
	font-size: 1.1rem;
	letter-spacing: 2px;
	color: black;
}

.card_content {
	font-size: 0.9rem;
	letter-spacing: 1px;
	color: black;
}

.tourism .page_header.align_left {
	margin-left: 0px;
    padding-left: 10vw;
    width: 30%;
}

.tourism .header_divider {
	height: 1px;
	width: 72%;
	margin-top: 1vh;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 1px solid gray;
}

.tourism .attraction_card {
	margin-bottom: 5.5vw;
}

.tourism .info {
	width: 80%;
	margin-top: 4vh;
	margin-left: auto;
	margin-right: auto;
}

.tourism .info img {
	width: 100%;
	height: auto;
}

/** 英、日文簡介 **/
body.english, body.japanese {
	overflow-y: hidden;
}

.english .content, .japanese .content {
	margin-right: auto;
	margin-left: auto;
	background-image: url('../images/2020/06/萬國網站切版-首頁-15-地圖底圖-02.jpg');
	background-size: 101% 101%;
	/*background-image: url('../images/萬國-關於我們-baggage.png'), url('../images/萬國-關於我們-bg-inside-3.png'), url('../images/萬國-關於我們-bg-combine.png');
	background-size: 18vw auto, 18vw auto, 100% 100%;
	background-position: 103% 88%, right 90%, center center;
	background-repeat: no-repeat, no-repeat, no-repeat;*/
	width: 100%;
	overflow-x: hidden;
	padding: 0px;
	padding-bottom: 35vh;
}

.english .content .container, .japanese .content .container {
	width: 70%;
}

.english .content_row_1, .english .content_row_2, .japanese .content_row_1, .japanese .content_row_2 {
	display: flex;
	flex-direction: row;
	font-size: 0.75rem;
	line-height: 1.2rem;
	font-family: 微軟正黑體;
	font-weight: bold;
}

.english .content_row_1, .japanese .content_row_1 {
	margin-top: 12vh;
	margin-bottom: 12vh;
}

.english .info_left .page_content, .japanese .info_left .page_content {
	width: 80%;
}

.english .content_row_2, .japanese .content_row_2 {
	margin-bottom: 20vh;
}

.english .content_row_1 .info_left, .japanese .content_row_1 .info_left {
	width: 53%;
}

.english .content_row_1 .pic_right, .japanese .content_row_1 .pic_right {
	width: 47%;
}

.english .content_row_2 .info_right, .japanese .content_row_2 .info_right {
	width: 60%;
}

.english .content_row_2 .pic_left, .japanese .content_row_2 .pic_left {
	width: 40%;	
}

.english .info_left, .japanese .info_left {
	padding-top: 1vh; 	
}

.english .info_right {
	/* padding-top: 15vh; */ 	
}

.english .page_header, .japanese .page_header {
	width: 100%;
	margin-left: 0px;
	text-align: left;
	font-weight: bold;
	font-family: 微軟正黑體;
	font-size: 1.6rem;
	letter-spacing: 0px;
}

.english .content_row_1 .page_header, .japanese .content_row_1 .page_header {
	background-image: url('../images/萬國-關於我們-title-line.png');
	background-size: 15vw auto;
	background-position: top right;
	background-repeat: no-repeat;
}


.english .page_header_eng, .japanese .page_header_eng {
	width: 25%;
	margin-left: 0px;
	text-align: left;
	padding-bottom: 1.2vh;
	color: #888888;
	border-bottom: 1px solid #222222;
	font-size: 1.1rem;
	letter-spacing: 1px;
	line-height: 1.8rem;
	margin-bottom: 2.5vh; 
}  

.english .pic_right img, .japanese .pic_right img {
	width: 100%;
	height: auto;
}

.english .extended_container {
	width: 70%;
	margin-left: 20%;
}

.english .pic_left img, .japanese .pic_left img {
	width: 80%;
	height: auto;
}

.english .site-footer, .japanese .site-footer {
	position: absolute;
	/* bottom: -13vh; */
	bottom: 0px;
}

.english .section_1, .japanese .section_1 {
	background-image: url('../images/萬國-觀光工廠-bg-inside-3.png'), url('../images/萬國-觀光工廠-bg-inside-2.png');
	background-size: 40vw auto, 50% auto;
	background-position: 80vw 10vh, 100% 30vh;
	background-repeat: no-repeat, no-repeat;
	height: 60vh;
	margin-bottom: 20vh;
	position: relative;
}

.english .factory_bg_2, .japanese .factory_bg_2 {
	position: absolute;
	width: 50vw;
	height: auto;
	right: -13vw;
	top: 20vh;
	filter: brightness(0.85);
}

.english .factory_bg_1, .japanese .factory_bg_1 {
	position: absolute;
	width: 54vw;
	height: auto;
	right: -16vw;
	top: 5vh;
}

.english .factory_img_1, .japanese .factory_img_1 {
	position: absolute;
	width: 50vw;
	height: auto;
	left: -18vw;
	top: 5vh;
}

.english .factory_fg_1, .japanese .factory_fg_1 {
	position: absolute;
    z-index: 300;
    width: 8vw;
    right: -8vw;
    top: 11vh;
    display: none;
}

.english .factory_fg_2, .japanese .factory_fg_2 {
	position: absolute;
    z-index: 300;
    width: 8vw;
    left: -6vw;
    top: 45vh;
    display: none;
}

.english .story, .japanese .story {
/*	
	width: 42%;
	left: auto;
	right: 0vw;
	top: 12vh;
	line-height: 1.5rem;
*/	
	width: 51%;
    left: auto;
    right: -1vw;
    top: 15vh;
    line-height: 1.8rem;
    font-size: 1.1rem;	
}

.english .story img, .japanese .story img {
	width: 45%;
}

.english .col-md-offset-2, .japanese .col-md-offset-2 {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 4vh;	
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.english .col-md-offset-2 div, .japanese .col-md-offset-2 div {
	width: 10vw;
	margin-right: 1vw;
	margin-left: 1vw;
	background-color: #10386B;
	color: white;
	text-align: center;
	font-size: 1rem;
	letter-spacing: 1px;
	padding: 3px;
}

.english .qa_category.active, .japanese .qa_category.active {
	background-color: white;
	color: #10386B;
	border: 1px solid #10386B;
}

.english .col-md-offset-2 div:hover, .japanese .col-md-offset-2 div:hover { 
	background-color: #FABF1F;
	color: #10386B;
}

.english .building_map, .japanese .building_map {
	display: none;
}

.english .directory_section.none, .japanese .directory_section.none {
	display: none;
}

.english .visit_info_policy, .japanese .visit_info_policy {
	padding-top: 3.5vw;
}

.english .visit_info_divs .section_header {
	width: 75%;
	letter-spacing: 0px;
	font-weight: 600;
}

.english .visit_info_divs, .japanese .visit_info_divs {
	background-image: url('../images/萬國-觀光工廠-info-bg-3.png');
	background-size: 100% auto;
	height: 39vw;
}

.english .business_hours, .japanese .business_hours {
	margin-bottom: 0px;
	padding-top: 11.5vw;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	background: none;
}

.english .ticket_info, .japanese .ticket_info {
	padding-top: 11vw;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	background: none;
}

.english .ticket_info .stylish_button, .japanese .ticket_info .stylish_button {
	display: none;
}

.english .item_card.even, .japanese .item_card.even {
	margin-top: 0px;
}

.english .stylish_button, .japanese .stylish_button {
    font-size: 1.2rem;
    letter-spacing: 2px;
    text-align: left;
    color: #2A6a91;
    border: none;
    background: none;
    background-image: url(../images/勝昌網站首頁-more-button.png);
    background-size: 100% 100%;
    width: 15vw;
    margin-top: 4vh;
    margin-right: auto;
    margin-left: 30vw;
    padding: 1.2vh;
    background-color: #10386B;
    color: white;
    font-size: 0.9rem;
    padding-left: 3vw;
    padding-right: 3vw;
    box-sizing: border-box;
}

.english .item_slider, .japanese .item_slider {
	height: 60vh;
	padding-top: 10vh;
	margin-bottom: 25vh;
}

.english .directory_card, .japanese .directory_card {
	min-height: 40vh;
}

.english .directory_card .name {
	font-size: 1rem;
}

.english .item_card .overlay, .japanese .item_card .overlay {
	width: 100%;
	height: 100%;
	z-index: 1000;
	padding-top: 55%;
	color: white;
	background-color: rgba(0, 0, 0, 0.7);
	border: none;
	display: none;
}

.rwd {
	display: none;
}

@media (max-width: 1040px) {
	.index .button_navy {
		width: 55%;
	}
}

@media (max-width: 1160px) {
	.header .container {
		max-width: 1080px;
	}
	
	.main-navigation ul li {
		font-size: 0.7rem;
	}
	
	#primary-menu a {
		font-size: 0.7rem;
	}
	
	#primary-menu .menu-item-has-children div {
		font-size: 7pt;
	}
	
	#primary-menu a div {
		font-size: 7pt;
	}
	
	.content_row6_center div {
		font-size: 0.65em;
	}	
}

@media (max-width: 991px) {
	.wp-block-columns.decoration_row1 {
		display: none;
	}
	
	.banner {
		margin-top: 8vh;
	}
		
	.modal {
		padding-right: 5vw;
		padding-left: 5vw;
	}
	
	.site-footer {
		height: auto;
	}
	
	.control_text {
		top: 0px;
		width: 75%;
	}
	
	.control_header {
		font-size: 16pt;
	}
	
	.control_description {
		font-size: 10pt;
	}
	
	.control_description br {
		display: none;
	}
	
	.video .video-list a .play-btn {
		left: 15% !important;
	}
	
	.index .slider {
		margin-top: 8vh;
	}
	
	.news .content, .news_2 .content {
    	background-image: url(../images/20200819-萬國網站-聯絡我們-bg-s.png);
    	background-size: auto auto;
    	background-repeat: repeat;
    	background-position: 50% center;
	}
	
	.info .site-footer {
		padding-top: 10vh;
	}
	
	.visit_info_policy {
		width: 100%;
	}
	
	.visit_info_divs .section_header {
		width: 60%;
	}	

	.promotion .modal .row .home_slider {
		width: 100%;
	}
	
	.promotion .modal .row {
		flex-direction: column;
		margin-left: 0px;
	}
	
	.promotion .modal .row > div, .promotion .modal .row > div:last-of-type {
		width: 95%;
		margin-left: 0.25%;
		margin-right: 0.25%;
	}
	
	.promotion .directory_card .card_inner {
		height: 75vw;
	}
	
	.tourism .page_header.align_left {
		width: 90%;
	}
	
	.tourism .info {
		width: 95%;
	}	
}

/* @media (max-width: 479px) { */
@media (max-width: 991px) {	
	.rwd {
		display: block;
	}
	
	.header {
		background-color: #10386B;
		height: 8vh;
	}
	
	.rwd_logo {
		width: 40%;
		height: 8vh;
		background-image: url('../images/2020/06/萬國網站切版-首頁-03-logo-w.png');
		background-size: 100% auto;
		background-position: 0% 50%;
		background-repeat: no-repeat;
	}
	
	.rwd_logo {
		width: 29%;
		height: 6vh;
		margin-top: 1vh;
		background-image: url('../images/2020/06/萬國網站切版-首頁-03-logo-w.png');
		background-size: 100% auto;
		background-position: 0% 50%;
		background-repeat: no-repeat;
	}	
	
	.toggle-btn {
		position: absolute;
		visibility: visible;
		right: 3vw;
		/* top: 2vh; */
		top: 3vh;
		display: flex;
		flex-direction: column;
		background: none;
		border: none;
		box-shadow: none;
	}
	
	.toggle-bar {
		margin-top: 0.5vh;
		width: 4vw;
		border: 1px solid white;
		background-color: white;
	}
	
	.social_link {
    	height: 30px;
    	width: 32px;
    	font-size: 15pt;
    	line-height: 1.8rem;
	}
	
	.menu-menu-1-container {
		position: absolute;
		width: 100vw;
		left: 0vw;
		
		/* display: none; */
	}
	
	.main-navigation ul li {
		border-bottom: 1px solid #FABF1F;
		padding-top: 4px;
		padding-bottom: 4px; 
		padding-left: 0px;
	}
		
	#primary-menu {
		flex-direction: column;
		background-color: rgba(255, 255, 255, 0.9);
		display: none;
	}
	
	#primary-menu a div {
		display: none;
	}
	
	#primary-menu .sub-menu {
		width: 100vw;
		position: relative;
		border-radius: 0px;
		top: 4px !important;
	}
	
	#primary-menu .sub-menu li {
		width: 100vw;
		border-bottom: 1px solid white;
	}
	
	#primary-menu .menu-item-has-children div {
		display: none;
	}
	
	.header-social {
		/* display: none; */
		/* top: 10px; */
		top: 0px;
    	right: 55px;
    	padding-top: calc((8vh - 30px) / 2);
    	padding-bottom: calc((8vh - 30px) / 2);
    	z-index: 10000;
	}
	
	.ig_link i {
		margin-top: 0px;
	}	
	
	.site-branding, .site-branding-overflow {
		display: none;
	}
	
	.page_header {
		width: 50%;
	}

	.page_header_eng {
		width: 50%;
	}
	
	.index #text-2 {
		height: 25vh;
	}
	
	.slider {
		height: 25vh;
	}

	.wp-block-columns.decoration_row1 {
		display: none;
	}	
	
	.wp-block-columns.content_row2 {
		display: block;
		margin-top: 0px;
		margin-bottom: 12vh;
	}
	
	.wp-block-columns.content_row2 .wp-block-column {
		display: inline-block;
		width: 100%;
		height: 60vh;
	}
	
	.directory_card .img {
		height: 53.4vw;
	}
	
	.directory_card .overlay {
		height: 53.4vw;
		padding-top: 18vw;
	}
	
	.story {
		width: 80%;
		left: 10%;
		top: 8vh;
		font-size: 0.7rem;
	}
	
	.button_gray {
		width: 60vw;
		margin-right: auto;
		margin-left: auto;
		font-size: 1rem;
		padding-top: 5px;
		padding-bottom: 5px;
		background-color: #FABF1F;
	}
	
	.wp-block-columns.content_row2 .wp-block-column.content_row2_right {
		height: 30vh;
	}
	
	.content_row2_decor {
		position: relative;
	}
	
	.wp-image-49 {
		width: 7vh;
		height: 10vh;
	}
	
	.new_image_row3 {
		height: 100vw;
		background-size: cover;
		background-position-x: right;
	}
	
	.new_overlay_control {
		display: block;
	}
	
	.control_element {
		width: 80%;
		left: 10%;
		top: 20%;
		font-size: 0.7rem;
		flex-direction: column;
	}
	
	.control_button {
		display: none;
	}
	
	.control_description {
		line-height: 1.5rem;
	}
	
	.white_button {
		color: white;
		background-color: rgba(0, 0, 0, 0.5);
		border: 1px solid white;
		width: 60vw;
		margin-right: auto;
		margin-left: auto;
		margin-top: 1.8vh;
		font-size: 1rem;
		padding-top: 3px;
		padding-bottom: 3px;
		text-align: center;
		cursor: pointer;
	}
	
	.lower_half_container {
		padding-top: 0px;
		padding-bottom: 0px;
	}

	.content_row6 {
		flex-direction: column;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	
	.content_row6_right, .content_row6_center, .content_row6_left {
		width: 100%;
	}
	
	.content_row6_left figure {
		margin-top: 0px;
		margin-bottom: 0px;
	} 

	.content_row6_center {
		line-height: 1.2rem;
	}
	
	.content_row6_center div {
		font-size: 1rem;
	}
		
	.content_row6_center .button_navy {
		line-height: 1.5em;
		margin-bottom: 4vh;
		font-size: 1rem;
		padding-top: 3px;
		padding-bottom: 3px;		
	}
		
	.about_us_overlay {
		width: 100vw;
		height: 60vw;
		display: block;
		top: 0px;
	}
	
	.about_us_button {
		width: 60%;
		font-size: 1rem;
	} 
	
	.content_row6_right {
		display: none;
	}
	
	.footer-t .col {
		flex-direction: column;
		width: 90%;
		margin-left: 5%;
	}
	
	#text-2 {
		border-left: none;
	}
	
	.footer-t .widget {
		/* padding-left: 5vw; */
	}
	
	#media_image-2 img {
		width: 60vw;
	}
	
	.offcial_website {
		margin-top: 8vh;
		font-size: 1rem;
		width: 50vw;
		margin-left: auto;
		margin-right: auto;
	}
	
	.offcial_website img {
		width: 40vw;
	}
	
	#media_image-2 {
		margin-left: 5vw;
	}
	
	/* 預約項目 */
	.new_contact_form_format {
		flex-direction: column;
	}
	
	.reservation .contact_info_div {
		width: 100%;
	}
	
	.res_form_entry {
		flex-direction: column;
	}
	
	.res_form_entry .chinese_label {
		width: 100%;
		text-align: left;
		line-height: 1rem;		
	}

	.res_form_entry .english_label {
		width: 100%;
		text-align: left;
	}
	
	.res_form_entry input, .res_form_entry textarea, .res_form_entry .cd-select {
		border-left: none;
		width: 100%;
		border: 1px solid #DDDDDD;
	}
	
	.res_form_entry textarea {
		height: 50vh;
	}
	
	.reservation_form table {
		border-spacing: 5px 5px;
		margin: 0px -5px;
		margin-right: -10px;
	}
	
	.reservation .detail_button {
		width: 40%;
	}
	
	.reservation_form .submit {
		width: 40%;
	}
	
	/* 最新消息 */
	.news .col-md-offset-2 {
		display: none;
	}
	
	.news_slide .news_type {
		top: 5px;
		right: 4px;
		letter-spacing: 1px;
	}
	
	/* 最新消息 內頁 */
	.news_2 .content {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	
	.news_2 .col-md-offset-2 {
		display: none;
	} 
	
	.news_detail_divs {
		flex-direction: column;
	}
	
	.news_detail {
		width: 100%;
	}
	
	.news_2 .banner_label {
		width: 40vw;
	}
	
	.news_2 .news_type {
		width: 40vw;
		top: 1.5vh;
		right: 4.5vw;
	}
	
	.news_2 figure .wp-image-58 {
		width: 100%;
		margin-top: 1vh;
		margin-left: 0px;
	}
	
	.news_listing {
		width: 100%;
	}
	
	.news_2 .submit {
		width: 30vw;
	}
	
	/* 關於我們 */
	.about .content {
		background-size: 18vw auto, 18vw auto, 100% auto;
    	background-position: 103% 88%, right 90%, center top;
	}
	
	.about .content .container {
		width: 80%;
	}
	
	.about .content_row_1 {
		flex-direction: column;
	}
	
	.about .content_row_1 .info_left {
		width: 100%;
	}
	
	.about .content_row_1 .pic_right {
		width: 100%;
	}			
	
	.about .extended_container {
		width: 80%;
		margin-left: 10%;
		padding: 0px 15px;
	}
	
	.about .content_row_2 {
		flex-direction: column-reverse;
		margin-bottom: 50vh;
	} 
	
	.about .content_row_2 .info_right {
		width: 100%;
		padding-top: 0px;
	}
	
	.about .content_row_2 .pic_left {
		width: 100%;
	}
	
	.about .pic_left img {
		width: 100%;
	}
	
	/* 觀光工廠 */
	.factory .content {
		padding-top: 50px;
	}
	
	.factory .section_1 {
    	background-image: url(../images/萬國-觀光工廠-bg-inside-3.png), url(../images/萬國-觀光工廠-bg-inside-1.png);
    	background-size: 70vw auto, 15vw auto;
    	background-position: 75% 4vh, 10% 3%;
	}
	
	.factory .factory_bg_1 {
		display: none;
	}
	
	.factory .factory_bg_2 {
	    width: 60vw;
    	right: 0vw;
    	top: 30vh;
	}
	
	.factory .factory_img_1 {
		position: relative;
		width: 80%;
		left: 10%;
	}
	
	.factory .story {
		position: relative;
		width: 80%;
		right: 10%;
		margin-bottom: 5vh;
		left: 10%;
		top: 7vh;
	}
	
	.factory .col-md-offset-2 {
		width: 90%;
		margin-left: 5%;
	}
	
	.factory .col-md-offset-2 div {
		width: 30%;
	}
	
	.factory .floors {
	    width: 90%;
    	margin-left: auto;
    	margin-right: auto;
    	border: 1px solid gray;
	}
	
	.factory .modal .row {
		flex-direction: column;
		margin-left: auto;
    	margin-right: auto;
	}
	
	.factory .modal .row .home_slider {
		width: 100%; 
	}
	
	.factory .modal .row > div:last-of-type {
		width: 100%;
	}	
	
	.factory .modal .title {
    	margin-top: 5vh;
	}	
	
	.service_listing {
		flex-direction: column;
	}
	
	.service_listing > div {
		width: 100%; 
	}
	
	.service {
		height: 40vh;
	}
	
	.service img {
		margin-top: 5%;
	}
	
	.service .service_title {
		margin-top: 0px;
	}
	
	.service .detail_listing {
		line-height: 1.4rem;
	}
	
	/* 參觀資訊 */
	.info .content {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	
	.visit_info {
		flex-direction: column;
	}
	
	.visit_info_divs {
		width: 100%;
	}
	
	.ticket_info {
		margin-bottom: 2vh;
	}
	
	.visit_info_policy div {
		height: auto;
	}
	
	.info .map {
		height: 125vh;
		background-image: url(../images/20200819-萬國網站-聯絡我們-bg-s.png);
	}
	
	.info .direction {
		width: 100%;
		height: auto;
		position: relative;
		right: 0px;
		padding-bottom: 3vh;
	}
	
	.direction .section_header {
		width: 45%;
		padding-left: 8vw;
	}
	
	/* DIY */
	.diy .item_slider {
		height: 55vh;
	}
	
	.diy .item_slider .slick-slide {
		height: 50vh;
	}
	
	.item_card.even {
		margin-top: 0px;
	}
	
	.promotion .modal .home_slider .slide {
		max-height: 30vh;
	}	
	
	.diy .stylish_button {
		margin-left: 35vw;
	}
	
	.diy .item_card .item_card_title, .english .item_card .item_card_title, .japanese .item_card .item_card_title {
		bottom: 11.25rem; 
	}

	.diy .item_card .header_divider, .english .item_card .header_divider, .japanese .item_card .header_divider {
		bottom: 11rem;
	}
	
	.diy .item_card .item_card_content, .english .item_card .item_card_content, .japanese .item_card .item_card_content  {
		bottom:5rem;
		overflow: hidden;
		text-overflow:ellipsis; 
		height: 5.5rem;
	}
	
	.diy_2 .diy_detail_options {
		width: 60%;
	}
	
	.diy_2 .row {
		width: 80vw;
	}
	
	.diy_2 .row .primary_image {
		width: 26vw;
	}
	
	.diy_2 .row .inner_div {
		background-repeat: no-repeat;
		background-position: center center;
	}
	
	.diy_2 .row .auxillary_images {
		width: 54vw;
	}
	
	.diy_2 .row .auxillary_images img {
		width: 25vw;
	}
	
	.diy_2 .modal {
		padding-left: 2.5vw;
		padding-right: 2.5vw;
	}
	
	.diy_2 .modal.vertical .home_slider {
		margin-top: 8vh;
	}
	
	.diy_2 .modal.vertical .slide img {
		width: 100%;
    	height: auto;
    	transform: none;
	}
	
	.diy_2 .modal .close {
		right: 2vh;
    	top: 2vh;
	}
	
	.diy_2 .modal .home_slider {
		margin-top: 30vh;
	}
		
	/* 旅遊地圖 */
	.tourism_map {
		width: 100%;
		margin: 0px;
	}
	
	.tourism .page_header:nth-of-type(even) {
	    margin-top: 10vh;
	}	
	
	.attractions {
		width: 90%;
		margin-right: auto;
		margin-left: auto;
	}
	
	.attraction_card {
		width: 100%;
	}
	
	.english .content .container, .japanese .content .container {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 45vh;
	}
	
	.english .content_row_1, .japanese .content_row_1 {
		flex-direction: column-reverse;
	}
	
	.english .content_row_1 .info_left, .japanese .content_row_1 .info_left {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.english .info_left .page_content, .japanese .info_left .page_content {
		width: 100%;
	}
	
	.english .content_row_1 .pic_right, .japanese .content_row_1 .pic_right {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 3vh;
	}
	
	.english .content_row_2, .japanese .content_row_2 {
		flex-direction: column;
		margin-bottom: 8vh;
	}
	
	.english .content_row_2 .pic_left, .japanese .content_row_2 .pic_left {
		width: 95%;
		margin-left: auto;
		margin-right: auto;	
		margin-bottom: 3vh;
	}
	
	.english .content_row_2 .info_right, .japanese .content_row_2 .info_right {
		width: 95%;
		margin-left: auto;
		margin-right: auto;	
	}
	
	.english .section_1, .japanese .section_1 {
		display: flex;
		flex-direction: column;
		background-image: url(../images/萬國-觀光工廠-bg-inside-2.png);
    	background-size: 50% auto;
    	background-position: 100% 30vh;
	}
	
	.english .factory_img_1, .japanese .factory_img_1 {
		width: 95%;
    	margin-left: auto;
    	margin-right: auto;
    	left: 0px; 
	}
	
	.english .factory_bg_1, .japanese .factory_bg_1, .english .factory_bg_2, .japanese .factory_bg_2 {
		display: none;
	}
	
	.english .story, .japanese .story {
	    width: 100%;
    	font-size: 0.75rem;
    	line-height: 1.2rem;
    	color: black;
    	font-weight: 500;
    	top: 40vh;
	}
	
	.english .floors, .japanese .floors {
	    width: 90%;
    	margin-left: auto;
    	margin-right: auto;
    	border: 1px solid gray;
	}
	
	.english .directory_card, .japanese .directory_card {
    	min-height: 33vh;
	}	
	
	.english .visit_info_divs, .japanese .visit_info_divs {
		height: 125vw;
	}
	
	.english .visit_info_divs .section_header  {
		font-size: 1.4rem;
	}
	
	.english .business_hours, .japanese .business_hours {
		padding-top: 33.5vw;
	}
	
	.english .ticket_info, .japanese .ticket_info {
		padding-top: 33.5vw; 
	}
	
	.english .item_slider .home_slider, .japanese .item_slider .home_slider {
		width: 100%;
	}
	
	.english .item_slider .slick-slide, .japanese .item_slider .slick-slide {
		height: 100vh;
	}
	
	.english .stylish_button, .japanese .stylish_button {
		margin-left: 25vw;
	}
	
	.english .modal .row, .japanese .modal .row {
		flex-direction: column;
		margin-left: auto;
    	margin-right: auto;
	}
	
	.english .modal .row .home_slider, .japanese .modal .row .home_slider {
		width: 100%; 
	}
	
	.english .modal .row > div:last-of-type, .japanese .modal .row > div:last-of-type {
		width: 100%;
	}	
	
	.english .modal .title, .japanese .modal .title {
    	margin-top: 5vh;
	}		
	
	.japanese .visit_info_policy .section_header {
		width: 54%;
	}
	
	.english .to-top-s, .japanese .to-top-s {
		z-index: 3000;
	}
	
	.english .item_slider {
		height: 65vh;
	}
	
	.pc {
		display: none !important;
	}
}

@media only screen and (max-width: 400px) {
	#accordion .panel-title a {
	    padding-right: 55px !important;
	    letter-spacing: 0px !important;
	    line-height: 1.6rem !important;
	}	
}

@media only screen and (min-width: 1400px) {
	.social_link {
		height: 32px;
		width: 34px;
		font-size: .675em;
		padding-top: 0px;
		padding-bottom:1px;
	}	
	
	.index .messenger {
		z-index: 9;
		bottom: 64px;
		right: 130px;
		width: 50px;
		height: 50px;
	}
	
	.index .messenger i {
		font-size:3.5rem;
	}
	
	.venue .content {
		padding-bottom: 3vh;
	}
}

@media only screen and (min-width: 992px) {
	.news .col-md-offset-2 {
		margin-left: 0px;
	}
}

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) { 
	.new_contact_form_format {
    	flex-direction: column;
	}
	
	.contact_info_div {
		/* background-color: orange; */
	}
	
	.directory_card .tag1 {
		width: 25%;
		text-align: center;
	}
	
	.directory_card .tag2 {
		width: 25%;
		text-align: center;
	}	
}