/*
 Theme Name:   Spacious Child
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Spacious Child Theme
 Author:       John Doe
 Author URI:   http://example.com
 Template:     spacious
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  spacious-child
 2019/10/16    Fixing https  
*/

@import url("../spacious/style.css");

/* Overall Style */
/*HY 180306 試著調整 整個header歪一邊的現象 */
body {
    overflow-x: hidden;
}

#page {
	width: 100vw;
	max-width: 100vw !important;
}

#main {
	font-family: "Noto Sans", "Noto Sans CJK TC", sans-serif, 微軟正黑體 !important;	
	padding-top: 15px !important;
	margin: auto;
}
.sow-icon-image{
	transition: 0.3s;
	}
.sow-icon-image:hover{
	transform: scale(1.2);
}

#main div, td, span, h1, h2, h3, h4, p, a, input {
	font-family: "Noto Sans", "Noto Sans CJK TC", sans-serif, 微軟正黑體;	
}

.header-post-title-container {
	display: none;
}

/*HY 180306 試著調整 整個header歪一邊的現象 */
.wide-1218 .inner-wrap {
	width: 100%;
	max-width: 100vw;
}

/* Header Style */
#header-text-nav-container {
	background-image: url("https://www.simpla.com.tw/wp-content/uploads/玉米田-web-背景.png"); 
	background-size: 100% 100%;
	padding-bottom: 0.5vh;
}

#header-text-nav-wrap {
	padding-bottom: 0 !important;
}

#simpla_cornfield {
	width: 15vw;
	height: auto;
	display: block;
	position: absolute;
	left: 2vw;
	top: 1vw;
}

#english {
	width: 3vw;
	height: auto;
	display: block;
	position: absolute;
	right: 2vw;
	top: 0.5vw;
}

#header-left-section {
	/*HY 180306 試著調整 整個header歪一邊的現象 */
	float: none !important;
	width: 90vw !important;
	display: block !important;
	position: relative !important;
	margin: 0 auto !important;	
	text-align: center !important;
}

/*HY 180306 試著調整 整個header歪一邊的現象 */
#header-right-section {
	float: none !important;
	display: block;
	width: 90vw;
	margin: 0 auto;
}

#header-logo-image {
	width: 100% !important;
	/* display: inline-block !important; */
	/*position: relative !important; */
	margin: 0 auto !important;
}

.custom-logo {
	width: 11vw !important;
	height: auto !important;
	display:block;	
	position: relative; 
	/* left: 39vw; */
	margin: 0 auto; 
	/* position: absolute; */
	/* left:44.5vw; */
	top: 4vh;
}

/** Navigation **/
/*HY 180306 試著調整 整個header歪一邊的現象 */
.main-navigation {
	display: block;
	margin: 0 auto;
	width: 100%;
}

.nav-menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.nav-menu .menu-item {
	font-family: "Noto Sans", "Noto Sans CJK TC", sans-serif, 微軟正黑體;
	padding: 0 2vw !important;  
}

.menu-primary-container {
	display: block;
	margin: auto;
	margin-top: 5vh;
}

.menu .menu-item a {
	color:#7BA918 !important;
	font-size: 1.1rem !important;
}

.menu .menu-item a:hover {
	color:#603813 !important;
	background-color: rgba(217,224,33, 0.5);
}

.sub-menu .menu-item {
	background-color: #7BA918 !important;
	padding: 0 !important;
}

.sub-menu .menu-item a {
	background-color: #7BA918 !important;
	color: white !important;
	font-size: 0.88rem !important;
}

/* Footer Style */
#colophon {
	height: 30vh; 

/*	background-image: url("http://www.simpla.com.tw/wp-content/uploads/玉米田-web-底部草.png"); */
}

.footer-widgets-wrapper {
	height: 30vh;
	background-color: white !important;
	background-image: url("https://www.simpla.com.tw/wp-content/uploads/玉米田-web-底部草.png"); 	
	background-size: 100% 100%;	
	border-top: none !important;
}

.footer-socket-wrapper {
	display: none;
}

.tg-column-1 {
	width: 100% !important;
	height: 15vh;
}

.tg-column-1 .widget_custom_html {
	height: 10vh;
	border-bottom: 1px solid green;
}

.tg-column-2 {
	display:none;
}

.tg-column-3 {
	display:none;
}

.tg-column-4 {
	display:none;
}

#footer_copyright {
	position: absolute;
	left: 5vw;
	font-family: "Noto Sans", "Noto Sans CJK TC", sans-serif, 微軟正黑體;
	color: #7BA918;
}

#designer {
	position: absolute;
	right: 5vw;
	font-family: "Noto Sans", "Noto Sans CJK TC", sans-serif, 微軟正黑體;
	color: #7BA918;	
}

#footer_icons {
	width: 50%;
	height: 3.5vw;	
	position: absolute;
	right:0;
}

#footer_icons span {
	float: right;
	width: 3.5vw !important;
	height: 3.5vw;
	margin-right: 1vw;
	margin-left: 0;		
}

#footer_icons span img {
	width: 3.5vw !important;
	height: 3.5vw;	
	position:absolute;
	/* CSS3淡出淡入效果,1秒 */  
		-webkit-transition: opacity 0.5s ease-in-out;
		-moz-transition: opacity 0.5s ease-in-out;
		-o-transition: opacity 0.5s ease-in-out;
		transition: opacity 0.5s ease-in-out;
}

#footer_icons span img:nth-of-type(2):hover{
	opacity:0; /*滑鼠滑入時，透明度變0*/
}

#shopping_link {
	margin-right: 3vw !important;
}

#colophon .widget {
	padding-bottom: 0 !important;
}

.rwd_footer_icons {
	display: none;
}

/* Frontpage Style */
.page-id-1128 #main {
	padding-top:0 !important;
}

.page-id-1128 #content .page {
	padding-bottom: 0 !important;
}

#frontpage_table {
	border-collapse: collapse;	
}

#frontpage_table td {
	border: none; 
}

#frontpage_title1 {
	color: #7BA918;
	vertical-align: middle;	
}

.frontpage_icon {
	width:4vw !important;
	height:4vw !important;
	vertical-align: middle !important;
	margin-left: 0.5vw !important;
	float: left;
}

#frontpage_content {
	color: #7BA918;	
}

#frontpage_content td {
	padding-top:10vh;
}

#panel-1128-0-0-2 {
    display: none;
}

#frontpage_video_header {
	display: block;
	margin: auto;
	width:90%;
	border-bottom: 2px solid #7BA918;
	padding-bottom: 3vh;
	margin-bottom: 5vh;
}

#frontpage_video {
	display: block;
	margin: auto;
	width:90%;
	height:50vh;	
}

#frontpage_video_caption {
	display: block;
	margin: auto;
	width:90%;
	margin-top:-2vh;
}

#frontpage_video_note {
	margin-top: 4vh;
}

#first_letter {
	font-size: 1.5rem;
}

#frontpage_history_header {
	display: block;
	margin: auto;
	width:90%;
	border-bottom: 2px solid #7BA918;
	padding-top: 1vh;	
	padding-bottom: 1vh;
	margin-bottom: 1vh;	
}

#frontpage_history_table td {
	padding: 0.8vh !important;
	padding-top: 0 !important;
}

.year {
	font-size: 1.5rem;
	margin-bottom: 1vh;
	margin-top:2vh;
}

.frontpage_history_header {
	font-size: 1.2rem;
}

.history_content {
	font-size: 0.9rem;
	margin-top: 0.8vh;
}

.company_history_frontpage {
	background-color: rgba(123, 169, 24, 0.2);
	padding-right: 0;
}

.frontpage_endcell_2 {
	width: 0.1vw;
	background-color: white;
}

.frontpage_endcell_1 {
	width: 1.8%;
	background-color: rgba(123, 169, 24, 0.2);	
}

/* Company Introduction */
.page-id-1060 #main {
	height: 80vh;
	background-image: url(https://www.simpla.com.tw/wp-content/uploads/玉米田-web-品牌故事01.png);
	background-size: 55vw auto;
	background-position: 0 30px;
	background-repeat: no-repeat;
}

.page-id-1062 #main {
	height: 80vh;
	background-image: url(https://www.simpla.com.tw/wp-content/uploads/玉米田-web-經營理念01.png);
	background-size: 73vw auto;
	background-position: 0 30px;
	background-repeat: no-repeat;
}

.page-id-1064 #main {
	height: 80vh;
	background-image: url(https://www.simpla.com.tw/wp-content/uploads/玉米田-web-公司沿革01.png);
	background-size: 70vw auto;
	background-position: 0 30px;
	background-repeat: no-repeat;
}

.page-id-1066 #main {
	height: 80vh;
	background-image: url(https://www.simpla.com.tw/wp-content/uploads/玉米田-web-玉米背景.png);
	background-size: 35vw auto;
	background-position: 0 30px;
	background-repeat: no-repeat;
}

.company_intro {
	width: 50vw;
	display: block;
	position: relative;
	left: 34vw;
	background-color: rgba(140, 198, 63, 0.07);
	padding: 1.5vw 3vw 2vw 3vw;
}

.branding_header {
	width: 100%;
	display: block;
	position: relative;
	position: relative;	
	margin: 0 auto;
	text-align:center;
	padding-bottom: -8vh;
	border-bottom: 2px solid #7BA918;
	margin-bottom: 5vh;
}

.header_decor {
	width:4vw !important;
	height:4vw !important;
	vertical-align:middle !important;
}

.header_decor_rev {
	width:4vw !important;
	height:4vw !important;
	transform: scale(-1, 1);
	vertical-align:middle !important;
}

.branding_title {
	color: #7BA918;
	font-size: 2.0rem;
	margin-left: 1vw;
	margin-right: 1vw;
}

.branding_content {
	width: 86%;
	position: relative;
	margin: 0 auto;
	color: black;
	letter-spacing: 0.8px;
}

#company_name {
	width: 15vw;
	font-size: 1.5rem;
	display: block;
	margin: 0 auto 3vh auto;
	text-align: center;
}

#company_name_full {
	width: 20vw;
	font-size: 1.5rem;
	display: block;
	margin: 0 auto 3vh auto;
	text-align: center;
}

#highlight_slogan {
	color: #7BA918;
	font-size: 1.1rem;
	margin-left: 0vw;
	margin-right: 0vw;	
}

#section_switch_block {
	background-color: white;
	width: 100%;
}

#section_switch {
	color: #006837;
	width: 45vw;
	position: relative;
	left: 40vw;
	margin-top: 4vh;
	border-collapse: collapse;
	background-color: rgba(255, 255, 255, 0.4);
}	

#section_switch td {
	border: none;
	padding-bottom: 0 !important;
	padding-top: 3vh !important;
	vertical-align: middle !important;
	border-radius: 40px !important;
}

#section_switch td:hover {
	background-color: rgba(0,104,55,0.2); 
}

#section_switch td a:hover {
	color: white; /*#006837;*/
	/* text-decoration: underline;	*/
}

#section_switch a {
	color: #006837;
}

.current_section {
	color: #97653A;
}

.current_section:hover {
	background-color: white !important;
}

.selection_section u {
    text-decoration: none;
	padding-bottom: 2px;
    border-bottom: 3px solid #97653A;
}

.section_icon {
	width:2.5vw !important;
	height:2.5vw !important;
	margin-left: 0.8vw;
	margin-right: 0.8vw;
	position: relative;
	bottom: 1vh;
}

/* 經營理念 */
#vision_block {
	border: 3px solid #A67C52;
	padding: 2vw;
	width: 29vw;
	position: absolute;
	top:43vh;
	left: 1.5vw;
}

#vision_inner_block {
	background-color: rgba(166,144,82, 0.6);
	padding: 1vw;
	padding-top: 5vh;
}

#goals_table {
	border-collapse: collapse;
}

#goals_table td {
	border: none;
	border-bottom: 1px dashed #EBD352;
	color: #EBD352;	
}

.goals_header {
	font-size: 1.4rem;
	border-bottom: 3px solid #EBD352 !important;
	margin-bottom: 2vh;
}

.right_justify {
	float: right;
}

.goals_subheader {
	margin-top: 3vh;
	font-size: 1.2rem;
	margin-bottom: 1.6vh;
}

.vision_icon {
	width:6vw !important;
	height:6vw !important;
	position: absolute;
	right: 1.8vw;
}

.vision_position_1 {
	top:15vh;
}

.vision_position_2 {
	top:30vh;
}

/* 公司沿革 */
.highlight_color {
	color: #006837;
	font-weight: bold;
}

.history_header {
	color: #006837 !important;
	border-bottom: 3px solid #006837 !important;	
}

#history_block {
	width: 30vw;	
	background-color: rgba(255, 255, 255, 0.4);	
	padding: 2vw;
	position: absolute;
	top: 34vh;
	left: 1.5vw;	
}

#history_block table {
	border-collapse: collapse;
	width: 90%;
	display: block;
	margin: 0 auto;
}

#history_block table td {
	border: none;
	color: black;
	font-size: 0.9rem;
	letter-spacing: 1px;
	line-spacing: 110%;
	border-bottom: 1px dashed black;
}

#history_table_last_entry {
	border-bottom: none !important;
}

/* 永續觀點 */
.page-id-1066 .company_intro {
	width: 35vw !important;
	left: 47vw !important;	
}

.page-id-1066 #section_switch {
	width: 38vw !important;
	left: 45vw !important;
	top: 50vh;
	margin-top: 5vh !important;
}	

.page-id-1066 #section_switch td {
	padding-left: 0;
	padding-right: 0;
}

.sustainability_choice_tab {
	border-bottom: 1px solid #7BA918 !important;
	color: #7BA918;
	font-size: 1.2rem;
	letter-spacing: 1px;
}

#sustainability_table_content {
	border-collapse: collapse;
}

#sustainability_table_content td {
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: 3px dotted gray;	
	padding-top:3vh;
	letter-spacing: 2px;
}

#sustainability_table_content td:hover {
	background-color:  rgba(0,104,55,0.2);
}

.sustainability_choice_bullet {
	border-bottom: none !important;
	color: #7BA918;
	width: 5%;
	visibility: hidden;
}

.sustainability_choice_bullet:hover {
	background-color: rgba(140, 198, 63, 0) !important;
}

.sustainability_choice:hover {
	/* background-color: rgba(140, 198, 63, 0) !important; */
	background: -webkit-linear-gradient(left, rgba(0, 104, 55, 0.25), rgba(0, 104, 55, 0)) !important;
	background: -o-linear-gradient(right, rgba(0, 104, 55, 0.25), rgba(0, 104, 55, 0)) !important;
	background: -moz-linear-gradient(right, rgba(0, 104, 55, 0.25), rgba(0, 104, 55, 0)) !important;
	background: linear-gradient(to right, rgba(0, 104, 55, 0.25), rgba(0, 104, 55, 0)) !important;	
}
	
.sustainability_choice_tab {
	display: none;
}
	
#sustainability_intro_block {
	width: 38vw;
	height: 67vh; 
	border: 3px solid #7BA918;
	background-color: rgba(255, 255, 255, 0.5);
	padding: 1.8vw;
	position: absolute;
	top: 35vh;
	left: 2vw;
}

#what_is_pla {
	position: absolute;
	left:1.8vw;
	top:1.8vw;
}

#turn_pla_into_products {
	visibility: hidden;	
	position: absolute;
	left:1.8vw;
	top:1.8vw;	
}

#pla_biodegradation {
	visibility: hidden;	
	position: absolute;
	left:1.8vw;
	top:1.8vw;		
}

#pla_recycle_content {
	visibility: hidden;	
	position: absolute;
	left:1.8vw;
	top:1.8vw;	
}

#htr_pla_intro {
	visibility: hidden;	
	position: absolute;
	left:1.8vw;
	top:1.8vw;	
}

.PLA_intro {
	/* height: 100%; */
	width: 38vw;
	display: block;
	margin: auto auto;
	vertical-align: bottom;
	border-collapse: collapse;
}

.PLA_intro td {
	width: 36vw;
	border: none;
}

.sustainability_header {
	font-size: 1.5rem;
	color: #7BA918;
	padding-top:1vh !important;
	padding-bottom: 0;
	border-bottom: 1px dashed black !important;
	letter-spacing: 1px;
}

.additional_padding {
	padding-bottom: 2.5vh !important;
}

.pla_logo {
	width:4vw !important;
	height:5vw !important;
	vertical-align:text-bottom !important;	
	padding-bottom: 0 !important;
}

#PLA_intro_content {
	letter-spacing: 1px;
	line-height: 180%;
}

.PLA_chem_structure {
	width: 75%;
	height: auto;
	margin-top: 3vh;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.PLA_demonstration {
	width: 100%;
	display: block;
	margin: 0 auto;
	padding: 0;
}

.PLA_recycle1 {
	width: 80%;
	display: block;
	margin: 0 auto;
	padding: 0;
}

.PLA_recycle2 {
	width: 80% !important;
	display: block;
	margin: 0 auto !important;
	padding: 0 !important;
}

.PLA_recycle3 {
	width: 90%;
	display: block;
	margin: 0 auto;
	padding: 0;
}

#blowup_2 {
	float: right;
}

#blowup_2:hover {
	color: silver;
	cursor: pointer;
}

#blowup_3 {
	float: right;
	position: relative;
	bottom: 1vh;
}

#blowup_3:hover {
	color: silver;
	cursor: pointer;	
}

.table_divider {
	border-bottom: 1px dotted black !important;
}

/** 下面是支援PLA介紹 全螢幕放大 呈現 的CSS碼 */
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 5; /* Sit on top */
    padding-top: 1vh; /* Location of the box */
	top: 10vh;
	left: 10vw;
    width: 80vw; 
    height: 80vh; 
    /* overflow: auto;*/ /* Enable scroll if needed */
    /*background-color: rgb(140, 198, 63); */ /* Fallback color */
    background-color: rgba(140, 198, 63, 0.7); /*rgba(0,0,0,0.9);*/ /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content {
	height: 68vh;
    width: auto;
    display: block;	
    margin: 0 auto;
    max-width: 700px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #caption { 
    animation-name: zoom;
    animation-duration: 0.6s;
}

@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}

/* The Close Button */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
	border-radius: 10px;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 產品介紹 */
#product_category {
	width: 100%;
	border-collapse: collapse;
}

#product_category td {
	border: none;
}

#product_category .large_button {
	color: black;
	letter-spacing: 1px;
}

#pla_houseware {
	color: black !important;
	letter-spacing: 1px !important;	
}

.large_button {
	width: 90%;
	height: 13vw;
	border: 1px green solid;
	border-radius: 20px;
	box-shadow: 10px 10px 5px grey;
	color: black;
	text-align:center;
	margin: 1.5vw;
	margin-left: 0;
	padding-top:1vw;
	float: left;
}

.large_button:hover {
	background-color: #7BA918;
	color: white !important;
}

.button_centered_image {
	display: block;
	width: 60%;
	height: auto;
	margin: auto;
}

.div_link_product {
	display: block;
}

/* 分類產品介紹 */
.page-id-1070 #primary {
	width: 80% !important;
}

.page-id-1070 #secondary {
	width: 20% !important;
}

.page-id-1072 #primary {
	width: 80% !important;
}

.page-id-1072 #secondary {
	width: 20% !important;
}

.page-id-1074 #primary {
	width: 80% !important;
}

.page-id-1074 #secondary {
	width: 20% !important;
}

.page-id-1076 #primary {
	width: 80% !important;
}

.page-id-1076 #secondary {
	width: 20% !important;
}

#safety_report {
	width: 50%;
	height: auto;
	display: block;
	margin: 0 auto;
	margin-top:4vh;
	margin-bottom: 6vh;
	border-radius: 6vw;
	border: 1px solid gray;
	box-shadow: 4px 4px 2px silver;
}

#safety_report:hover {
	cursor: pointer;
}

#rwd_category_selector_block {
	display: none;
}

#rwd_safety_report_icon {
	display: none;
}

#product_catgory_listing {
	width: 18vw;
	display: block;
	border-collapse: separate;
	border-spacing: 0 2vh;
	letter-spacing: 1px;
	margin-right: 2vw;
	position: relative;
	left: 2vw;
}

#product_catgory_listing td {
	border: none; 
}

#product_catgory_listing td a {
	text-decoration: none;
	color: #666666;
}

#product_catgory_listing td a:hover {
	text-decoration: none;
}

.catgory {
	width: 18vw;
	padding-bottom: 3vh !important;
}

.subcatgory_name {
	padding-bottom: 1vh !important;
	border-bottom: 2px dotted gray !important;
}

.subcatgory_name:hover {
	background-color: rgba(140, 198, 63, 0.07);
}

#product_catgory_listing td {
	font-size: 1.1rem;
}

.medium_button {
	width: 10vw;
	height: 7vw;
	display: block;
	margin: 0 auto;
	border: 1px green solid;
	border-radius: 10px;
	margin: 1vw;
	box-shadow: 6px 6px 3px grey;
}

.medium_button img {
	width: 6vw;
	height: 6vw;
	display: block;
	margin: 0 auto;
	padding-top: 0.5vw;
}

#category_switch .medium_button:hover {
	background-color: rgba(140, 198, 63, 0.2) !important;
}

#category_switch .topic_selected:hover {
	background-color:#7BA918 !important;
}

#category_switch {
	width: 44vw;
}

#category_switch td {
	width: 11vw;
	border:none;
	text-align:center;
}

#category_switch td a {
	color: black;
}

#category_switch td a:hover {
	background-color: rgba(255, 255, 255, 0);
}

#category_switch .topic_selected {
	color: #7BA918 !important;
}

.color_green a {
	color: #7BA918 !important;
}

.product_listing {
	width: 90%;
	display: none;
	margin: 0 auto;
	border-collapse: separate;
	border-spacing: 2vw;
}

.product_listing td {
	width: 33vw;
	height: 18vw;
	border: none;
	text-align: center;	
	padding: 0 !important;
}

.product_snapshot {
	height: 18vw !important;
	width: auto !important;
	display: block;
	margin: 0 auto;
	padding-left: 0 !important;
	padding-right: 0 !important;
	border: 1px solid silver;
	box-shadow: 4px 4px 2px gray;
	margin-bottom: 2vh;
}

.product_photo {
	height: 18vw !important;
	width: auto;
	margin: auto auto;
	max-width: 100vw !important;
}

/** 產品分類介紹 Modal **/
/* The Modal (background) */
.safety_modal {
    background-color: rgba(140, 198, 63, 0.9) !important;
	top: 5vh;
	left: 5vw;
    width: 90vw; 
    height: 90vh; 	
}

.modal_table {
	border-collapse: collapse;	
}

.modal_table td {
	border: none;
}

#rwd_safety_report_selector_block {
	display: none;
}

#safety_report_category {
	width: 22%;
	position: absolute;
	border-collapse: collapse;
	top: 6vh; 
}

#safety_report_category td { 
	vertical-align:top;
	color: white;
	border: none;
}

#safety_report_category td:hover { 
	color: yellow;
}

.safety_product_category_name {
	padding-top:3.5vh;
	border-bottom: 2px solid white !important;
}

.not_clickable:hover {
	color: white !important;
}

.safety_product_category {
	font-size: 1.2rem;
}

.safety_product_category:hover {
	color: white !important;
}

.triangle-right {
	width: 0;
	height: 0;
	border-top: 1vh solid transparent;
	border-bottom: 1vh solid transparent;
	border-left: 2vh solid white;
	vertical-align: middle;
}

#safety_reports {
	width: 100%;
	border-collapse: separate;
	border-spacing: 3vw 1vh;
	position: relative;
	bottom: 2vh;
}

#safety_reports td {
	width: 14vh;
	height: 20vh;
	text-align: center;

}

#safety_reports td a {
	margin: 0;
	color: white;	
}

#safety_reports td a img {
	width: 75%;
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
	margin-bottom: 0 !important;
}

/* 實體商店 */
.page-id-1078 #main {
	background-image: url(https://www.simpla.com.tw/wp-content/uploads/玉米田-web-玉米背景.png);
	background-size: auto 100vh;
	background-position: center top;
	background-repeat: no-repeat;
}

#physical_location_header {
	display:block;
	width: 40vw;
	margin: 0 auto;
	color: #7BA918;
	letter-spacing: 2px;
}

.earth_icon {
	width:7vw;
	height:7vw;
	vertical-align: middle;
	margin-right: 0vw;
}

#channel_listing {
	width: 42vw;
	display: block;
	margin: 0 auto;	
	border-collapse: separate;
	border-spacing: 2vw 0;
}

#channel_listing td {
	width: 18vw;
	height: 5vh;
	padding: 0;
	border: none; 
}

.channel_button {
	display:block;
	width: 18vw;
	/* height: 5vh;*/
	margin: 0 auto;
	position: relative;
	font-size: 1.2rem;
	vertical-align: middle;
	border: 1px green solid;
	border-radius: 10px;
	box-shadow: 5px 5px 2px grey;
	text-align:center;
	padding-top: 1.5vh;
	letter-spacing: 1px;
}

.channel_icon {
	width:3vw;
	height:3vw;
	margin-left: 0.4vw;
	margin-right: 0.8vw;
	vertical-align: middle;	
}

#area_listing {
	width: 32vw;
	display: block;
	margin: 0 auto;	
	border-collapse: separate;
	border-spacing: 0.5vw 0;
}

#area_listing td {
	width: 30%;
	border: none;
}

.area_button {
	width: 6.5vw;
	border: 1px green solid;
	border-radius: 5px;
	margin: 0.5vw;
	box-shadow: 5px 5px 2px silver;
	text-align:center;
	padding:0.8vw 0.5vh 0.8vw 0.5vh;
}

.area_button:hover {
	background-color: rgba(140, 198, 63, 0.2);
}

.area_selected {
	background-color: #7BA918;
	color: white;
	border: 1px white solid;
}

.area_selected a {
	color: white;
}

.area_selected:hover {
	background-color: #7BA918 !important;
}

#retail_block {
	width: 50vw;	
	display: block;
	margin: 0 auto;
	padding: 1vw;
	margin-top: 2.5vh;
	border: 2px solid #7BA918;
}

.retail_listing {
	width: 95%;
	display: none;
	margin: 0 auto;
	border-collapse: collapse;
	background-color: rgba(140, 198, 63, 0.07);
	padding: 1vh 2vw 2vh 2vw; 
}

.retail_listing td {
	width: 48vw;
	height: 2.1vh;
	border: none;
	border-bottom: 2px dotted black;
	vertical-align: middle;
}

.retail_listing td p {
	margin-bottom: 0 !important;
	line-height: 100% !important;
	vertical-align: bottom !important;	
	position: relative;
	top: 2vh;
}

.underlined_cell {
	color: #7BA918;
	font-size: 1.4rem !important;
	padding-bottom: 2vh;
	border-bottom: 2px solid black !important;
}

.store_name {
	font-size: 1.2rem;
	padding-bottom: 1vh;
}

.small_icon {
	width:2vw !important;
	height:2vw !important;
	position: relative;
	bottom: 0.5vh;
}

.store_map {
	color: black;
	text-decoration: none;
}

.store_map:hover {
	color: gray;
}

.store_telephone {
	color: #7BA918;
	text-decoration: none;
}

.store_telephone:hover {
	color: rgba(140, 198, 63, 0.8);
}

.page_switch:hover {
	color: white;
	background-color: rgba(140, 198, 63, 0.8);
}

/* 網路平台 */
.page-id-1080 #main {
	background-image: url(https://www.simpla.com.tw/wp-content/uploads/玉米田-web-玉米背景.png);
	background-size: auto 100vh;
	background-position: center top;
	background-repeat: no-repeat;
}

.network_outlet_padding {
	padding-top: 5vh !important;
	padding-bottom: 5vh !important;
}

.network_outlet_padding td {
	border: none;
	border-bottom: 1px dotted gray;
}

.odd_row {
	background-color: rgba(140, 198, 63, 0.2);
}

.odd_row a {
	color: gray !important;
}

.even_row a {
	color: gray !important;
}

.odd_row a:visited {
	color: gray !important;	
}

.even_row a:visited {
	color: gray !important;	
}


/* 常見問題集 */
.page-id-1104 #main {
	text-align: center;
	background-image: url(https://www.simpla.com.tw/wp-content/uploads/玉米田-web-玉米背景.png);
	background-size: auto 100vh;
	background-position: center top;
	background-repeat: no-repeat;	
}

.page-id-1106 #main {
	text-align: center;
	background-image: url(https://www.simpla.com.tw/wp-content/uploads/玉米田-web-玉米背景.png);
	background-size: auto 100vh;
	background-position: center top;
	background-repeat: no-repeat;	
}

.page-id-1108 #main {
	text-align: center;
	background-image: url(https://www.simpla.com.tw/wp-content/uploads/玉米田-web-玉米背景.png);
	background-size: auto 100vh;
	background-position: center top;
	background-repeat: no-repeat;	
}

.page-id-1110 #main {
	text-align: center;
	background-image: url(https://www.simpla.com.tw/wp-content/uploads/玉米田-web-玉米背景.png);
	background-size: auto 100vh;
	background-position: center top;
	background-repeat: no-repeat;	
}

#q_and_a_topics {
	border-collapse: collapse;
	width: 95vw;
	margin: 0 auto;
}

#q_and_a_topics td {
	border: none;
}
#q_and_a_topics td p {
	margin-bottom: 0 !important;
}

#q_and_a {
	border-collapse: collapse;
	width: 95vw;
	margin: 0 auto;	
}

#q_and_a td {
	border: none;
}

.topic_button {
	letter-spacing: 1px;
	text-align: center;
	vertical-align: middle;
	border: 1px green solid;	
	border-radius: 5px;
	box-shadow: 5px 5px 2px silver;	
	font-size: 1.2rem;
	color: #7BA918;
	padding-bottom: -1vh;
	padding-top: 1vh;
}

.div_link {
	display: block;
}

.div_link:hover {
	background-color: rgba(140, 198, 63, 0.2);	
}

.topic_selected {
	background-color: #7BA918;
	color: white !important;
	border: 1px white solid !important;
}

.topic_icon {
	width:3vw !important;
	height:3vw !important;		
	vertical-align: middle;
	margin-right: 1vw;
}

.q {
	color: red;
}

.a {
	color: #7BA918;
}

.question {
	border-bottom: 2px dotted gray !important;	
	padding-top: 3vh;	
}

.answer {
	display: none; 
}

.triangle-up {
	width: 0;
	height: 0;
	border-left: 0.8vw solid transparent;
	border-right: 0.8vw solid transparent;
	border-bottom: 1.6vw solid #7BA918;
	border-top:0;
}

.triangle-down {
	width: 0;
	height: 0;
	border-left: 0.8vw solid transparent;
	border-right: 0.8vw solid transparent;
	border-top: 1.6vw solid #7BA918;
}

/*
#a1 {
	display: inline-block !important; 
}*/

/* 媒體報導 */
.page-id-1084 #main {
	text-align: center;
	background-image: url(https://www.simpla.com.tw/wp-content/uploads/玉米田-web-玉米背景.png);
	background-size: auto 100vh;
	background-position: center top;
	background-repeat: no-repeat;	
}

.page-id-1086 #main {
	text-align: center;
	background-image: url(https://www.simpla.com.tw/wp-content/uploads/玉米田-web-玉米背景.png);
	background-size: auto 100vh;
	background-position: center top;
	background-repeat: no-repeat;	
}

.page-id-1088 #main {
	text-align: center;
	background-image: url(https://www.simpla.com.tw/wp-content/uploads/玉米田-web-玉米背景.png);
	background-size: auto 100vh;
	background-position: center top;
	background-repeat: no-repeat;	
}

#press_types {
	width: 70vw;
	display: block;
	margin: 0 auto;
	border-collapse: collapse;
}

#press_types td {
	width: 26vw;
	border: none;
}

#press_types .topic_button {
	/* width: 16vw !important; */
	display: block;
	margin: 0 auto;
	letter-spacing: 2px;
}

.div_press_link {
	display: block;
}

.div_press_link:hover {
	/* font-weight: bold; */
	background-color: rgba(123, 169, 24, 0.07);
}

#press_block {
	width: 65vw;
	display: block;
	margin: 0 auto;	
	margin-top: 5vh;
	border: 2px solid #7BA918;
	text-align: left;
	padding: 2vh;
}

#press_inner_block {
	background-color: rgba(123, 169, 24, 0.07);
}

.press_listing {
	width: 60vw;
	display: none;
	margin: 0 auto;
	padding-bottom: 2vh;
	border-collapse: collapse;
}

.press_listing td {
	width: 60vw;
	border: none;
	border-bottom: 1px dotted black;
}

#press_table_header {
	color: #7BA918;
	font-size: 1.3rem !important;
	border-bottom: 1px solid black !important;
	padding-top: 5vh !important;
	padding-bottom: 3vh !important;
}

.press_year {
	font-size: 1.3rem;
	margin-bottom: 2vh;
	margin-top:2vh;
}

.readmore {
	cursor: pointer;
	font-weight: normal;
}

#pages {
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	margin-top: 5vh;	
	border-spacing: 1vh;
	border-collapse: separate;
}

#pages td {
	width: 2vw;
	text-align: center;
	border: 1px solid #7BA918;
	font-size: 0.8rem;
}

.media_block {
	width: 60vw;
	display: none;
	margin: 0 auto;	
	margin-top: 5vh;
	/* border-collapse: collapse; */
}

.media_block td {
	border: none;
	padding: 2vh;
	margin-bottom: 10vh;
}

.left_side {
	width: 30vw;
	height: 16vw;	
	background-color: rgba(255, 255, 255, 0.8);
	border-left: 2px solid orange !important;
	border-top: 2px solid orange !important;	
	border-bottom: 2px solid orange !important;	
	border-radius: 10px 0 0 10px !important;	
}

.right_side {
	background-color: rgba(255, 255, 255, 0.8);
	border-right: 2px solid orange !important;
	border-top: 2px solid orange !important;	
	border-bottom: 2px solid orange !important;	
	border-radius: 0 10px 10px 0 !important;	
	vertical-align: top;
}

.gap_holder {
	height: 3vh;
}

.media_frame {
	display: block;
	margin: auto;
	width:29vw;
	height:16vw;
	vertical-align: middle;
	border-collapse: collapse;	
}

.media_frame td {
	border: none;
}

.media_description {
	display: block;
	color: #7BA918;
	position: relative;
	right: 2vw;
}

.media_header {
	font-size: 1.5rem;
	border-bottom: 2px solid #7BA918 !important;
	text-align: justify;
	line-height: 120%;
}

.blowup {
	cursor: pointer;
}

.honor_block {
	width: 80vw;
	display: none;
	margin: 0 auto;	
	margin-top: 5vh;
	border-collapse: separate;
	border-spacing: 5vw 0;
	/* border-collapse: collapse; */
}

.honor_block td {
	width: 36vw;
	border: 2px solid #7BA918;
	text-align: center;
}

.no_border {
	border: none !important;
	padding-bottom: 2vh !important;
}

/* 聯絡我們 */
.page-id-1090 #main {
	text-align: center;
	background-image: url(https://www.simpla.com.tw/wp-content/uploads/玉米田-web-玉米背景.png);
	background-size: auto 100vh;
	background-position: center top;
	background-repeat: no-repeat;	
}

#contact_page {
	width: 60%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5vh;
	margin-bottom: 4vh;
	padding: 1vh;
	border: 1.5px solid  #7BA918;
	box-shadow: 5px 5px 2px silver;
}

#simpla_contact_info {
	width: 55vw;
	position: relative;	
	left: 0;
	margin: 0 auto;
	color: #7BA918;
	text-align: left;
	letter-spacing: 2px;
}

#simpla_contact_info td {
	width: 100% !important;
	border: none;
	vertical-align: bottom;
}

.simpla_listing {
	font-size: 1.8rem !important;
	vertical-align: bottom !important;
	border-bottom: 2px solid #7BA918 !important;
	padding-top: 4.5vh !important;
	padding-bottom: 1.5vh !important;
}

.align_bottom {
	position: absolute;
	right: 1vw;
	top: 0vh;
	vertical-align: text-bottom !important;
}

/* 聯絡我們 區塊 */

.page-id-1090 .header-post-title-container {
	display: none;
}

.wpcf {
	width: 100% !important;
}

#contact_form {
	color: #7BA918;
	position: relative;	
	width: 60%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5vh;
	margin-bottom: 4vh;
	padding: 1vh;
	border: 1.5px solid  #7BA918;
	box-shadow: 5px 5px 2px silver;
}

#contact_form tbody {
	width: 100% !important;
}

#contact_form td,th {
	border-collapse: collapse;
	border: none;
	height: 18px !important;
}

#contact_form .input_key {
	width: 10vw !important;
	text-align: left !important;
	vertical-align: top !important;
}

#contact_form .input_value {
	width: 65vw !important;
}

#contact_form input[type="submit"] {
	float: right;
	width: 25% !important;
	background-color: #7BA918 !important;
	color: white !important;
	border-radius:10px !important;
	border: 0.8px solid #C7B299 !important;
	font-size:0.8rem !important;
	margin-bottom: 0 !important;	
}

#contact_form input[type="submit"]:hover {
	background-color: rgba(255,255,255,0.2) !important;
	color: #7BA918 !important;
}

#contact_form input, textarea {
    border: 1px solid #7BA918 !important;
    border-radius: 10px;
	background-color: rgba(255, 255, 255, 0.2)) !important;
	margin-bottom: 1.25vh !important;
	width: 98% !important;
}

#contact_form input[type="text"]:hover {
	background-color: rgba(123, 169, 24, 0.2) !important;
}

#contact_form input[type="email"]:hover {
	background-color: rgba(123, 169, 24, 0.2) !important;
}

#contact_form textarea:hover {
	background-color: rgba(123, 169, 24, 0.2) !important;
}

.wpcf7_form_left {
    text-align: justify !important;
}

.wpcf7_form_right {

}
	
