/*
*  html5 doctor css reset | http://html5doctor.com/html-5-reset-stylesheet
*/

@import url(http://fonts.googleapis.com/css?family=Gentium+Basic);


body{
    font-size: 13px;
    font-family: 'Gentium Basic', "蘋果儷細宋", "Apple LiSung", "Meiryo", "新細明體", serif;
    color: #3d3536;
    line-height: 1;
    padding: 0;
    background: url(../img/noise.png) rgba(200, 197, 177, 0.3);
}


a{
	color: #3d3536;
}

a:hover{
	color: #be333f;
	text-decoration: none;
}

h1{
	font-size: 1.5em;
	color: #70584b;
	line-height: 1.2;
}

h2{
	color: #307360;
	font-size: 1.2em;
	line-height: 1.25;
}

h3{
	font-size: 1em;
	color: #898989;
}

h1, h2, h3{
	margin: 0;
}

.clearfix{
	clear: both;
}

.container{
	padding-left: 2em;
	padding-right: 2em;
}

.row{
	margin-right: 0;
	margin-left: 0;
}

div.title-img{
	text-align: center;
	margin-bottom: 60px;
}

div.title-img img{
	display: none;
}

.textContainer .col-border-left{
	border-left: none;
	padding: 0;
}

.textContainer .col-border-right{
	border-right: none;
	padding: 0;
}

section.content-padding{
	padding-top: 40px;
	padding-bottom: 40px;
}

.text-block{
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: #be333f dashed 1px;
}

.textContainer .small-col-paading{
	padding-top: 30px;
}

.textContainer .small-col-paading2{
	padding: 30px 0 0 30px;
}

.textContainer h1{
	margin-bottom: 30px;
}

.textContainer .small-col-paading h1{
	margin-top: 20px;
}

div.text-block p, article p{
	line-height: 1.5em;
	margin-bottom: 1em;
}

.img-shadow{
	margin-top: 20px;
}

.img-shadow img{
	margin-bottom: 10px;
	border: #FFF solid 5px;
	-webkit-box-shadow: 2px 2px 3px #666;
	-moz-box-shadow: 2px 2px 3px #666;
	box-shadow: 1px 2px 3px #666; 
}

.text-block:last-child{
	border-bottom: none;
}

.col-border-left h1, .col-border-right h1, .col-border-left h2{
	margin-top: 0;
}

@media(max-width: 479px){

	.container{
		padding-left: 2em;
		padding-right: 2em;
	}

	.img-shadow img{
		width: 70%;
	}
	
}

@media(min-width: 480px){

	body{
		font-size: 16px;
		padding: 0;
	}

	.container{
		padding-left: 3em;
		padding-right: 3em;
	}
}

@media(min-width: 768px){

	.container{
		padding-left: 1em;
		padding-right: 0.5em;
	}
}

@media(min-width: 992px){


	div.title-img{
		text-align: left;
	}

	div.title-img img{
		display: block;
	}

	.textContainer .col-border-left{
		border-left: #70584b 1px solid;
		padding: 50px 30px 30px 50px;
	}

	.textContainer .col-border-right{
		border-right: #70584b 1px solid;
		padding: 50px 30px 30px 30px;
	}

	section.content-padding{
		padding-bottom: 0;
	}
}


/* ------------------------------ 
       Navigation Area 
---------------------------------*/

#myNav {
	position: relative;
	padding: 0;
	height: 100px;
	background: #fff;
	-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.03);
    -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.03);
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.03);    
}

.nav-collapse.collapse{
	display: block;
}

.navbar{
	padding: 0 7em 0 0;
	margin-bottom: 0;
	border: none;
}

.navbar .navbar-nav.navbar-right:last-child {
    margin-right: 0;
}

.navbar .container{
	width:auto;
}

#nav-menu .navbar-nav li a {
	font-size: 1em;
	margin: 0 2px; 
	padding: 0 1.5em; 
	color: #99a37a;  /* green */
	height: 100px;
	line-height: 100px;
	vertical-align: middle;
}

.fa-caret-down {
	margin-left: 0.25em;
	font-size: 0.9em;
}

#nav-menu .navbar-nav li a:hover{ 
	color: #fff;
	background-color: #307360;
}

#nav-menu .navbar-nav > .active > a, #nav-menu .navbar-nav > .active > a:hover, #nav-menu .navbar-nav li.dropdown.open > .dropdown-toggle, 
#nav-menu .navbar-nav li.dropdown.active > .dropdown-toggle {
	color: rgb(255, 255, 255); 
	background-color: #be333f; 
	border-bottom-style: none;
}

#nav-menu .navbar-nav > li > a:hover, #nav-menu .navbar-nav li.dropdown.open.active > .dropdown-toggle {
	-webkit-transition: ease-in-out .2s;
	-moz-transition: ease-in-out .2s;
	-o-transition: ease-in-out .2s;
	-ms-transition: ease-in-out .2s; 
	transition: ease-in-out .2s;
}

#nav-menu .dropdown-menu {
    left: 0;
    right: auto;
	background-color: rgba(255,255,255,0.85);
	margin-top: 2px;
}

#nav-menu .dropdown-menu li a:hover, #nav-menu .dropdown-menu .active > a, #nav-menu .dropdown-menu .active > a:hover, 
#nav-menu .dropdown-menu li > a:focus, #nav-menu .navbar-nav .open a.dropdown-toggle:hover {
	filter:none;
	color:#FFF;
	background-color:rgba(33,42,63,0.95);
	background-image:none;
} /* dropdown menu hover */


#nav-menu .dropdown-menu li a{
	color: #000;
	padding: 5px 2.5em;
	height: auto;
	line-height: 2em; 
	font-size: 1em;
	border-bottom: rgba(0,0,0,0.2) 1px dotted;
}

.navbar .my-btn {
	display:none;
	width:100%;
}

.navbar .my-btn #logo-small{
	position: relative;
	z-index: 9999;
}

.navbar .my-btn .btn{
	font-size: 22px;
	line-height: 1;
	padding: 4px 0 2px 0;
}

.navbar .my-btn .btn-nav-icon{
	background-color: #be333f;
	color: rgba(255,255,255,1);
}

#nav-menu ul.dropdown-menu .mobile-break{
	margin-left: 0.5em;
}

#nav-menu ul.dropdown-menu .mobile-break:before{
	content: "/";
	margin-right: 0.5em;
}


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

    .navbar div.nav-collapse{
    	height: 100px;
    }

    .navbar div.nav-collapse .nav>li{
    	float: left;
    }

    #nav-menu .navbar-nav li a{
    	border-radius: 0;
    }

    /*#nav-menu .navbar-nav{
    	padding-right: 7em;
    }*/
}

@media (max-width: 767px) {

    #myNav{
    	height: 50px;
    }

    #myNav div.container{
    	padding: 0;
    }

    .navbar {
    	position: relative; 
    	width:100%;
    	padding: 0; 
    	margin-top: 0px; 
    	padding-top:0px
    }

    .navbar .my-btn{
		display: block;
		width: 100%;
		height: 50px;
		color: #FFF;
    	padding: 7px 2em;
		background-color: #be333f;
	}

	.navbar .btn-nav-icon{
		float: right;
	}

	#nav-menu{
		position: absolute;
		width: 100%;
		z-index: 999;
	}

	#nav-menu .navbar-nav{
		margin: 0;
	}

	#nav-menu .navbar-nav li{
		border-bottom: 1px solid rgba(255,255,255,0.8);
		margin-left: 0;
		text-align: center;
	}

	#nav-menu .dropdown-menu li a{ 
		font-size: 0.85em;
	}

	#nav-menu .navbar-nav li a{
		margin: 0; 
		padding: 0 2em;  
		color: #FFF;
		background-color: #99a37a;
		height: auto;
		line-height: 54px;
		vertical-align: middle;
		border-radius: 0;
	}

	#nav-menu .navbar-nav li a:hover{
		background-color: #307360;
	}

	#nav-menu .navbar-nav li.active a, #nav-menu .navbar-nav li.active a:hover, #nav-menu .navbar-nav li.dropdown.active > .dropdown-toggle{
		background-color: #333;
	}

	#nav-menu .navbar-nav .dropdown-menu{
		width: 100%;
		margin: 0;
		border-radius: 0;
		border: none;
	}

	#nav-menu .navbar-nav .dropdown-menu li a{
		background-color: rgba(255,255,255,0.7);
		color: #000;
		padding-top: 1em;
		padding-bottom: 1em;
		min-height: 40px;
		height: auto;
		line-height: 1.25;
		border-radius: 0;
	}

	#nav-menu .navbar-nav .dropdown-menu li a:hover, #nav-menu .navbar-nav li.dropdown.active ul.dropdown-menu li a:hover{
		background-color: #307360;
		color: #FFF;
	}

	#nav-menu .navbar-nav li.dropdown.active ul.dropdown-menu li.active a{
		background-color: rgba(51,51,51,0.7);
		color: #FFF;
	}

	/*#nav-menu ul.dropdown-menu .mobile-break:before{
		content: "";
		display: block;
		width: 100%;
	}*/

}

