@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,600,700,800");
@import url("https://fonts.googleapis.com/css?family=Arvo:400,400i,700,700i");
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700|Roboto+Slab:100,400,700|Roboto:300,400,700');
@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);
/* Base
----------------------------------*/
body{
      font-family: 'Noto Sans TC', sans-serif; 
      min-width: 320px;
      background: #f5f5f5 url(/images/cmn/mbg.png)center top no-repeat;
    //  font-size:16px;
      line-height:1.2;
	  position:relative;
	  z-index: -1;
}
/* header
----------------------------------*/
#header{position:relative;height:56px;margin:0;padding:0; background: url(/images/cmn/mhead-mbg.png)center no-repeat;z-index: 100;}
#header .mhead-logo{margin: 5px 25px;width:125px;}
#header #m-nav{float:right;margin:20px 30px 0 0;}  
.nav-pad {padding-left:50px;}
/*content_default
----------------------------------*/
.container{background:#fff;}
.sprodtitle{padding:15px 0;font-family:Arvo, serif;font-size:3px;color:#666;font-size:30px;}
.sprodtitle span{color:#f6780d;font-weight:bold;}
.container h4{color: #e14e3b;}
.container a{color:#666;outline: none;}
.container a:hover {color:#e14e3b;}
.modal h4{padding:0 40px;}
.modal img{width:300px;}
.proddesc{padding:0 40px 0 0px;line-height:26px;}
.fa-spinner{font-size:36px;color:#666;}
/* custom adjustments */
@media only screen and (max-width: 768px) {
	.modal h4{padding:0 20px;}	
	.proddesc{padding:20px;line-height:26px;}
	.prodimg{text-align:center}	
	.prodimg img{width:300px;}		
	}
@media screen and (max-width: 400px) {
	.modal h4{padding:0 20px;}	
	.proddesc{padding:20px;line-height:26px;}
	.prodimg{text-align:center}	
	.prodimg img{width:300px;}					
}

/* product pages */
.productpg-img {margin:20px 0;height:300px;width:auto;}
.precipes {margin:0 auto;max-width:900px;}
.precipes h2 {font-size:18px;color:#e14e3b;}
.precipes img {width:280px;}
.precipes h4 {font-size:16px;padding:10px 0;}

/* recipe pages */
.contents {margin:0 auto;max-width:900px;}
.recipe-thumb {width:280px;}
.recipe-tname {font-size:16px;padding:10px 0 0;}
.recipe-content {margin:0 auto;padding:0 20px;max-width:920px;}
.recipe-img {width:100%}
.recipe-ing {padding: 40px;}
.ingredients p, .instructions p{font-size:16px !important;line-height:26px;color:#333;}
.ingredients h1, .instructions h1{font-family: Arvo, serif;font-size:20px;font-weight:700;color:#e14e3b;}
.instructions li{margin:0 0 12px;line-height:26px;color:#333;}
.ctime {margin:0 0 12px;}
.recipe-icon {height: 18px;width: 18px;}
/* footer
----------------------------------*/
#footer{margin:40px auto;padding:40px 0;font-size:10px;color:#666;}
#footer a{color:#666;}