@media screen and (max-width: 750px) 
and (orientation : landscape) {
  
  /** Header style **/
  #header-right-section {
	  width: 100vw;
  }
  
  #english {
	  width: 4vw;
	  height: auto;
	  display: block;
	  position: absolute;
	  right: 2vw;
	  top: 0.5vw;
  }  
  
  /** mobile menu **/
  .site-header .menu-toggle {
	  background-color: #7BA918 !important;
	  width: 98% !important;
	  position: relative;
	  top: 5.5vh;
	  margin: 0 auto;
	  padding-left: 0px;
  }
  
  .main-small-navigation {
	  background: none;
  }
  
  .nav-menu {
	  position: relative;
	  bottom: 0;
	  z-index: 10;
  }
  
  .nav-menu .menu-item {
	  padding-right: 0 !important;
	  width: 100%;
  }
  
  .sub-menu .menu-item {
	  width: 100% !important;
  }
  
  .menu .menu-item a {
	  background-color: white;
	  border-top: 1px solid rgba(112, 182, 44, 0.3);
  }
  
  .sub-menu .menu-item a {
	  background-color: white !important;  
	  color: #70B62C !important;
	  border-top: none !important;
  }  
  
  /** Footer style **/
  #colophon .widget {
	  padding-bottom: 0 !important;
	  margin-bottom: 0 !important;
  }
  
  .footer-socket-wrapper {
	  display: none !important;
  }
  
  .footer-widgets-wrapper {
	  display: block;
  }
  
  .footer-widgets-area {  
	  padding-bottom: 0;
  }

  .tg-column-1 {
	  width: 100vw !important;
  }
  
  .tg-one-fourth {
	  padding-bottom: 0;
  }
  
  #footer_icons span {
	  margin-right: 2vw;
  }
  
  #footer_icons span img {
	  width: 4.5vw !important;
	  height: 4.5vw;
  }
  
  /** 首頁 stylesheet **/		  
  #frontpage_title1 {
	  font-size: 1.5rem;
  }
  
  #frontpage_title2 {
	  font-size: 1.5rem;
  }
  
  #frontpage_history_header .frontpage_icon {
	  margin-top: 4vh;
  }
  
  .frontpage_history_header {
	  font-size: 1.1rem;
  }
  
  
	.homepage_space {
		padding-top:75vh;
	}	  
	.homepage_outer_block {
		width:75%;
		position:absolute;
		padding-top: 1vh;
		padding-bottom: 1vh; 

		top: -2vh;
		left: 12.5%;
	}	
	.homepage_inner_block {
		width:95%;
		font-size: 0.85rem;	
		line-height: 100%;	
		padding: 2.5vw 1vw 2.5vw 1vw;		
	}		

  /** 品牌故事 **/
  .page-id-1060 #main {
	  height: 120vh;
  }
  
  .page-id-1062 #main {
	  height: 190vh;
	  background-size: auto 100vh;
	  background-position: 0 80vh;
  }  

  .page-id-1064 #main {
	  height: 220vh;
	  background-size: auto 100vh;
	  background-position: 0 110vh;
  }    
  
  .page-id-1066 #main {
	  height: 220vh;
	  background-size: auto 100vh;
	  background-position: center;
  }    
  
  .company_intro {
	  width: 60vw;
	  left: 27vw;
  }
  
  #section_switch {
	  width: 73vw;
	  left: 27vw;
  }
  
  .section_icon {
	  width: 4vw !important;
	  height: 4vw !important;
  }

  .page-id-1062 #section_switch {
	  left: 0;
	  margin: 4vh auto;
  }
  
  .page-id-1062 .company_intro {
	  left: 0;
	  margin: 0 auto;
  }
  
  #company_name_full {
	  width: 59vw;
  }
  
  #vision_block {
	  width: 60vw;
	  margin: 0 auto;
	  position: relative;
	  top: 0;
  }
  
  .vision_icon {
	  width: 10vw !important;
	  height: 10vw !important;
	  right: 4vw;
  }

  .vision_position_1 {
	top:21vh;
  }
  
  .vision_position_2 {
	top:50vh;
  }
  
  #goals_table p {
	  width: 80%;
	  font-size: 0.9rem;
  }    
  
  .page-id-1064 #section_switch {
	  left: 0;
	  margin: 4vh auto;
  }
  
  .page-id-1064 .company_intro {
	  left: 0;
	  margin: 0 auto;
  }
  
  #history_block {
	  width: 60vw;
	  display: block;
	  margin: 0 auto;
	  position: relative;
	  top: 0;	  
  }
  
  #history_block table td {
	  width: 56vw;
	  letter-spacing: 0;
	  line-height: 105%;
	  font-size: 0.9rem;
  }  
  
  .page-id-1066 .company_intro {
	  width: 60vw !important;
	  margin: 0 auto;
	  left: 0 !important;
  }
  
  .page-id-1066 #section_switch {
	  left: 0 !important;
	  width: 95vw !important;
	  margin: 0 auto;	  
	  display: block;
	  position: relative;
	  margin-top:63vh;
  }
  
  .page-id-1066 #section_switch td {
	  padding-right: 1.5vw !important;
	  padding-left: 1.5vw !important;
	  font-size: 0.9rem;
  }
  
  .page-id-1066 .section_icon {
	  margin: 0 auto !important;
  }
  
  .pla_logo {
	  width: 8vw !important;
	  height: 10vw !important;
  }
  
  #sustainability_intro_block {
	  width: 60vw;
	  height: 58vh;
	  margin: 0 auto;
	  display: block;
	  position: relative;
	  top: 0;
	  padding: 0;
	  border: none;
  }
  
  .PLA_intro {
	  display: none;
	  width: 60vw;
	  position: relative;
	  right: 2vw;
	  border: 2px solid #7BA918 !important;	  	 
	  padding-top: 2vh;
  }
  
  #blowup_2 {
	  display: none;
  }
  
  #blowup_3 {
	  display: none;
  }  
  
  .PLA_intro td {
	  width: 60vw;
  }

  #sustainability_table_content {
	  display: none;
  }
  
  .sustainability_choice_tab {
	  display: block;
	  width: 58vw;
	  margin: 0 auto -2px auto;
	  position: relative;
	  right: 2vw;
	  padding: 2vh 0 2vh 2vw;
	  border: 2px solid #7BA918 !important;
  }
  
  #what_is_pla {
	  visibility: visible !important;
	  position: relative !important;	  
  }
  
  #turn_pla_into_products {
	  visibility: visible !important;
	  position: relative !important;
  }  
  
  #pla_biodegradation {
	  visibility: visible !important;
	  position: relative !important;	  
  }
  
  #pla_recycle_content {
	  visibility: visible !important;
	  position: relative !important;	  
  }  
  
  #htr_pla_intro {
	  visibility: visible !important;
	  position: relative !important;	  
  }
	
	/** 產品介紹 **/
	.div_link {
		font-size: 0.75rem;
	}
	
  .large_button {
	  padding-bottom: 1vw;
  }	
	
    .page-id-1070 #primary {
	    position: relative;
		left: 1vw;
    }  
  
    .page-id-1072 #primary {
	    position: relative;
		left: 1vw;
    }  	
	
	#pages {
	    width: 60vw;
	}
	
	#safety_report_category {
		top: 3vh;
	}
	
	#safety_report_category td {
		font-size: 0.8rem !important;
		padding-bottom: 0;
		padding-top: 0;
	}
	
	#safety_reports {
		bottom: 18vh;
	}
	
	.triangle-right {
		border-top: 1.5vh solid transparent;
		border-bottom: 1.5vh solid transparent;
		border-left: 3vh solid white;
		position: relative;
		top: 1.5vh;
	}
	
	.close {
		right: 2vw;
		z-index: 3;
	}
	
	/** 服務據點 **/
	#physical_location_header {
		width: 52vw;
	}
	
	#physical_location_header span {
		letter-spacing: 0;
	}	
	
	#channel_listing {
		display: flex;
		justify-content: center;
	}
	
	.channel_icon {
		position: relative;
		top: 2vh;
	}	
	
	#area_listing {
		width: 50vw;
		display: flex;
		justify-content: center;
	}
	
	.area_button {
		width: 10vw;
	}

	#retail_block {
		width: 62vw;
	}
	
	.retail_listing td {
		width: 59vw;
	}
	
	.store_map {
		font-size: 0.8rem;
	}
	
	.store_telephone {
		font-size: 0.8rem;
	}
	
	.small_icon {
		width: 3vw !important;
		height: 3vw !important;
	}
	
	/** 常見問題集 **/
	#q_and_a_topics {
		margin-bottom: 0;
	}
	
	/** 媒體報導 **/
	.branding_title {
		font-size: 1.6rem;
	}
	
	.topic_icon {
		width: 4vw !important;
		height: 4vw !important;
		position: relative;
		top: 2vh;
	}
	
	.press_year {
		font-size: 1rem;
	}
	
	.press_listing .right_justify {
		font-size: 0.8rem;
	}
	
	.media_block {
		width: 80vw;
	}
	
	.media_block td {
		font-size: 0.8rem;
	}
	
	.left_side {
		width: 48vw;
		height: 25.6vw;
	}
	
	.media_frame {
		width: 48vw;
		height: 25.6vw;		
	}
	
	.media_header {
		font-size: 1.2rem !important;
	}
	
	.modal-content {
		position: relative;
		bottom: 8vh;
	}
	
    .close {
	    font-size: 1.5rem;
    }	

	/* 聯絡我們 區塊 */
	#simpla_contact_info {
		width: 70vw;
		left: 14vw;
	}
	
	#contact_form {
		width: 70%;
	}
	.wpcf7_form_left {
		font-size: 0.8rem;
	}	
	#contact_form select {
		height: 9vh;
	}	
	#contact_form input[type="submit"] {
		/* background-color: rgba(0,0,0,0.65) !important;
		color: #C7B299 !important; */
		border-radius:25px !important;
	    background-color: #7BA918 !important;
	    color: white !important;		
		/* border: 2px solid #C7B299 !important; */
		font-size:1rem !important;
		padding-left: 0;
		padding-right: 0;
		font-weight:bold;
		text-align: center;
	}	
}

@media screen and (max-width: 750px) 
and (orientation : portrait) {

  .inner-wrap {
	  width: 100%;
  }

  /** mobile menu **/
  .site-header .menu-toggle {
	  background-color: #7BA918 !important;
	  width: 90% !important;
	  position: relative;
	  top: 0.5vh;
	  margin: 0 auto;
  }

  /* Header Style */
  #simpla_cornfield {
	  width: 21vw;
	  height: auto;
	  display: block;
  	  position: absolute;
	  left: 2vw;
	  top: 1vw;
  }

  #english {
	  width: 7vw;
	  height: auto;
	  display: block;
	  position: absolute;
	  right: 2vw;
	  top: 0.5vw;
  }

  .custom-logo {
	  width: 15vw !important;
	  height: auto !important;
	  display:block;	
	  position: relative; 
	  margin: 0 auto; 
	  top: 2vh;
  }

  #header-right-section {
	  position: relative;
	  width: 100vw;
	  top: 5vh;
	  /* left: 2vw; */
  }

  .main-small-navigation {
	  background: none;
  }
  
  .nav-menu {
	  position: relative;
	  bottom: 5vh;
  }
  
  .nav-menu .menu-item {
	  padding-right: 0 !important;
	  width: 100%;
  }
  
  .menu .menu-item a {
	  background-color: white;
	  border-top: 1px solid rgba(112, 182, 44, 0.3);
  }
  
  .sub-menu .menu-item a {
	  background-color: white !important;  
	  color: #70B62C !important;
	  border-top: none !important;
  }
  
  /** Footer style **/
  .footer-widgets-wrapper {
	  background-size: cover !important;
	  background-repeat: no-repeat !important;
	  height: 15vh;
	  background-color: none;
  }	

  #colophon {
	  background-size: contain !important;
	  border-top: 1px solid #7BA918;
	  height: 15vh;
  }

  .footer-widgets-area {
	  padding-top: 0;
	  padding-bottom: 0 !important;
  }
  
  .footer-socket-wrapper {
	  display: none !important;
  }

  #colophon .widget {
