@charset "utf-8";
/* CSS Document */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~common area~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
html {
    height: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}
body { 
  font-family: "Microsoft Jhenghei", "微軟正黑體", \5FAE\8EDF\6B63\9ED1\9AD4, Verdana, Arial, Helvetica, sans-serif; 
  margin: 0; 
  color:#333333;
  -webkit-text-size-adjust: 100%; 
  -ms-text-size-adjust: none; 
}
div {box-sizing: border-box; border: 0; padding: 0; margin:0}
ul, li {margin:0;padding:0;list-style-type:none;}
a {text-decoration:none; color:inherit; cursor:pointer;}
.max_width {
	max-width: 1300px;
	margin-top: auto;
	margin-right: auto;
	margin-left: auto
}
#Dyn_head {height: 100px; }
.module-minicart {} /* 購物車關掉 */
.back_top{background-color:transparent; -webkit-overflow-scrolling:touch;}
.back_top:hover {opacity:0.7;}

.header_rwd{
    width: 100%;
    font-size: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    background-color: #FFFFFF;
    padding-top: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.header_logo {
    width: 25%;
    display: inline-table;
    vertical-align: middle;
    
}
.header_logo img {width:100%;}
.header_menu_wrapper {
	width: 100%;
	display: inline-block;
	vertical-align: bottom;
	font-size: 15px;
	text-align: right;
	float: right;
	
	
	
	
}

.header_menu{
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 1px;
    height: 40px;
    text-align: center;
    width: 100%;
    
    padding-top: 10px;
    
    letter-spacing: 3px;
}


.header_icon{
    display: inline-block;
    vertical-align: middle;
  
    margin-bottom: 1px;
   
    text-align: right;
    width: 65%;
}
.header_menu ul{ position: absolute; z-index: 99; } /* position:absolute 控制下拉式選單位置 */
.header_menu li{
	text-align: center;
	display: inline-block;
	padding-right: 15px;
	margin-top: 0px;
}
.header_menu .dropdownmenu {display:none; }
.header_menu li .ch {
    font-size: 16px;
    color: #000000;
    padding-top: 1px;
    font-weight: 600;
}
.header_menu li .eng {font-size:8px; letter-spacing:1px; padding-top:2px; color:#333333; font-weight:600;}
.header_menu li > a:hover .ch{
    color: #C30D23;
    font-weight: 600;
	
} 
.header_menu li > a:hover .eng {color: #AACE36;} 
/* drop down menu */
.header_menu li > a:hover {
	color: #A91F24;
} 
.header_rwd .header_menu > li ul  {display:none; } 
.header_menu > li:hover ul {
    display: block;
    margin-top: -2px;
    padding: 10px 0 6px 15px;
    font-size: 1em;
    color: #333333;
    background-color: #fff;
    box-shadow: 5px 5px #C2C3C4; /* 滑鼠滑入展開次選單*/
    -webkit-box-shadow: 5px 5px #C2C3C4;
    width: 150px;
    border: 1px solid #BFBFBF;
    border-radius: 10px;
}
.sub_menu li{  padding-bottom: 5%; }
/* drop down menu */
.header_icon a {
    display: inline-block;
    padding-right: 10px;
    color: #525151;
}
.header_social img {width:100%;}
.header_nav {display:none;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~header area~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */





/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~產品頁~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.page_mobile_meccg .mcol .M1225 {float:left; width:25%;padding:25px 0 60px 5%;}
.page_mobile_meccg .mcol .M1225 .list-group-item{border: 0; font-size: 18px; font-weight: bold; color: #806A18; border-bottom: 2px #AACE36 solid; margin-bottom: 1px; }

.spage_mobile_meccg .M1110 .list-group-item{border: 0; font-size: 18px; font-weight: bold; color: #806A18; border-bottom: 2px #AACE36 solid; margin-bottom: 1px;}
.list-group-item{border:0;}
.page_mobile_meccg .mcol .M1101 {float:right; width:75%;padding:30px 5% 0 5%;}
.page_mobile_meccg .mcol .M1101 .mt h3 { font-size: 30px; font-weight: bold; color: #806A18; padding: 0 5px 7px 5px; border-bottom: 2px #AACE36 solid; margin-top: 0; margin-bottom: 30px; }
.page_mobile_meccg .mcol .M1101 .mbox .d-txt h5 { color: #806A18;}
.page_mobile_meccg .mcol .M1101 .mpgdetail { color: #806A18; margin-top:-25px; margin-bottom:20px;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~產品頁~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~rwd area~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
  
@media all and (max-width:935px){
  .header_menu_wrapper {font-size: 12px;text-align:none;}
}
@media all and (max-width:821px){
  .header_social{
  
    display: none;
    text-align: right;
}
} 
@media all and (max-width:767px){
  #Dyn_head {
	height: 76px;		
}
  .header_menu_wrapper{
    font-size: 14px;
    display: inline-block;
    width: auto;
  
}
  .header_rwd{padding:0;}
  .header_social{display:none;}
  .header_nav {
	display: block;
	width: 45%;
	position: absolute;
	right: 5%;
	top: 20px;
	cursor: pointer;
	
	color: #777;
	font-size: 25px;
}
  .header_logo {width:70%; }
  .header_logo img {
	padding: 1px;
}
  .header_menu {
    display: none;
    text-align: center;
    width: 100vw;
    background-color: #FFFFFF;
    height: 100vh;
    padding: 0px 0;
} 
  .header_menu li {
    text-align: center;
    display: block;
    padding: 10px 0;
    font-size: 16px;
}
  .header_menu > li:hover ul {
    box-shadow: 5px 5px #AA1B35; /* 滑鼠滑入展開次選單*/
    -webkit-box-shadow: 5px 5px #AA1B35;
}

  .header_menu li .eng {display:none;}
  .header_menu li .ch{margin-bottom:0px;}
  .header_menu li > a:hover .ch{
    color: #BDBFC1;
} 
  .header_menu li > a:hover {
    color: #C30D23;
}
  .header_rwd .header_menu > li ul {
    display: none;
    margin-top: 10px;
    width: 100%;
    background-color: #EBEBEB;
    height: auto;
    padding-bottom: 10px;
} 
  .header_rwd .header_menu li a:last-child:hover ul { display: block; }
  .header_menu ul{position:initial;}
  .header_menu .dropdownmenu {display:initial; }
  
  .sub_menu li{padding-bottom:5px; }
  .sub_menu li a:hover{font-size:1.2em; color: #806A18;}

  
  .page_mobile_meccg .M1110 .dropdown-menu {
    color: #020B4E;
    margin: 0 20px;
    border-radius: 0;
    border-top: 0;
    background-color: #7C7C7C;
    text-align: center;
    padding: 10px;
    font-weight: 900;
    font-size: 20px;
}
  .page_mobile_meccg .M1110 .dropdown-menu > li {color:#806A18;}
  .col-sm-3 { width: 50%; float: left;}
}

@media all and (max-width:414px){
  .menu_caption_2 {font-size:16px;}
  .footer_content {font-size:12px;}
  .footer_logo a img {width:25%;}
  .contact_area{padding: 6% 0 15% 0;}
  .home_caption {font-size:1.6em;}
  .child_caption {font-size:1.2em;}
  .home_span {font-size:.8em;}

  .page_mobilehome .main .mcol #Dyn_2_3 hr {width: 180px;}
  .page_mobilehome .main .mcol #Dyn_2_4 hr {width: 210px;}
  .page_mobilehome .main .mcol #Dyn_2_7 hr {width: 280px;}
  .page_mobilehome .main .mcol #Dyn_2_5 .mb .row .d-item {padding-right:25px;}
  .page_mobilehome .main .mcol #Dyn_2_6 #gift, aboutfunder {font-size:1.6rem}
  .page_mobilehome .main .mcol #Dyn_2_6 #aboutfunder {padding-top: 6vh; padding-bottom: 6vh; }

  .page_mobilehome .main .mcol #Dyn_2_7 .mb .coffee, .farm {font-size:16px; } 
/*   .page_mobilecgmolist .main .mcol .M31072 .abouther {display:block; width:100%;}
  .page_mobilecgmolist .main .mcol .M31072 .aboutExp {display:block; width:100%; font-size:14px;}
  .page_mobilecgmolist .main .mcol .M31072 .aboutExp h3 {font-size:18px;}
  .page_mobilecgmolist .main .mcol .M31074 {padding:0; } 
  .page_mobilecgmolist .main .mcol .M31074 .aboutgift {padding-top:15%;} 
  .page_mobilecgmolist .main .mcol .M31076 img {width:40%;}
  .page_mobilecgmolist .main .mcol .M31091 .medicalcheck .medicalcheck_chart svg {margin-top: -30%; margin-bottom:-30%;}
 */

  .inner_content {font-size:1.6rem; line-height: 2.5; }


}

.br_top
{
    background-repeat: repeat-x;	
}

.h_men
{
    color: #C30D23;
    font-size: 14px;
    padding-top: 1px;
}
.h_men a:link{
	color: #FFFFFF;
	text-decoration: none;
}
.h_men a:visited{
	text-decoration: none;
	color: #FFFFFF;
}
.h_men a:hover{
	text-decoration: none;
	color: #FFFFFF;
}
.h_men a:active{
	text-decoration: none;
	color: #FFFFFF;
}


@media (min-width:768px) and (max-width: 2400px)

{
   .m_menu{display:none;}
 

}


@media (max-width: 767px) 
{
	
 .header_logo img {width: 100%;}
 .pcicon{display:none;}
}




[aria-expanded='false'] .fas.fa-bars{
	display: inline;
}

[aria-expanded='true'] .fas.fa-bars{
	display: none;
}

[aria-expanded='true'] .fas.fa-times{
	display: inline;	
}

[aria-expanded='false'] .fas.fa-times{
	display: none;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~rwd area~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */