/*
 Theme Name:   Gateway Plus Child
 Theme URI:    https://rescuethemes.com
 Description:  Gateway Plus Child Theme
 Author:       Rescue Themes
 Author URI:   https://rescuethemes.com
 Template:     gateway-plus
 Version:      1.0
 Tags: 		   light, white, gray,two-columns, responsive-layout, featured-images, theme-options, custom-colors, threaded-comments, translation-ready, right-sidebar, left-sidebar
 Text Domain:  gateway-plus-child
*/


/* =Theme customization starts here
-------------------------------------------------------------- */

/*Padding and Margin*/
.row, .content-area, .columns, .large-12, .site-main, .site-content {
	padding: 0;
	margin: 0 auto;
}

/* ---------------------------------------------
 * Fonts
 * --------------------------------------------- */
/*@font-face {
    font-family: Orator;
    src: url(/fonts//fonts/OratorStd.otf);
}

@font-face {
    font-family: Hiragino;
    src: url(/fonts/Hiragino-Sans-GB-W3.otf);
}

@font-face {
    font-family: HiraginoW6;
    src: url(/fonts/Hiragino-Sans-GB-W6.ttf);
}
*/

/* ---------------------------------------------
 * Menu
 * --------------------------------------------- */
img.menu_logo{
	display: none;
}

@media only screen and (min-width: 1080px) { 
	img.menu_logo {
		height: 70px;
		display: inline-block;
		position: relative;
		padding-top: 100px;
		top: 10px;
		padding: 0;
		/* padding-left: 110px; */
		margin: 0;
		margin-right: 25vw;
	}
}

section.top-bar-section a {
	color: #333333 !important;
}

section.top-bar-section a:hover {
	color: #cc0033 !important;
}

/* ---------------------------------------------
 * Footer
 * --------------------------------------------- */
#footer-wrap {
  	/*background-color: #303030;*/
  	background-color: rgb(68,68,68);
  	width: 100%;
  	height: 350px;
  	position: relative;
  	margin: 0;
  	padding: 0;
}
#footer-wrap p, a {
	color: white;
	margin: 0;
	padding: 0;
	font-size: 14px;
	/* font-family: hiragino-sans-gb-w3; */
}

#footer-wrap img {
	max-width: 20%;
	height: auto;
}

#limg {
	position: absolute;
	left: 0;
	top: 100%;
	transform: translate(0,-100%);
}
#rimg {
	position: absolute;
	right: 0;
	top: 100%;
	transform: translate(0,-100%);
}
#footer-txt {
	position: absolute;
	top: 25%;
	left: 20%;
	width: 60%;
	height: 60%;
	/* border: 1px solid red; */
}
#ltxt, #rtxt {
	padding: 0;
	float: left;
	/*  border: 1px solid blue; */
}
#vline {
	margin: 2vw 0;
	width: 85%;
	border: 1px solid rgb(100,100,100);
}
#ltxt {
	width: 65%;
}
#rtxt #tel {
	padding: 0.7vw 0;
	font-size: 12px;
}
@media screen and (max-width: 800px) {
	#ltxt, #rtxt {
		width: 100%;
	}
	#rtxt {
		margin-top: 2vw;
	}
}

#ltxt span {
	display: inline-block; 
	width: 1vw;
}

#foot-menu {
	margin-bottom: 1vw;
}

/* ---------------------------------------------
 * 關於樂山 - 發展歷程 p18
 * --------------------------------------------- */
/* Text */
.p18-left p, .p18-right p {
	font-family: hiragina-sans-gb-w3 !important;
	padding: 0 !important;
	margin: 0 !important;
	color: #7e7e7e !important;
}

p.p18-year {
  	font-size: 46px !important; 
  	padding: 70px 0 7px 2vw !important;
}

p.p18-txt {
	font-size: 14px !important;
	padding-left: 2vw !important;
	padding-right: 5vw !important;
	margin-top: -20px !important;
}

/* Column */
div.p18-col-left, div.p18-col-right {
	display: inline-block;
	width: 50%;
	padding: 0 !important;
	margin: 0 !important; 
}

div.p18-col-left {
	float: left;
}

div.p18-col-right {
	float: right;
}

/* Background */
.p18-full {
	background-image: url("/wp-content/uploads/2017/02/p18_middle_vertical_2.png") !important;
	background-repeat: no-repeat !important;
	background-position: 50% 0 !important;
}

.p18-left {
	background-image: url("/wp-content/uploads/2017/02/p18_left_horizontal.png") !important;
	background-repeat: no-repeat !important;
	background-position: calc(50% - 305px) 143px !important;

	display: flex;
}

.p18-right {
	background-image: url("/wp-content/uploads/2017/02/p18_right_horizontal.png") !important;
	background-repeat: no-repeat !important;
	background-position: calc(50% + 304px) 143px !important;

	display: flex;
}
/* mrc add */
.top-bar-section #mega-menu-wrap-bippo-english-website #mega-menu-bippo-english-website > li.mega-menu-item > a.mega-menu-link{
	line-height: 35px!important;
}
@media all and (max-width: 980px) {
	html .et_divi_builder #et_builder_outer_content .et_pb_column {
		margin-bottom: 15px;
	}
}
#mega-menu-primary .mega-sub-menu li{
	width: 200px!important;
}
/* 
#mega-menu-primary .mega-sub-menu .mega-sub-menu li{
	width: 320px!important;
}
#mega-menu-max_mega_menu_1 .mega-sub-menu, .mega-sub-menu .mega-sub-menu li{
	width: 135px!important;
}
#mega-menu-max_mega_menu_1 .mega-sub-menu .mega-sub-menu li{
	width: 170px!important;
} */
.et_pb_main_blurb_image .et-pb-icon{
	color: #cf001a!important;
}
/* mrc add end */