/*	  padding-bottom: 15vh !important;
	  margin-bottom: 0 !important;*/
  }
  
  #custom_html-3 {
	  background-color: #7BA918; 
	  vertical-align: middle;
	  border-bottom: none !important;
	  width: 100vw !important;
	  height: 8vh;
	  position: fixed;
	  bottom: 0;
	  left: 0;
	  display: block;
	  margin: 0 auto;
  }
  
  #footer_icons {
	  width: 100%;
	  position: fixed;
	  bottom: 5vh;
	  display: flex;
	  justify-content: center;
  }
  
  #footer_icons span {
	  width: 15vw !important;
	  vertical-align: middle;
  }
  
  #footer_icons span img {
	  width: 7vw !important;
	  height: 7vw !important;
	  position: relative !important;
	  display: block;
	  margin: 0 auto;
  }

  #footer_icons span img:nth-of-type(1) {
	  display: none;
  }
  
  #footer_icons span img:nth-of-type(2) {
	  display: none;
  }
  
  .rwd_footer_icons {
	  display: block !important;
	  top: 1vh;
  }
  
  #shopping_link {
	  margin-right: 0 !important; 
  }
  
  #text-8 {
	  /* padding-bottom: 15vw !important; */
  }
  
  #footer_copyright {
	  left: 3vw;
	  letter-spacing: 0;
	  font-size: 0.8rem;
  }

  #designer {
	  right: 3vw;
	  letter-spacing: 0;
	  font-size: 0.8rem;
  }  

  /** frontpage to vertical column **/
  #frontpage_content {
	  border-collapse: collapse;
  }

  #frontpage_content td {
	  padding-top: 0;
  }

  #frontpage_table {
	  display: block;
	  border-collapse: collapse;
  }

  #frontpage_table tbody { 
	  display: block; 
  }
  
  #frontpage_table th {
	  display: block; 
  }

  #frontpage_table tr { 
	  display: block; 
  }

  #frontpage_table td { 
	  display: block;   
	  /* Behave  like a "row" */
	  border: none;
	  /* border-bottom: 1px solid #eee; */
	  position: relative;
	  padding-left: 5%; 
  }
	
  #frontpage_title1 {
	  font-size: 1.4rem !important;
	  letter-spacing: 1.5px;
  }	
	
  #frontpage_video_header {
	  margin-bottom: 0;
	  padding-bottom: 0;
	  vertical-align: middle;
	  border-bottom: none;
  }

  .frontpage_icon {
	  vertical-align: middle;	
	  width:6vw !important;
	  height:6vw !important;	
	  margin-bottom: 0 !important;
	  margin-right: 1vw !important;
  } 

  #frontpage_video {
	  display: block;
	  margin: auto;
	  width:96%;
	  height:32vh;	
  }

  #frontpage_title2 {
	  font-size: 1.4rem !important;
	  letter-spacing: 1.5px;
  }

  .company_history_frontpage {
	  width: 90%;
	  display: block;
	  margin: 0 auto;
  }

  #frontpage_history_header {
	  margin-top: 2vh !important;
	  padding-bottom: 0 !important;
	  vertical-align: middle;
  }
  
  #frontpage_history_header  .frontpage_icon {
	  position: relative;
	  top: 2vh;
  }	  

  .frontpage_endcell_1 {
	  display: none !important;
  }

  .frontpage_endcell_2 {
	  display: none;
  }

  #frontpage_history_table tr {
	  display: table-row !important;
  }

  #frontpage_history_table td {
	  display: table-cell !important;
  }
  
  .branding_title {
	  font-size: 1.2rem;
  }
  
  /** 品牌故事 **/
  .page-id-1060 #main {
	  height: 80vh;
	  background-image: url(https://www.simpla.com.tw/wp-content/uploads/玉米田-web-玉米背景.png);
	  background-size: auto 60vh;
	  background-position: 0 30px; /*-40vw 30px;*/
	  background-repeat: no-repeat;
  }
  
  .page-id-1062 #main {
	  height: 120vh;
	  background-image: url(https://www.simpla.com.tw/wp-content/uploads/玉米田-web-經營理念01.png);
	  background-size: auto 45vh;
	  background-position: 0 57vh;
	  background-repeat: no-repeat;
  }  

  .page-id-1064 #main {
	  height: 132vh;
	  background-image: url(https://www.simpla.com.tw/wp-content/uploads/玉米田-web-公司沿革01.png);
	  background-size: auto 53vh;
	  background-position: 0 62vh;
	  background-repeat: no-repeat;
  }    
  
  .page-id-1066 #main {
	  height: 143vh;
	  background-image: url(https://www.simpla.com.tw/wp-content/uploads/玉米田-web-玉米背景.png);
	  background-size: auto 60vh;
	  background-repeat: no-repeat;
  }      

  .company_intro {
	  width: 80vw;
	  display: block;
	  margin: 0 auto;
	  left:0 !important;
  }
  
  .header_decor {
	  width: 6vw !important;
	  height: 6vw !important;	  
  }
  
  .header_decor_rev {
	  width: 6vw !important;
	  height: 6vw !important;	  
  }  
  
  #company_name {
	  width: 20vw;
  }
  
  .branding_content p { 
	  font-size: 0.9rem;
	  letter-spacing: 0;
  }
  
  #highlight_slogan {
	  font-size: 1rem;
  }
  
  #section_switch {
	  width: 90vw;
	  left: 0;
	  margin: 5vh auto 0 auto;
  }
  
  #section_switch td {
	  width: 20vw;
	  padding-right: 0 !important;
	  padding-left: 0 !important;
	  font-size: 0.8rem;
  }
  
  .section_icon {
	  width: 6vw !important;
	  height: 6vw !important;
  }
  
  .current_section {
	  background: none;
  }
  
  #company_name_full {
	  width: 59vw;
  }
  
  #vision_block {
	  width: 80vw;
	  left: 6vw;
	  position: relative;
	  top: 0;
  }
  
  .vision_icon {
	  width: 15vw !important;
	  height: 15vw !important;
	  right: 4vw;
  }
  
  .vision_position_2 {
	top:33vh;
  }
  
  #goals_table p {
	  width: 80%;
	  font-size: 0.9rem;
  }  
  
  #history_block {
	  width: 80vw;
	  left: 6vw;
	  position: relative;
	  top: 0;	  
  }
  
  #history_block table td {
	  letter-spacing: 0;
	  line-height: 105%;
	  font-size: 0.9rem;
  }
  
  .page-id-1066 .company_intro {
	  left: 0 !important;
	  width: 80vw !important;
  }
  
  .page-id-1066 #section_switch {
	  left: -4vw !important;
	  width: 88vw !important;
	  margin: 3vh auto 0 auto;	  
	  display: block;
	  position: relative;
	  margin-top:63vh;
	  top: 0 !important;
  }
  
  .page-id-1066 #section_switch td {
	  width: 22vw;
	  padding-right: 0 !important;
	  padding-left: 0 !important;
	  font-size: 0.8rem;
  }
  
  .page-id-1066 .section_icon {
	  margin-right: 0 !important;
  }
  
  .pla_logo {
	  width: 8vw !important;
	  height: 10vw !important;
  }
  
  #sustainability_intro_block {
	  width: 80vw;
	  height: 58vh;
	  margin: 0 auto;
	  display: block;
	  position: relative;
	  top: 0;
	  padding: 0;
	  border: none;
  }
  
  .PLA_intro {
	  display: none;
	  width: 82vw;
	  position: relative;
	  right: 2vw;
	  border: 2px solid #7BA918 !important;	  	 
	  padding-top: 2vh;
  }
  
  #blowup_2 {
	  display: none;
  }
  
  #blowup_3 {
	  display: none;
  }  
  
  .PLA_intro td {
	  width: 80vw;
  }

  #sustainability_table_content {
	  display: none;
  }
  
  .sustainability_choice_tab {
	  display: block;
	  width: 79vw;
	  margin: 0 auto -2px auto;
	  position: relative;
	  right: 2vw;
	  padding: 2vh 0 2vh 2vw;
	  border: 2px solid #7BA918 !important;
  }
  
  #what_is_pla {
	  visibility: visible !important;
	  position: relative !important;	  
  }
  