@media (max-width: 479px){

	#nav-menu ul.dropdown-menu .mobile-break:before{
		content: "";
		display: block;
		width: 100%;
	}

}



/* ------------------------------ 
       Header 
---------------------------------*/

#myHeader{
	position: relative;
	height: 300px;
	background: #000 right no-repeat;
	background-size: auto 100%;
	z-index: 0; 
}

#intro-text{
	padding-top: 15px;
}

#divHeaderText{
	background: url(../img/logo.png) 50px 100% no-repeat;
	background-size: 140px 128px;
	padding: 85px 0 5px 200px;
	overflow: visible;
}

#divHeaderText p.divHeaderLine1{
	font-size: 2.25em;
	color: rgba(255,255,255,0.8);
}

#divHeaderText p.divHeaderLine2{
	font-size: 1.5em;
	color: rgba(255,255,255,0.8);
	letter-spacing: 0.1em;
}

#divHeaderLine3{
	display: inline-block;
	font-size: 1.25em;
	color: #fff;
	background-color: rgba(48,115,96,0.8);
	padding: 1em 1.5em;
	margin-top: 1em;
	letter-spacing: 0.05em;
	line-height: 1.25em;
}

@media(max-width: 767px){

	#myHeader{
		background-position: center; 
	}

	#divHeaderLine3{
		display: block;
		width: 100%;
		margin-top: 1.25em;
	}

	#divHeaderText{
		background: none;
		text-align: center;
		padding: 80px 0 0 0;
	}
}

@media(max-width: 479px){

	#myHeader{
		background-position: center; 
	}

	#divHeaderText{
		padding-top: 60px;
	}
}

@media(min-width: 992px){

	#myHeader{
		background-position: 100% 0%; 
	}

	#divHeaderText{
		background-size: 175px 160px;
		padding: 80px 0 10px 230px;
	}
}


/* ------------------------------ 
       Contact 
---------------------------------*/

#contact{
	background: url(../img/dotted-worldmap.png) right center fixed no-repeat;
}

#contact .col-border-left h1{
	color: #be333f;
	font-size: 1.3em;
	margin-bottom: 20px;
}

#contact h1 i{
	margin-right: 0.3em;
}

#contact h2{
	margin-bottom: 15px;
}

#contact p{
	margin-bottom: 10px;
	line-height: 1em;
}

#contact p.f_left{
	float: left;
	margin: 15px 0;
  	padding-right: 3%;
}

#contact .mobile-break{
	margin-left: 1em;
}

#contact .verticalBlock .row{
	margin: 0 0 0.5em 0;
}

#contact .verticalBlock > .row > div{
	padding: 0;
}

.text_btn{
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	width: 2.5em;
	padding: 5px 0 3px 0;
	margin-right: 10px;
	color: #FFF;
	text-shadow: 1px 1px 1px #999;
	background: -moz-linear-gradient(top, #f2dc99 0%, #f2bc1b 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#f2dc99), to(#f2bc1b));
    background: -o-gradient(#f2dc99 , #f2bc1b);
	border: rgba(242,188,27,1) solid 1px;
	text-transform: uppercase;
}

.icon_site i{
	font-size: 1.15em;
}

.icon_mail i, .icon_site i{
	color: #F7B441;
	margin-right: 0.5em;
}

.icon_mail a, .icon_site a{
	text-decoration: underline;
}

div.verticalBlock{
	padding: 20px 0;
	border-top: #FFF 1px dashed;
	border-bottom: #999 1px dashed;
}

div.verticalBlock:last-child{
	padding: 20px 0 0 0;
	border-bottom: 0;
}

div.verticalBlock:first-child{
	padding: 0 0 20px 0;
	border-top: 0;
}

div.row-expand{
	margin-left: -50px;
	margin-right: -50px;
}

div.row-expand > div{
	/*margin-bottom: 10px;*/
	border-right: #b2b2b2 1px dashed;
	text-align: center;
}

div.row-expand > div:nth-child(5n), div.row-expand > div:last-child{
	border-right: none;
}

@media(max-width: 767px){

	#contact .mobile-break{
		margin-left: 0;
	}

	#contact .mobile-break:before{
		content: "";
		display: block;
		width: 100%;
	}
}

@media(max-width: 479px){

	#contact .container{
		padding-left: 2.5em;
		padding-right: 2.5em;
	}
}


/* ------------------------------ 
       Catalogue 
---------------------------------*/

#catalogue i{
	margin-right: 0.3em;
	font-size: 1.5em;
	color: #be333f;
	vertical-align: middle;
}

#catalogue .container{
	padding-left: 15px;
	padding-right: 15px;
}

div.mobile-align a{
	margin-top: 20px;
}

#catalogue .col-border-left img{
	margin: 20px 20px 0 0;
	vertical-align: baseline;
}

#catalogue a{
	display: inline-block;
	height: 32px;
	line-height: 32px;
	font-size: 0.875em;
}

#catalogue a:hover{
	text-decoration: underline;
}

div.catalogue-block{
	text-align: center;
	padding-bottom: 30px;
	border-right: #b2b2b2 1px dashed;
}

div.catalogue-block header{
	background: url(../img/paperclip3_64.png) left top no-repeat;
	height: 7em;
	padding: 30px 10px 0 10px;
}

div.catalogue-block img{
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
	border: #c8c5b1 1px solid;
	-webkit-box-shadow: 20px 20px 2px rgba(200,197,177,0.8);
	-moz-box-shadow: 20px 20px 2px rgba(200,197,177,0.8);
	box-shadow: 20px 20px 2px rgba(200,197,177,0.8);
}

div.catalogue-block:last-child{
	border-right: none;
}

@media(max-width: 991px){

	div.catalogue-block h2{
		font-size: 1.1em;
	}

	div.catalogue-block header{
		height: 8em;
	}

	div.catalogue-block img{
		-webkit-box-shadow: 5px 5px 2px rgba(200,197,177,0.8);
		-moz-box-shadow: 5px 5px 2px rgba(200,197,177,0.8);
		box-shadow: 5px 5px 2px rgba(200,197,177,0.8);
	}
}

@media(max-width: 767px){

	div.mobile-align{
		text-align: center;
	}

	div.mobile-align h2{
		text-align: left;
	}

	div.mobile-align img{
		width: 80%;
		max-width: 405px;
		height: auto;
	}

	div.mobile-align a:before{
		content: "";
		display: block;
		width: 300px;
	}

	#catalogue .mobile-style{
		padding-bottom: 0;
		margin-bottom: 0;
		border-bottom: none;
	}

	div.catalogue-block{
		border-right: none;
		border-bottom: #b2b2b2 1px dashed;
		margin-top: 30px;
	}

	div.catalogue-block h2{
		font-size: 1.25em;
	}

	div.catalogue-block header{
		height: 6.5em;
	}
}

@media(max-width: 479px){

	#catalogue div.mobile-align img{
		width: 90%;
		margin-right: 0;
	}

	div.catalogue-block header{
		height: auto;
		min-height: 6.5em;
	}

	div.catalogue-block img{
		width: 70%;
		max-width: 212px;
	}
}


/* ------------------------------ 
       News 
---------------------------------*/

#news{
	padding: 60px 0;
}

#news .news-block{
	background: #FFF;
	padding: 5em 4em 4em 4em;
	margin: 30px 0;
}

div.date-block{
	padding: 1em 2em;
	text-align: center;
	color: #FFF;
	text-transform: uppercase;
	background: #307360;
}

div.date-block p{
	margin: 0;
}

#news .news-title{
	margin-bottom: 1.25em;
}

#news .news-title h1{
	color: #307360;
}

#news .news-title h3{
	margin-top: 0.25em;
}

/*#news .news-block article{
	padding-left: 7em;
	padding-right: 3em;
}*/

p.eng_article{
	border-top: #be333f dashed 1px;
	padding-top: 20px;
}

#news .article-nav-block{
	margin: 30px 0;
	background-color: #FFF;
	border: rgba(112,88,75,0.7) 6px solid;
}

#news div.article-nav-block h1{
	padding: 10px 0;
	text-align: center;
	color: #FFF;
	font-size: 1.35em;
	background: #70584b;
}

#news div.article-nav-block ul{
	padding: 20px;
	list-style: none;
}

#news div.article-nav-block ul li{
	font-size: 1em;
}

#news div.article-nav-block ul li h4:before {    
	font-family: 'FontAwesome';
	content: '\f061';
	color: #70584b;
	font-size: 0.9em;
	margin-right: 0.5em;
}

#news div.article-nav-block ul li a{
	display: block;
	padding: 0;
	margin-bottom: 15px;
	border-bottom: #3d3536 1px dashed;
}

p.list-link{
	font-size: 0.95em;
	line-height: 1.2;
	color: #be333f;
	
}

p.list-link a{
	color: #be333f;
	text-decoration: underline;
}

p.list-link a:hover{
	color: #70584b;
	text-decoration: none;
}

.news-block p.list-link{
	text-align: left;
}

.article-nav-block p.list-link{
	text-align: center;
	padding: 0 6%;
	margin-top: 30px;
}

@media(max-width: 767px){

	#news .news-title h1{
		font-size: 1.35em;
	}
}


@media(max-width: 479px){

	#news .news-block{
		padding: 3em 30px 2em 30px;
	}

	#news .news-title h1{
		font-size: 1.3em;
	}
}


/* ------------------------------ 
       Product 
---------------------------------*/

#product .prod-default h2{
	padding-left: 10px;
	border-left: #307360 7px solid;
	margin-bottom: 1em;
}

.prod-default img{
	display: block;
    margin: 20px auto;
}

#product div.center{
	text-align: center;
}

.nav-sidebar { 
    width: 100%;
    margin-top: 0;
    margin-bottom: 4em;
    padding: 0; 
    text-align: center;
}

#product .nav-sidebar li{
	background: rgba(255,255,255,.35);
	margin: 20px 0;
	border-bottom: #999 1px dashed;
	-webkit-box-shadow: 0 1px 3px #ddd;
	-moz-box-shadow: 0 1px 3px #ddd;
	box-shadow: 0 1px 3px #ddd;
	overflow: hidden;
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	-ms-transition: all .2s ease-in;
	transition: all .2s ease-in;
}

#product .nav-sidebar li a{
	color: #333;
	text-shadow: 1px 1px #FFF;
	padding: 10px 5px 5px 5px;
	background-repeat: no-repeat;
	background-position: center 5px;	
}

#product .nav-sidebar li:hover{
	margin-left: -20px;
	margin-right: 20px;
	-webkit-box-shadow: -1px -1px 3px #ddd;
	-moz-box-shadow: 0 1px 3px #ddd;
	box-shadow: -1px -1px 3px #ddd;
}

#product .nav-sidebar li a:hover{	
	color: #be333f;
	background: rgba(255,255,255,.6) url(../img/tri.png) left top no-repeat;
}

#product .nav-sidebar li p{
	margin-bottom: 0;
}

#product .nav-sidebar .active a, #product .nav-sidebar .active a:hover {
  cursor: default;
  background: rgba(255,255,255,.6) url(../img/tri3.png) left top no-repeat;
  color: #F7B441;
}


#product .tab-style h1{
	padding-bottom: 0.2em;
	border-bottom: 5px solid #70584b;
}

#product .tab-style h2{
	border-left: none;
	margin-bottom: 1em;
}

#product .tab-style i{
	margin-right: 0.25em;
}

#product .colpadding{
	padding-left: 0;
}

/*#product .dimension{
	text-align: center;
}

#product .dimension h2{
	text-align: left;
}*/

#product .dimension img{
	margin-bottom: 20px;
	border: #000 solid 1px;
}

#product .dimension h4{
	font-size: 1.25em;
	color: #be333f;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 20px;
}

#product .prod-margin{
	margin-top: 10px;
	margin-left: 10px;
}

#product table{
	margin-top: 10px;
}

#product table td, #product table th{
	padding: 5px 10px;
}

#product .table>thead>tr>th, #product .table>tbody>tr>td, #product .table>thead>tr>td{
	text-align: center;
	vertical-align: middle;
}

#product .table-bordered{
	border: 2px solid #000;	
}

#product .table-bordered>thead>tr>th, #product .table-bordered>tbody>tr>th, 
#product .table-bordered>thead>tr>td, #product .table-bordered>tbody>tr>td{
  border: 1px solid #000;
}

#product .table-bordered>tbody>tr:nth-of-type(odd){
	background-color: rgba(210,223,239,0.8);
}

#product1-list{
	padding: 0 2em 1.5em 2em;
}

#product1-list ul.list1{
	margin: 1.5em 0;
}

#product table.data{
	width: 100%;
	font-size: 0.9em;
	background-color: #fff;
}

#product .data>tbody>tr>th, #product .data>thead>tr>th{
	text-align: center;
	vertical-align: middle;
}

#product .data>tbody>tr>td{
	text-align: left;
	vertical-align: middle;
}

#product .data2{
	margin-top: 40px;
}

#product .data2>tbody>tr>td{
	text-align: center;
}

#product .data2 img{
	width: 90%;
	height: auto;
}

#product .data3 img{
	float: right;
	margin-right: 10px;
}

#product .data3{
	line-height: 60px;
}

#product .data .border0, #product .data4 .border0{
	border-right: none;
	border-left: none;
}

div.table-pdf a{
	display: block;
	width: 100%;
	padding: 10px;
	color: #FFF;
	background-color: #666;
	cursor: pointer;
	overflow: hidden;
}

div.table-pdf .col-xs-5{
	text-align: right;
}

div.table-pdf i{
	line-height: 40px;
}

div.table-pdf .col-xs-5, div.table-pdf .col-xs-7{
	height: 40px;
	line-height: 40px;
	vertical-align: middle;
}


/*----- Product1.html -------*/

.prod_detail{
	padding: 2em 2em 1.5em 1.5em;
}

.prod_detail ul{
	position: relative;
	padding-left: 0;
}

.prod_detail ul li{
	list-style: none;
	margin-bottom: 5px;
	line-height: 1.25em;
}

.prod_detail ul li:before {    
	font-family: 'FontAwesome';
	content: '\f058';
	margin:0 0.5em 0 -1.5em;
	color: #F7B441;
}

/*.prod_detail .patent{
	position: absolute;
	right: 1em;
	bottom: -3em;
	width: 6em;
	padding: 1em;
	font-size: 1.15em;
	text-align: center;
	color: #FFF;
	background-color: #be333f;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
}*/

/*----- Product2.html -------*/

ul.article_list{
	line-height: 1.5;
	padding-left: 1.5em;
	margin-bottom: 30px;
	list-style: none;
}

ul.article_list p{
	margin-bottom: 10px;
}

ul.article_list li:before {    
	font-family: 'FontAwesome';
	content: '\f0a9';
	margin:0 0.5em 0 -1.3em;
	color: #be333f;
}

div.product2 .col-sm-4{
	padding-top: 10px;
	text-align: center;
	margin-bottom: 20px;
}


/*----- Product3.html -------*/

#product table.prod3-table{
	font-size: 0.9em;
}


/*----- Product4.html -------*/

div.product4{
	margin-top: 10px;
}

/*----- Product5.html -------*/

