/** Your theme modifications here **/
body{font-size: 14px}
body,.navbar,.btn{font-family: "微軟正黑體"}
.logo{width: 80%; margin-top: 1px}
#top ul.menu{font-size: 13px}
.carline{padding-bottom: 8px; border-bottom: 1px dotted #ccc; margin-bottom: 8px}
.navbar .yamm-content ul li a{font-size: 13px}
#main-slider{border: 0px}
.slider_text{ padding: 15px; background: rgba(0,0,0,0.8); width: 500px; position: absolute; z-index: 99999 ;top:23vh; color: #fff;left: 10vw}
.clear{clear: both}
.slider_text h2{ margin-top: 0px}
.breadcrumb{margin-top: 20px}
#hot h2{ margin-top: 5px; margin-bottom: 5px; font-size: 24px; font-weight: bold}
.navbar{margin-bottom: 0px}
#main-slider{margin: 0px 0px 30px 0px}
#content .product .text h3{height: auto}
.ribbon .theribbon{width: auto}
#content #blog-homepage .post .intro{font-weight: normal}
.nlist a{display: block; padding: 0px 0px 15px 0px ; border-bottom: 1px solid #efefef; text-align: left; color: #666; margin-left: 15px; margin-bottom: 15px}
.adbox{ padding: 15px !important}
#hot .product-slider{margin-bottom: 0px;}
.moren{margin-left: 15px}

.mini{margin-top: 30px}
.goToDescription a{ margin-right: 5px; font-size: 14px}
.detal{ border: 1px solid #ccc; padding: 15px; background: #efefef}
.pager {

    font-family: "微軟正黑體", Helvetica, Arial, sans-serif;
}
#content #productMain .price{margin-top: 15px}
@media (max-width:768px)
{ 
.mini{ margin-bottom: 30px}
	.scenter{text-align: center}
	.sleft{text-align: left}
	.moren{margin-left: 0px; margin-top: 15px}
	.slider_text{ padding: 15px; background: rgba(0,0,0,0.8); width: 100%; position: static; z-index: 99999 ;top:0vh; color: #fff}
	.logo{margin-top:5px; width: 110px} 
	.slider_text h2{ margin-top: 0px; margin-bottom: 10px; font-size: 18px}
	.box.slideshow .owl-controls, #main-slider .owl-controls{bottom: 0vh; top:13vh}
	#hot h2{ margin-top: 0px; margin-bottom: 0px}
}