/*  #what_is_pla .PLA_intro {
	  display: block !important;
	  visibility: visible !important;
  }*/
  
  #turn_pla_into_products {
	  visibility: visible !important;
	  position: relative !important;
  }  
  
  #pla_biodegradation {
	  visibility: visible !important;
	  position: relative !important;	  
  }
  
  #pla_recycle_content {
	  visibility: visible !important;
	  position: relative !important;	  
  }
  
  #htr_pla_intro {
  	  visibility: visible !important;
	  position: relative !important;
  }

  #htr_pla_intro .PLA_chem_structure {
	display: none;
  }
  
  /** 產品介紹 **/
  #product_category {
	  display: block;
  }
  
  #product_category tbody {
	  display: block;
  }  
  
  #product_category tr {
	  display: block;
  }
  
  #product_category td {
	  display: block;
	  padding-top:0;
	  padding-bottom: 0;
  }  
  
  .large_button {
	  float: none;
	  display: block;
	  margin: 0 auto;
	  border-radius: 5px;
	  font-size: 1.4rem;
	  line-height: 200%;
	  letter-spacing: 3px !important;
  }
  
  .button_centered_image {
	  width: 12%;
	  float: left;
	  margin-left: 3vw;
  }
  
  /** 分項產品介紹 **/
  .page-id-1070 #primary {
	  width: 100% !important;
  }  
  
  .page-id-1070 #secondary {
	  display: none;
  }
  
  .page-id-1072 #primary {
	  width: 100% !important;
  }  
  
  .page-id-1072 #secondary {
	  display: none;
  }

  .page-id-1074 #primary {
	  width: 100% !important;
  }  
  
  .page-id-1074 #secondary {
	  display: none;
  }

  .page-id-1076 #primary {
	  width: 100% !important;
  }  
  
  .page-id-1076 #secondary {
	  display: none;
  }  
  
  #rwd_category_selector_block {
	  display: block;
	  width: 80%;
	  margin: 0 auto;
  }
  
  .rwd_category_selection {
	  width: 70%;
	  float: right;
  }

  #rwd_safety_report_icon {
	  display: block;
	  width: 15vw;
	  border-radius: 15vw;
	  border: 1px solid gray;
	  position: fixed;
	  bottom: 6vh;
	  right: 3vw;
  }
  
  .medium_button {
	  width: 17vw;
	  height: 12vw;
  }
  
  .medium_button img {
	  width: 10vw;
	  height: auto;
  }
	
  .div_link {
	  font-size: 0.8rem;
  }
  
  .product_listing {
	  display: none;
	  width: 80vw;
	  margin: 0 auto;
  }
  
  .product_listing tbody {
	  display: block;
  }
  
  .product-listing tr {
	  display: block;
	  width: 72vw;
	  margin: 0 auto;
  }
  
  .product_listing td {
	  display: block;
	  width: 72vw;
	  height: 60vw !important;		  
  }
  
  .product_snapshot {
	  width: 72vw !important;
	  height: 44vw !important;	  
  }
  
  .product_photo {
	  width: auto !important;
	  height: 44vw !important;
	  display: block;
	  margin: 0 auto;
  }
  
  #safety_report_category {
	  display: none !important;
  }
  
  #safety_modal_column_1 {
	  display: none;
  }
  
  #safety_modal_column_2 {
	  width: 100%;
	  padding-top:2vh;
  }
  
  #rwd_safety_report_selector_block {
	  display: block;
	  width: 80%;
	  margin: 0 auto;
  }
  
  .rwd_safety_report_selection {
	  width: 70%;
	  float: right;
  }  
  
  .close {
	  font-size: 1.5rem;
  }
  
  /** 服務據點 **/
  #physical_location_header {
	  width: 68%;
	  letter-spacing: 1px;
  }
  
  #channel_listing {
	  width: 80vw;
  }
  
  #channel_listing td {
	  width: 37vw;
  }
  
  #channel_listing p {
	  margin-bottom: 0;
  }
  
  .channel_button {
	  font-size: 0.8 rem;
	  width: 32vw;
	  padding-top: 0;
  }
  
  .channel_icon {
	  width: 6vw;
	  height: 6vw;
	  margin-right: 1vw;
	  position: relative;
	  top: 1vh;
  }
  
  #area_listing {
	  width: 80vw;
	  margin-bottom: 2vh;
  }
  
  #area_listing td {
	  width: 28vw;
  }
  
  .area_button {
	  width: 19vw;
	  display: block;
	  margin: 0 auto;
  }
  
  #retail_block {
	  width: 80vw;
  }
  
  .retail_listing td {
	  width: 76vw;
	  padding-bottom: 2vh;
  }
  
  .store_name {
	  padding-bottom: 0;  
  }
  
  .store_map {
	  font-size: 0.9rem;
	  display: block;
  }
  
  .store_telephone {
	  font-size: 0.9rem;
	  display: block;	  
  }
  
  .retail_listing td .right_justify {
	  clear: right;
	  float: left;
  }
  
  .small_icon {
	  width: 4vw !important;
	  height: 4vw !important;
	  bottom: 0;
	  left: 2vw;
	  margin-right: 2vw;
	  margin-bottom: 1vh;
  }
  
  .network_outlet_padding {
	  margin: 2vw;
	  width: 76vw;
  }
  
  /** 常見問題集 **/
  
  #q_and_a_topics td {
	  width: 25%;
  }
  
  #q_and_a_topics .topic_button {
	  font-size: 0.8rem;
	  letter-spacing: 1px;
  }  
  
  #q_and_a_topics .topic_icon {
	  width: 16vw !important;
	  height: 16vw !important;
  }	  
  
  #q_and_a td {
	  font-size: 0.8rem !important;
	  padding-left: 1vw !important;
	  padding-right: 1vw !important;
  }
  
  .triangle-up {
	  border-left: 1.2vw solid transparent;
	  border-right: 1.2vw solid transparent;
	  border-bottom: 2.4vw solid #7BA918;
  }
  
  .triangle-down {
	  border-left: 1.2vw solid transparent;
	  border-right: 1.2vw solid transparent;
	  border-top: 2.4vw solid #7BA918;
  }  
  
  /** 媒體報導 **/
  #press_types {
	  width: 90%;
  }
  
  #press_types .topic_button {
	  font-size: 1rem;
	  letter-spacing: 1px;
  }
  
  .topic_icon {
	  position: relative;
	  top: 1vh;
	  width: 6vw !important;
	  height: 6vw !important;
  }
  
  .topic_button {
	  padding-top: 0;
  }
  
  #press_block {
	  width: 90%;
  }
  
  .press_listing {
	  width: 90%;
  }
  
  .press_listing td {
	  width: 90%;
  }
  
  .press_year {
	  font-size: 1rem !important;
  }
  
  .media_block {
	  width: 90%;
  }
  
  .gap_holder {
	  height: 0.2vh;
  }
  
  .left_side {
	  width: 40vw;
	  height: 21.3vw;
  }
  
  .media_frame {
	  width: 39vw;
	  height: 20vw;
  }
  
  .media_block td {
	  padding: 1vh;
	  margin-bottom: 1vh;
  }
  
  .media_header {
	  font-size: 0.9rem;
  }
  
  .media_shortnote {
	  font-size: 0.6rem;
  }
  
  /** 聯絡我們 **/
  #simpla_contact_info {
	  letter-spacing: 1px;
	  width: 90%;
	  margin: 0 auto;
	  left: 0;
  }
  
  .simpla_listing {
	  font-size: 1.4rem !important;
  }
  
  .simpla_listing .header_decor {
	  width: 6vw !important;
	  height: 6vw !important;
	  vertical-align: middle !important;
	  top: 2.5vh;
  }
  
  #contact_form .input_key {
	  color: #7BA918;
	  width: 20% !important;
  }
  
  #contact_form input[type="submit"] {
	  width: 33% !important;
  }

/** 以下為築地 css 碼 **/
	.footer-socket-wrapper {
		display: block;
	}
	/* 首頁 stylesheet */	
	.homepage_space {
		padding-top:28vh !important;
		padding-bottom:0;
		position: relative;
		background-color: #8C6239;
	}
	#sitemap {
		font-size: 0.52rem;	
		line-height: 85%;
		position: absolute;
		margin: auto;
		top: 43vh;
	}
	#sitemap td {
		padding: 0;
		margin:0;
	}	
	.sitemap_column {
		width: 15%;
		padding-bottom: 2vh;
	}	
	.homepage_outer_block {
		width:80%;
		position:absolute;
		padding-top: 1vh;
		padding-bottom: 1vh; 		

		margin:auto;
		top: 0vh;
		left: 10%;
	
		z-index: 200;

		background-color:rgba(255,255,255,0.2);
	}	
	.homepage_inner_block {
		font-size: 0.6rem;	
		padding: 2vh 1vw 2vh 1vw;
	}
	#facebook {
		position: absolute;
		right: 0;
		top: 0;
		padding-top:5vw;
		font-size: 0.4rem;
		color: #BBBBBB;
		background-image:url("https://www.simpla.com.tw/tsukiji/wp-content/uploads/fb_btn.png");	
		background-size: contain;
		background-repeat: no-repeat;
		background-position: top center;
	}
	
	/* 關於築地 區塊 */	
	.story_container {
		width:100%;
		padding-top:91%;	
		position:relative;
		
		color:white;	
		background-position: bottom left;
		background-size: auto 100%;
	}	
	.page-id-587 #main {
		background-position: bottom left;
		background-size: 140% auto;
		background-repeat: no-repeat;
	}

	.page-id-620 #main {
		background-position: bottom left;
		background-size: 140% auto;
		background-repeat: no-repeat;	
	}

	.page-id-623 #main {
		background-position: bottom left;
		background-size: 140% auto;
		background-repeat: no-repeat;		
	}

	.page-id-625 #main {
		background-position: bottom left;
		background-size: 120% auto;
		background-repeat: no-repeat;	
	}

	.page-id-627 #main {
		background-position: bottom left;
		background-size: 140% auto;	
	}	
	
	.story_content h3 {
		margin-top: -1vw;
		margin-bottom: -2vw;
		letter-spacing: 6px;
		font-family: "Noto Sans", "Noto Sans CJK TC", sans-serif, 微軟正黑體;
		font-size: 1rem !important;
	}	
	.story_content {
		position:absolute;
		top:-1vh;
		left:28vw;
		text-align: center;
		color: silver;
		font-family: "Noto Sans", "Noto Sans CJK TC", sans-serif, 微軟正黑體 !important;				
	}
	.story_content p {
		font-size: 0.55rem !important;		
		margin-bottom: -2.0vw;		
	}
	.story_content span {
		font-size: 0.6rem !important;
	}
	#post-620 .entry-content .story_container .story_content {
		left:26vw;
	}	
	#post-627 .entry-content .story_container .story_content {
		left:20vw;
	}		
	#highlight_content {
		color: white !important;
		font-size: 0.55rem !important;
	}
	#highlight_content br {
		display: block;
		margin-top:0;
		margin-bottom: 0;
	}

	#happy_customers td {
		vertical-align:middle;
	}
	#story_empty_row {
		height:0;
	}
	.story_menu p {
		margin: 0.2vw !important;	
		padding: 0.2vw !important;
		border: 1px solid rgba(0,0,0,0.2) !important;
		border-radius: 25px;
		font-size: 0.6rem !important;
		font-family: "Noto Sans", "Noto Sans CJK TC", sans-serif, 微軟正黑體 !important;	
		line-height: 115%;
	}	
	.chosen_story_menu p {
		margin: 0.2vw !important;	
		padding: 0.3vw !important;
		color: #C69C6D;
		border: 1px solid #C69C6D! important;
		font-size: 0.6rem !important; 
		line-height: 115%;		
	}	
	.customer_story p {
		font-size: 0.58rem !important;
		margin-bottom: 0.6vw;
		line-height: 145%;		
	}	
	.space_stuffer {
		display:none;
	}	
	/* 分店資訊 區塊 */
	.branch_map {
		height: 50vh;
		width:95vw;
	}
	.branch_info {
		width: 95vw;
		border-collapse: collapse;	
	}	

	#page_footer {
		height: 10vh;
		width: 99vw;
		background-image: url("https://www.simpla.com.tw/tsukiji/wp-content/uploads/btn_bg.png");	
		background-size: 100% auto;
	
		position: relative;	
		bottom:-36.6vh;
		left: -8.8vw;
	}	
	.menu_download {
		width: 20vw;
		margin: auto;

		position: relative;
		top: 4vh;
		font-size: 0.6rem;
		text-align:center !important;
		padding: 1px !important;
	
		border: 1px solid white;
		border-radius: 25pt;
		padding: 5px;
	}	

	/* 聯絡我們 區塊 */
	#contact_form {
		width: 95vw;
		color: #C7B299;
	}	
	#contact_form select {
		width: 100%;
		height: 4vh;
		border: 1px solid rgba(255, 255, 255, 0.2) !important;
		border-radius: 4px;
		background-color: rgba(199, 178, 153, 0.6) !important;
		color: black;
		margin-bottom: 1.25vh !important;	
	}	
	.page-id-12 #main {
		background-image: url("https://www.simpla.com.tw/tsukiji/wp-content/uploads/contact_bg2.jpg");
		background-size: auto 100%;
		background-position: bottom right;
		background-repeat: no-repeat;
	}	
	.wpcf7_form_left {
		text-align: justify !important;
		width: 7vw;
	}
}