div.space-reset ul li{
	list-style: none;
	line-height: 1.25em;
}

div.space-reset ul li:before{
	font-family: 'FontAwesome';
	content: '\f058';
	margin:0 0.5em 0 -1.5em;
	color: #F7B441;
}

#product .tab-style h3{
	font-size: 1.25em;
	color: #be333f;
}

div.product5 p, div.product4 p, div.product7-tab4 .prod_detail ul p{
	line-height: 1.5;
	margin-bottom: 0;
}

div.product5 h3{
	line-height: 1.5;
	margin-bottom: 5px;
}

div.product5 .col-sm-6, div.product4 .col-sm-6{
	margin-bottom: 20px;
}


/*----- Product6.html -------*/

div.center h3.valign-btm{
	font-size: 1.25em;
	margin-bottom: 1em;
}

h3.valign-btm{
	display: inline-block;
	color: #be333f;
	padding: 5px 10px;
	border: 2px #be333f solid;
}

/*----- Product8.html -------*/

.mobile-float{
	margin-top: 20px;
	margin-bottom: 50px;
}

.mobile-float p{
	float: left;
}

div.center .mobile-float h3.valign-btm{
	margin-right: 10px;
	margin-bottom: 0;
}



/*----- Product9.html -------*/

div.prod9{
	text-align: center;
}

div.prod9 p{
	margin-top: 1em;
}

#product .data4{
	font-size: 0.9em;
	background-color: #fff;
}

#product .data4>tbody>tr>th{
	text-align: left;
	vertical-align: middle;
}

#product .data4>tbody>tr>td, #product .data4>thead>tr>th{
	text-align: center;
	vertical-align: middle;
}

/*.product7 img{
	margin-top: 10px;
}

.product7 p{
	text-align: center;
	margin-top: 2em;
}

div.product7-tab4 .prod_detail{
	padding-top: 0;
}

div.product7-tab4 .article_list{
	margin-top: 50px;
}*/

@media(max-width: 479px){

	img.mobile-size{
		width: 70%;
	}

	img.mobile-m-size{
		width: 60%;
		height: auto;
	}

	img.mobile-s-size{
		width: 50%;
		height: auto;
	}

	.table-s-font{
		font-size: 0.7em;
	}

	#product .table-bordered{
		border: 2px solid #000;	
	}
}

@media(min-width: 768px){

	div.product4 .col-sm-6 img{
		height: 200px;
		width: auto;
	}

	div.product2 .col-sm-4{
		padding-top: 130px;
		text-align: left;
	}
}

@media(min-width: 992px){

	.nav-sidebar { 
	    width: 90%;
	    margin-top: 4em;
	    margin-bottom: 0;
	}

	#product .nav-sidebar li a{
		padding: 20px 5px 10px 5px;	
	}

	.mobile-float p{
		float: none;
	}

	.mobile-float h3.valign-btm{
		margin-right: 0;
	}
}




/* ------------------------------ 
       Footer 
---------------------------------*/
footer{
	text-align: center;
	background: url(../img/footer_bg.png) repeat;
}

footer #footer_nav{
	padding: 30px;
}

footer #footer_nav ul{
	padding: 0;
}

footer #footer_nav ul li{
	display: inline-block;
	border-right: 1px #3d3536 solid;
	margin-bottom: 1em;
}

footer #footer_nav ul li:last-child{
	border-right: none;
}

footer #footer_nav ul li a{
	font-family: 'Gentium Basic', "蘋果儷中黑", 'Apple LiGothic', "Meiryo", "微軟正黑體", "Microsoft JhengHei", serif;
	color: #333;
	display: block;
	padding: 0 10px;
	font-size: 0.875em;
}

footer #footer_nav ul li a:hover{
	color: #70584b;
}

footer #footer_text{
	width: 100%;
	text-align: center;
	padding: 30px 0 180px 0;
	background: url(../img/footer_img.png) right bottom no-repeat;
}

footer #footer_text p{
	color: #be333f;
	font-size: 0.75em;
	font-weight: bold;
}

@media(min-width: 992px){

	footer #footer_text{
		padding-top: 70px;
		padding-bottom: 18px;
	}
}