/* For iPAD landscape */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation : landscape) {
/* and (-webkit-min-device-pixel-ratio: 2) {*/
  .nav-menu .menu-item {
	  padding: 0px 1vw !important;
	  font-size: 0.8rem;
  }
  
  .tg-one-fourth {
	  padding: 0px;
	  margin-right: 0px;
  }  
  
  #section_switch td {
	  padding-left: 0px;
	  padding-right: 0px;
  }
  
  #company_name_full {
	  width: 22vw;
  }
  
  #vision_block {
	  top: 29vh;
  }
  
  .vision_position_1 {
	  top: 9.5vh;
  }
  
  .vision_position_2 {
	  top: 22.8vh;
  }
  
  #vision_inner_block {
	  padding-top: 1.5vh;
  }
  
  .page-id-1064 #main {
	  background-size: 88vw auto;
	  background-position: -5vw 8.5vh;
  }     
  
  #history_block table td {
	  font-size: 0.75rem;
	  letter-spacing: 0px;
  }
  
  .page-id-1066 #section_switch {
	  width: 45vw !important;
	  left: 42vw !important;
  }
  
  .branding_title {
	  font-size: 1.65rem;
  }

  #product_category .large_button {
	  padding-bottom: 1vh;
  }
}

/* For iPAD air 2 portrait */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation : portrait)  {
/* and (-webkit-min-device-pixel-ratio: 2) {*/
	
  /** Mobile Menu **/
  .site-header .menu-toggle {
	  background-color: #7BA918 !important;
	  width: 97% !important;
	  position: relative;
	  top: 5.5vh;
	  margin: 0 auto;
  }
  
  #site-navigation {
	  position: relative;
	  z-index: 3;
  }
  
  .main-small-navigation {
	  background: none;
  }
  
  .nav-menu {
	  position: relative;
  }
  
  .nav-menu li {
	  /* width: 45%; */
	  width: 100%;
  }
  
  .nav-menu .menu-item {
	  padding-right: 0px !important; 
	 /* width: 100%; */
  }

  .sub-menu .menu-item {
	  width: 100%;
  }
  
  .menu .menu-item a {
	  background-color: white;
	  border-top: 1px solid rgba(112, 182, 44, 0.3);
  }
  
  .sub-menu .menu-item a {
	  background-color: white !important;  
	  color: #70B62C !important;
	  border-top: none !important;
  }
  
  /** Footer **/
  #colophon {
	  height: 20vh;
  }
  
  .footer-widgets-wrapper {
	  height: 20vh;
  }
  
  .footer-widgets-area {
	  padding-bottom: 0px;
  }
  
  .tg-one-fourth {
	  padding: 0px;
	  margin-right: 0px;
  }
  
  #footer_icons {
	  margin-top: 5.5vh;
  }
  
  #footer_icons span {
	  width: 5vw !important;
	  height: 5vw;
  }
  
  #footer_icons span img {
	  width: 5vw !important;
	  height: 5vw;
  }
  
  .year {
	  font-size: 1.2rem;
	  margin-top:1.5vh;
	  margin-bottom:0.5vh;
  }
  
  .frontpage_history_header {
	  font-size: 1rem;
  }
  
  .history_content {
	  font-size: 0.8rem;
	  margin-top: 0.4vh;
  }
  
  /** Frontpage **/
  #frontpage_video {
	  height: 20vh;
	  margin-bottom: 2vh;
  }
  
  #frontpage_history_table td {
	  padding-right: 0px !important;
	  padding-left: 3px !important;
  }
  
  #section_switch {
	  width: 70vw;
	  left: 30vw;
  }
  
  #section_switch td {
	  width: 15vw;
  }
  
  .section_icon {
	  bottom: 0px;
  }
  
	
	#frontpage_content td {
		padding-top: 0;
	}
	
	#frontpage_title1 {
		font-size: 1.7rem;
	}
	
	#frontpage_title2 {
		font-size: 1.7rem;		
	}
	
  .page-id-1060 #main {
	  height: 52vh;
  }	

  #section_switch {
	  margin-top: 2vh;
	  width: 50vw;
	  left: 43vw;
  }
  
  #section_switch td {
	  width: 23.5%;
	  padding-left: 0px;
	  padding-right: 0px;
  }
  
  .section_icon {
	  margin-left: 0px;
  }
  
  .page-id-1062 #main {
	  height: 58vh;
	  background-size: 80vw auto;
	  background-position: 0 3vh;
  }
  
  .page-id-1062 .company_intro {
	  left: 40vw;
  }
  
  #company_name_full {
	  width: 32vw;
  }
  
  #vision_block {
	  width: 32vw;
	  top: 20vh;
  }
  
  #vision_inner_block {
	  padding-top: 1vh;
  }
  
  .vision_position_1 {
	  top: 6.5vh;
  }
  
  .vision_position_2 {
	  top: 15vh;
  }
  
  #goals_table td p {
	  font-size: 0.8rem;
	  margin-bottom: 1vh;
  }
  
  .goals_header {
	  font-size: 1.2rem;
  }
  
  .goals_subheader {
	  margin-top: 1vh;
	  margin-bottom: 0.6vh;
	  font-size: 1rem;
  }
  
  .page-id-1064 #main {
	  height: 58vh;
	  background-size: 125vw auto;
	  background-position: -20vw 3vh;
  }
  
  .page-id-1064 .company_intro {
	  left: 40vw;
  }  
  
  #history_block {
	  width: 36vw;
	  top: 20vh;
  }  
  
  .page-id-1066 #main {
	  height: 58vh;
  }
  
  .page-id-1066  #section_switch {
	  margin-top: 2vh !important;
	  width: 50vw !important;
	  left: 43vw !important;
	  top: 40vh;
  }
  
  .page-id-1066 #section_switch td {
	  width: 23.5% !important;
	  padding-left: 0px  !important;
	  padding-right: 0px !important;
  }  
  
  #sustainability_intro_block {
	  height: 38vh;
	  top: 20vh;
  }
  
  #htr_pla_intro .PLA_chem_structure {
	  display: none;
  }
	
  /** 實體店面 **/
  #physical_location_header {
	  width: 60vw;
	  letter-spacing: 1px;
	  text-align: center;
  }
  
  #channel_listing {
	  width: 80vw;
  }
  
  #channel_listing td {
	  width: 37vw;
  }
  
  #channel_listing p {
	  margin-bottom: 0;
  }
  
  .channel_button {
	  font-size: 0.8 rem;
	  width: 28vw;
	  padding-top: 0;
  }
  
  .channel_icon {
	  width: 5vw;
	  height: 5vw;
	  margin-right: 1vw;
	  position: relative;
	  top: 1vh;
  }
  
  #area_listing {
	  width: 80vw;
	  margin-bottom: 2vh;
  }
  
  #area_listing td {
	  width: 28vw;
  }
  
  .area_button {
	  width: 19vw;
	  display: block;
	  margin: 0 auto;
  }
  
  #retail_block {
	  width: 80vw;
  }
  
  .retail_listing td {
	  width: 76vw;
	  padding-bottom: 2vh;
  }
  
  .store_name {
	  padding-bottom: 0;  
  }
  
  .small_icon {
	  width: 4vw !important;
	  height: 4vw !important;
	  bottom: 1vh;
	  left: 2vw;
	  margin-right: 2vw;
	  margin-bottom: 1vh;
  }
  
  .network_outlet_padding {
	  margin: 2vw;
	  width: 76vw;
  }
	
  /** 媒體報導 **/
  .media_block {
	  width: 80%;
  }
  
  .gap_holder {
	  height: 0.2vh;
  }
  
  .left_side {
	  width: 40vw;
	  height: 21.3vw;
  }
  
  .media_frame {
	  width: 39vw;
	  height: 20vw;
  }
  
  .media_block td {
	  padding: 1vh;
	  margin-bottom: 1vh;
  }
  
  .media_header {
	  font-size: 0.9rem;
  }
  
  .media_shortnote {
	  font-size: 0.6rem;
  }


	.contact_info {
		color: #42210B;
		font-size: 1rem !important;	
		padding-top:0 !important;
		margin-top:0 !important;
	}

  .page-id-1088 .modal-content {
	  height: 50vh;
  }	

	
	/* 聯絡我們 區塊 */
	#contact_form {
		width: 95vw;
		color: #C7B299;
	}	
	#contact_form select {
		width: 100%;
		height: 4vh;
		border: 1px solid rgba(255, 255, 255, 0.2) !important;
		border-radius: 4px;
		background-color: rgba(199, 178, 153, 0.6) !important;
		color: black;
		margin-bottom: 1.25vh !important;	
	}	
	
	.wpcf7_form_left {
		text-align: justify !important;
		width: 7vw;
	}	
	
	.input_key {
		color: #7BA918;
		
	}
	
	#contact_form  {
		margin-bottom: 9vh;
	}	
	#contact_form input[type="submit"] {
		background-color: #7BA918 !important;
		color: white !important;
		border-radius:25px !important;
		border: 2px solid ##006837 !important;
		font-size:1rem !important;
		font-weight:bold;
	}	
	.simpla_listing {
		font-size: 1.6rem !important;
		padding-top: 2vh !important;
	}
}