/*************************
*******pagestyle CSS******
**************************/
#pcontent {
	width: 100%;
	display: inline-block;
	padding: 0 0 50px;
}
.pageright {
	float: right;
	width: calc(100% - 250px);
	margin: 10px 0 0;
}
.pageright2 {
	float: left;
	width: 100%;
	padding: 0;
}
.itemarea {
	width: 100%;
	float: left;
}
.itemarea2 {
	width: 50%;
	float: left;
}
.pbox1 {
	float: left;
	width: 100%;
	padding-top: 30px;
	font-size: 1em;
	line-height: 1.8em;

}
.pbox1 img {
	display:block;
	height:auto;
	max-width:100%;
}
.pbox1 iframe,
.pbox1 object,
.pbox1 embed {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
	height: 100%;
}
.page-header {
	padding: 0 0 15px;
	border-style: none;
	width: 100%;
	margin: 0;
	font-size: 1.8em;
	line-height: 1.4em;
	color: #000;
	font-weight: bold;
	display: inline-block;
	background: url(../line5.png) no-repeat left bottom;
}
@media (max-width: 991px) {
.pageright {
	float: left;
	width: 100%;
}
.page-header {
	font-size: 1.7em;
}
}

.breadcrumb{
	list-style: none;
	border-radius: 0px;
	font-size: 13px;
	line-height: 18px;
	margin: 0;
	text-align: right;
	padding: 11px 7px;
	background-color: transparent;
}
.breadcrumb>li{display:inline-block;color:#999;}
.breadcrumb>li+li:before{padding:0 5px;color:#999;content:"/\00a0";}
.breadcrumb>.active{color:#0072bc}
.breadcrumb>li a{color:#999;}
.breadcrumb>li a:hover{color:#0072bc;text-decoration:none;}
/*************************
*******內頁選單
**************************/
.pageleft {
	float: left;
	width: 200px;
	margin: 15px 0 0;
	font-size: 16px;
	line-height: 1.6em;
}
ul.mtree {
  font-family: \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4, Arial, Helvetica, sans-serif;
  opacity: 0;
  margin-left: 0;
  padding: 0;
  border-top: 5px solid #00a1e9;
  /*background: url(../line8.gif) repeat-x 0 top;*/
}
ul.mtree ul {
  padding-left: 0;
}
ul.mtree li {
  list-style: none;
	padding: 2px 0;
}
ul.mtree a {
  display: block;
	text-decoration:none;
}
ul.mtree a:hover {
	text-decoration:none;
}
ul.mtree li > a.current {
  font-weight: bold;
	background-color: #3559aa url(../icon7.png) no-repeat 6px 19px;
	color: #FFF;
}
ul.mtree li.mtree-node > a {
  /*font-weight: bold;*/
}
ul.mtree li.mtree-node > a.current {
  font-weight: bold;
	background: #3559aa url(../icon7.png) no-repeat 6px 19px;
	color: #FFF;
}
ul.mtree a {
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

ul.mtree.transit {
  /*background: #111;*/
}
ul.mtree.transit ul {
  margin-left: 0;
}
ul.mtree.transit ul > li {
  font-size: 15px;
  background: #ecf9fd;
	padding: 0;
  border-bottom: none;
	border-left: 1px solid #17318e;
}
ul.mtree.transit li.mtree-node {
  position: relative;
}
ul.mtree.transit li.mtree-node > a:before {
  color: #ccc;
  font-weight: normal;
  position: absolute;
  right: 10px;
}
ul.mtree.transit li.mtree-open > a:before {
  content: '-';
}
ul.mtree.transit li.mtree-closed > a:before {
  content: '+';
}
ul.mtree.transit ul > li:first-child {
  margin-top: 1px;
}
ul.mtree.transit li.mtree-open > a {
  /*background: #fff;*/
	background: #17318e url(../icon7.png) no-repeat 8px 22px;
}
ul.mtree.transit li > a:hover, ul.mtree.transit li.mtree-active > a {
  background: #17318e url(../icon7.png) no-repeat 8px 22px;
  color: #FFF;
}
ul.mtree.transit li > a.current {
  font-weight: bold;
	background: #17318e url(../icon7.png) no-repeat 10px 22px;
	color: #FFF;
}
ul.mtree.transit li.mtree-node > a.current:before {
	color: #FFF;
}
ul.mtree.transit li.mtree-node > ul > li:last-child {
  /*margin-bottom: .5em;
  padding-bottom: .5em;
  border-bottom: 1px solid #333;*/
}
ul.mtree.transit li.mtree-node:last-child > ul > li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
ul.mtree.transit a {
  padding: 12px 0.5em 12px 1.5em;
  color: #666;
}
ul.mtree.transit li > a {
	background: #f0f0f0 url(../icon6.png) no-repeat 10px 22px;
}
ul.mtree.transit li li > a {
  padding: 6px 0px 6px 1.4em;
	background: none;
}
ul.mtree.transit li li li > a {
  padding: 6px 0px 6px 1.8em;
	background: none;
}
ul.mtree.transit li li li li > a {
  padding-left: 3.2em;
	background: none;
}
ul.mtree.transit li li li li li > a {
  padding-left: 4em;
}
ul.mtree.transit li li > a:hover, ul.mtree.transit li li li > a:hover {
  background-image: none;
}
@media (max-width: 991px) {
.pageleft {
	float: left;
	width: 100%;
	margin: 35px 0 0;
}
}
/*************************
******* profile CSS ******
**************************/
.aboutb1 {
	width: 100%;
	display: inline-block;
	margin-bottom: 50px;
}
.aboutb1:nth-child(2) {
	width: 100%;
	display: inline-block;
	margin-bottom: 10px;
}
.aboutb1 .left {
	float: left;
	width: 50%;
	display: inline-block;
	padding-right: 50px;
}
.aboutb1 .right {
	float: left;
	width: 50%;
	display: inline-block;
}
.aboutb1:nth-child(2) .left {
	float: left;
	width: 50%;
	display: inline-block;
	padding-right: 0;
}
.aboutb1:nth-child(2) .right {
	float: right;
	width: 50%;
	display: inline-block;
	padding-left: 40px;
}
@media (max-width: 768px) {
.aboutb1 .left {width: 100%;padding-right: 0;}
.aboutb1 .right {width: 100%;margin-top: 20px;}
.aboutb1:nth-child(2) .left {width: 100%;}
.aboutb1:nth-child(2) .right {float: left;width: 100%;padding-left: 0;}
}
/*************************
******* contact CSS ******
**************************/
.contact {
	width: 100%;
	padding-top: 15px;
	display: inline-block;
}
#contact_form {
	float: left;
	width: 100%;
}
.contact1 {
	width: 65%;
	padding: 0;
	margin: 10px 0 0;
	position: relative;
	display: inline-block;
	border-radius: 5px;
}
.contact1 .contact-text {
	float: left;
	width: 100%;
	line-height: 1.6em;
	margin: 0 0 10px 0;
	color: #666;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
}
.contact1 .control-label {
	text-align: left;
}
.contact1 label {
	padding-left: 10px;
	float: left;
	width: 100%;
	color: #666;
}
.contact1 .required {
	color: #E85500;
	border: 0;
	margin-left:5px;
}
.contact2 {
	float: left;
	width: 100%;
	margin: 3px 0 0 0;
}
.contact2 .cleft {
	width: 30%;
	float: left;
}
.contact2 .cright {
	width: 25%;
	float: left;
	margin: 0;
	padding-left: 5%;
}
.contact3 {
	padding-top: 25px;
	float: left;
	width: 100%;
	margin-top: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ddd;
	text-align: center;
}
.contact3 button {
	font-family: \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4, Arial, Helvetica, sans-serif;
	width: 200px;
	height: 40px;
	margin-left: 10px;
	text-align: center;
	line-height: 30px;
	font-size: 16px;
	border: none;
	cursor: pointer;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #FFFFFF;
	font-weight: bold;
	margin-bottom: 10px;
	transition: background 0.3s;
}
.contact3 .send {
	background: #555;
}
.contact3 .send:hover{
	background:#000;
}
.contact3 .reset {
	background: #ccc;
}
.contact3 .reset:hover{
	background:#999;
}
.contact5 {
	float: right;
	width: 32%;
	padding: 15px;
	margin: 10px 0 0;
	border-radius: 5px;
	background: rgba(0,0,0,0.1);
}
.contact5 .ctxt {
	float: left;
	width: 100%;
	color: #333;
	margin: 0 0 8px;
}
.contact5 .ctxt1 {
	float: left;
	width: 100%;
	color: #333;
	margin: 15px 0 8px;
}
.contact5 .google-maps {
	position: relative;
    padding-bottom: 160%;
    height: 0;
    overflow: hidden;
	width: 100%;
}
.contact5 .google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
.contact6 {
	float: left;
	width: 33%;
	padding: 0 0 0 2%;
}
.contact6:first-child {
	float: left;
	width: 34%;
	padding: 0;
}
#contact_form .pull-left{padding-right:10px}
@media screen and (max-width:991px) {
.boxcontact {
	margin-top: 60px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.contact1 {
	width: 100%;
}
.contact2 .cleft {
	width: 50%;
}
.contact2 .cright {
	width: 45%;
	float: left;
	margin: 0;
	padding-left: 5%;
}
.contact5 {
	float: left;
	width: 100%;
	margin: 35px 0 0 0;
}
.contact5 .google-maps {
    padding-bottom: 50%;
}
}
@media (max-width: 767px) {
	.flow ul li {
	width: 100%;
	float: left;
	list-style: none;
	padding-top: 20px;
	padding-right: 25px;
	padding-left: 25px;
	padding-bottom: 20px;
	
	background-color: #FFF;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0;
	margin-bottom:30px;
	border: 1px solid #EBEBEB;
	-webkit-box-shadow: 0 0 5px rgba( 0, 0, 0, .15 );
	box-shadow: 0 0 5px rgba( 0, 0, 0, .15 );
	border-radius: 10px;
	color: #D8D8D8;
	font-size: 15px;
	line-height: 22px;
	
}
.contact1 {
	width: 100%;
}
.contact2 .cleft {
	width: 50%;
	float: left;
}
.contact2 .cright {
	width: 45%;
	float: left;
	margin: 0;
	padding-left: 5%;
}
.contact4 .google-maps {
	position: relative;
    padding-bottom: 50%;
    height: 0;
    overflow: hidden;
}
.contact5 {
	float: left;
	width: 100%;
	margin: 35px 0 0 0;
}
.contact5 .google-maps {
    padding-bottom: 50%;
}
}
@media (max-width: 480px) {
.contact3 button {
	width: 100%;
	margin-left: 0px;
}
.contact6 {
	width: 100%;
	padding: 1px 0;
}
.contact6:first-child {
	width: 100%;
	padding: 1px 0;
}
}

/*************************
*******news CSS******
**************************/
#news-ov {
	width: 100%;
	float: left;
	margin-top: 25px;
}
#news-ov ul {
	display: block;
	width: 100%;
	float: left;
	list-style: none;
	margin: 0;
	padding:0;
}

#news-ov ul li {
	display: block;
	width: calc(100%/4 - 10px);
	float: left;
	list-style: none;
	padding: 5px;
	background-color: #FFF;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	margin: 10px 13px 10px 0;
	border: 1px solid #EBEBEB;
	-webkit-box-shadow: 0 0 5px rgba( 0, 0, 0, .15 );
	box-shadow: 0 0 5px rgba( 0, 0, 0, .15 );
}
#news-ov ul li:last-child {
	width: calc(100%/4 - 10px);
	margin: 10px 0 10px 0 ;
}
#news-ov ul li:hover {
	text-decoration: none;
	background-color: #F4F4F4;
	border: 1px solid #DCDCDC;
	-webkit-box-shadow: 0 0 5px rgba( 0, 0, 0, 0 );
	box-shadow: 0 0 5px rgba( 0, 0, 0, 0 );
}
#news-ov .news-det {
	display: inline-block;
	width: 100%;
	margin: 0;
	padding: 10px 10px 0;
}
#news-ov .news-det h3 {
	font-size: 22px;
	line-height: 28px;
	color: #222;
	-o-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
	-webkit-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
	-moz-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
	transition: color .20s linear, background-color .20s linear, border-color .20s linear;
	margin: 5px 0;
	padding: 0;
}
#news-ov li:hover .news-det h3 {
	color: #d70000;
	/*text-decoration: underline;*/
}
#news-ov .news-det p {
	font-size: 15px;
	line-height: 24px;
	color: #888;
}
#news-ov .news-img {
	float: left;
	width: 100%;
}
#news-ov .newsimg {
	width: 100%;
	height: 200px;
	outline: none;
	display: inline-block;
	vertical-align: top;
	float: left;
}
.newslist2 {
	float: left;
	margin: 15px 0 0;
	font-size: 1.5em;
	line-height: 1.3em;
	font-weight: bold;
	color: #333333;
	width: 100%;
	padding: 10px 15px 10px 30px;
	border-top: 3px solid #ccc;
	border-bottom: 1px dotted #ccc;
	background: #eee url(../icon2.png) no-repeat 8px 18px;
}
.newscontent {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding: 30px 0;
	border-bottom: 1px solid #e8e8e8;
	min-height: 250px;
}
.faqlist{
	float: left;
	width: 100%;
	visibility: visible;
	padding: 0;
	margin: 0;
}
.faqlist ul{
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}
.faqlist ul li{
	width: 100%;
	float: left;
	font-size: 18px;
	line-height: 26px;
	padding: 15px 8px;
	margin: 0;
	list-style-type: none;
	border-bottom: 1px dashed #ccc;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.faqlist ul li:nth-child(even){
	background-color: #f5f5f5;
}
.faqlist ul li:hover{
	background-color: #f0f8fb;
}
.faqlist ul li a{
	width: 100%;
	display: block;
	float: right;
	color: #333;
	padding: 0 0 0 20px;
	background-image: url(../icon5.png);
	background-repeat: no-repeat;
	background-position: 5px 12px;
}
.faqlist ul li a:hover{
	color: #0072bc;
	background-image: url(../icon8.png);
	background-repeat: no-repeat;
	background-position: 5px 12px;
}
@media (max-width: 768px){
	
#news-ov ul li {
	width: 100%;
	min-height: 300px;
	margin: 10px 0 15px 0;
}
#news-ov ul li:last-child {
	width: 100%;
}
#news-ov .newsimg {
	height: 250px;
}
}
@media (max-width: 480px) {
	
#news-ov .newsimg {
	height: 160px;
}
}
.download {
	width: 100%;
	float: left;
}
.download .title {
	width: 100%;
	float: left;
	font-size: 1.3em;
	color: #010080;
	padding: 7px 0 9px 30px;
	margin: 0;
	background-image: url(../icon7.png);
	background-repeat: no-repeat;
	background-position: 15px 19px;
	border-bottom: 3px solid #004a87;
}
.download ul {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
}
.download li {
	display:block;
	width:100%;
	float: left;
	font-size: 16px;
	list-style:none;
	padding: 12px 10px 12px 30px;
	margin: 0;
	background-image: url(../icon10.gif);
	background-repeat: no-repeat;
	background-position: 15px 24px;
	border-bottom: 1px dashed #E3E3E3;
}
.download li:hover { 
	background-color: #f0f8fb;
}
.download li .download-w {
	display:inline-block;
	width: calc(100% - 125px);
	padding: 0;
	margin: 0;
}
.download li .download-d a {
	display:inline-block;
	width:115px;
	float: right;
	font-size: 13px;
	line-height: 22px;
	color: #333;
	padding: 3px 15px 3px 33px;
	margin: 0;
	background: #fff url(../icon-download.png) no-repeat 10px 9px;
	border: 1px solid #ccc;
	border-radius: 30px;
}
.download li .download-d a:hover {
	color: #fff;
	background: #d9232e url(../icon-download1.png) no-repeat 10px 9px;
	border: 1px solid #fff;
}
@media (max-width: 480px) {
.download li .download-w {
	width: 100%;
}
.download li .download-d a {
	width:100%;
	float: left;
	margin: 10px 0 0;
}
}
/*************************
*******Product CSS******
**************************/
.css-table{
	display: inline-block;
	width: 100%;
	background-color: #ffffff;
	border-collapse: collapse;
}
.css-table .td{
	color: #333;
	border-bottom: #ddd 1px solid;
	padding: 10px;
	font-size: 18px;
}
.css-table .th{
	background-color: #394044;
	color:#fff;
	border: #fff 1px solid;
	text-align: center;
	padding: 8px;
}
.css-table{
	display: table;
}
.css-table .thead{
	display:table-header-group;
}
.css-table .tbody{
	display:table-row-group;
}
.css-table .tr{
	display:table-row;
	-webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
.css-table .tr:nth-child(even){
    background: #f5f5f5;
}
.css-table .tr:hover{
	background: #fbf2e6;
}
.css-table .th, .css-table .td{
	display:table-cell;
	vertical-align:middle;
}
.css-table .td a{color: #00a1e9;}
.css-table .td a:hover{color: #e60013; text-decoration: none;}
.css-table .th:nth-child(1),.css-table .td:nth-child(1){width: 15%;}
.css-table .th:nth-child(2),.css-table .td:nth-child(2){width: 25%; text-align: center;}
.css-table .th:nth-child(3),.css-table .td:nth-child(3){width: 60%;font-size: 16px;}
.css-table .pic {
	width: 100%;
	min-width: 160px;
	display: inline-block;
	padding: 5px;
	background: #fff;
}
.css-table .pic .productimg {
	width: 100%;
	height: 150px;
	outline: none;
	display: inline-block;
	float: left;
}
@media (max-width:991px){
.css-table .thead{ display: none;}
.css-table .td:nth-child(1), .css-table .td:nth-child(2), .css-table .td:nth-child(3){display: inline-block;width: 100%;text-align: left;padding: 7px 5px;margin: 0; font-size: 16px;}
.css-table .td:nth-child(1), .css-table .td:nth-child(2), .css-table .td:nth-child(3){display: inline-block;width: 100%;text-align: left;padding: 7px 10px;font-size: 16px;}
.tr li:before{
    content: attr(data-title);
    display: inline-block;
    width: 100%;
	color: #888;
	font-size: 16px;
}
}

/*************************
******* Facility CSS ******
**************************/
.facilityb1 {
	width: 100%;
	float: left;
}
.facilityb2 {
	width: 100%;
	float: left;
	margin-top: 30px;
}
.fancytable1 {
	width:100%;
	border:1px solid #CCCCCC;
	border-collapse:collapse;
}
.fancytable1 th {
	font-weight: bold;
	color: #AB2F32;
	visibility: visible;
	border: 1px solid #CCC;
	text-align: center;
	font-size: 16px;
	padding: 7px;
	background-image: -webkit-linear-gradient(270deg,rgba(207,207,207,1.00) 0%,rgba(236,236,236,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(207,207,207,1.00) 0%,rgba(236,236,236,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(207,207,207,1.00) 0%,rgba(236,236,236,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(207,207,207,1.00) 0%,rgba(236,236,236,1.00) 100%);
}
.fancytable1 td {
	vertical-align: middle;
	border: 1px dotted #CCC;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
}
.fancytable1 td:first-child+td {
	text-align: center;
}
.fancytable1 tr:nth-of-type(odd) {
	background-color: #F7F7F7;
}


/*流程圖*/
.flow ul {
	display: block;
	width: 100%;
	float: left;
	list-style: none;
	margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	
}


.flow ul li {
	float: left;
	list-style: none;
	padding-top: 20px;
	padding-right: 25px;
	padding-left: 25px;
	padding-bottom: 20px;
	min-height:220px;
	background-color: #FFF;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	margin-top: 0px;
	margin-right: 66px;
	margin-left: 0;

	border: 1px solid #EBEBEB;
	-webkit-box-shadow: 0 0 5px rgba( 0, 0, 0, .15 );
	box-shadow: 0 0 5px rgba( 0, 0, 0, .15 );
	border-radius: 10px;
	color: #D8D8D8;
	font-size: 15px;
	line-height: 22px;
	
}

.flow ul li:last-child {
	margin: 0;
	float: right;
}
.flow h1{
	font-size: 20px;
	color: #FFFFFF;
	margin-top: 5px;
	width: 100%;
	float: left;
	clear: both;
}
/*************************
******* Products CSS ******
**************************/
ul#submit-btn {
	display: block;
	width: 100%;
	text-align: center;
	overflow: hidden;
	float: left;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding: 0;
}
ul#submit-btn li {
	list-style: none;
	display: inline-block;
	height: 40px;
	width: 40%;
	line-height: 40px;
	overflow: hidden;
	background-color: #5cc2cf;
	font-size: 18px;
	margin: 0;
}
ul#submit-btn li a { display:block; line-height:40px; width:100%; height:100%; background-color:#00aace; overflow:hidden; color:#FFF; text-decoration:none}
ul#submit-btn li a:hover { background-color:#ed6e00}
.product-b1 {
	width: 100%;
	float: left;
}
.product-b1 img {
	margin-right: auto;
	margin-left: auto;
}
.products-w1 {
	width: 100%;
	float: left;
}
.products-w1 .ptxt1 {
	width: 100%;
	float: left;
	font-size: 22px;
	line-height: 26px;
	font-weight: bold;
	color: #003d8c;
	background-image: url(../icon2.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding-left: 30px;
}
.products-w1 .ptxt2 {
	width: 100%;
	float: left;
	font-size: 15px;
	line-height: 24px;
	color: #333;
	margin-top: 15px;
	padding-left: 30px;
}
#product-ov {
	width: 100%;
	float: left;
	margin-top: 30px;
}
#product-ov ul {
	display: block;
	width: 48%;
	float: left;
	overflow: hidden;
	text-decoration: none;
	padding: 1%;
	border: 1px solid #ececec;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-right: 1%;
	margin-left: 1%;
	position: relative;
	margin-top: 15px;
	margin-bottom: 15px;
	-webkit-box-shadow: 0 0 5px rgba( 0, 0, 0, .1 );
	box-shadow: 0 0 5px rgba( 0, 0, 0, .1 );
	-webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}
#product-ov ul:hover {
	display:block;
	width:48%;
	float:left;
	overflow:hidden;
	text-decoration:none;
	padding: 1%;
	border: 1px solid #a10000;
	margin-right: 1%;
	margin-left: 1%;
	margin-top: 15px;
	margin-bottom: 15px;
}
#product-ov ul li { display:block; list-style:none; margin:0; padding:0; overflow:hidden; width:100% }
#product-ov ul li.product-name {
	font-size: 15px;
	line-height: 22px;
	color: #454545;
	font-weight: bold;
	text-align: center;
	margin-top: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
	-webkit-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
	-moz-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
	transition: color .20s linear, background-color .20s linear, border-color .20s linear;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
}
#product-ov ul:hover li.product-name {
	color: #a10000;
}
#product-ov ul li.product-img {
	display:block;
	height:180px;
	position:relative;
    overflow:hidden;
}
#product-ov ul li.product-img:after {
    padding-top: 56.25%;
    content:"";
    display: block;
}
#product-ov ul li.product-img img { 
	position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    max-width:100%;
	max-height:180px;
    margin:auto;
}
#product-ov1 {
	width:100%;
	float: left;
}
#product-ov1 a {
	display: block;
	width: 48%;
	float: left;
	overflow: hidden;
	text-decoration: none;
	padding: 1%;
	border: 1px solid #ececec;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-right: 1%;
	margin-left: 1%;
	position: relative;
	margin-top: 5px;
	margin-bottom: 25px;
	-webkit-box-shadow: 0 0 5px rgba( 0, 0, 0, .1 );
	box-shadow: 0 0 5px rgba( 0, 0, 0, .1 );
}
#product-ov1 a:hover {
	display:block;
	width:48%;
	float:left;
	overflow:hidden;
	text-decoration:none;
	padding: 1%;
	border: 1px solid #003f91;
	margin-right: 1%;
	margin-left: 1%;
	margin-top: 5px;
	margin-bottom: 25px;
}
#product-ov1 a ul { display:block; list-style:none; margin:0; padding:0; overflow:hidden}
#product-ov1 a ul li { display:block; list-style:none; margin:0; padding:0; overflow:hidden; width:100% }
#product-ov1 a ul li.product-name {
	font-size: 15px;
	line-height: 22px;
	color: #1d2088;
	font-weight: bold;
	background-color: #EAEAEA;
	text-align: center;
	margin-top: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
	-webkit-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
	-moz-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
	transition: color .20s linear, background-color .20s linear, border-color .20s linear;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
}
#product-ov1 a:hover ul li.product-name { color:#fff; background-color: #003f91;}
#product-ov1 ul li.product-word {
	font-size: 13px;
	line-height: 24px;
	color: #333;
	overflow: hidden;
	margin-top: 5px;
	max-height: 40px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
}
#product-ov1 a ul li.product-img {
	display:block;
	height:180px;
	position:relative;
    overflow:hidden;
}
#product-ov1 a ul li.product-img:after {
    padding-top: 56.25%;
    content:"";
    display: block;
}
#product-ov1 a ul li.product-img img { 
	position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    max-width:100%;
	max-height:180px;
    margin:auto;
}
@media (min-width: 992px) and (max-width: 1199px) {
#product-ov ul li.product-img {
	display:block;
	height:160px;
	position:relative;
    overflow:hidden;
}
#product-ov ul li.product-img img { 
	position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    max-width:100%;
	max-height:160px;
    margin:auto;
}
}
@media (min-width: 768px) and (max-width: 991px) {
#product-ov ul li.product-img {
	display:block;
	height:220px;
	position:relative;
    overflow:hidden;
}
#product-ov ul li.product-img img { 
	position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    max-width:100%;
	max-height:220px;
    margin:auto;
}
}

@media (max-width: 767px) {
ul#submit-btn { display:block; margin:20px 0 0 0; height:auto; width:100%; overflow:hidden}
ul#submit-btn li { list-style:none; display:inline-block; width:100%; margin:0 0 20px 0; overflow:hidden; background-color:#002853}
ul#submit-btn li a { display:block; line-height:40px; width:100%; height:100%; background-color:#5cc2cf; overflow:hidden; color:#FFF; text-decoration:none; font-size:18px}
ul#submit-btn li a:hover { background-color:#ed6e00}
#product-ov ul li.product-img {
	display:block;
	height:200px;
	position:relative;
    overflow:hidden;
}
#product-ov ul li.product-img img { 
	position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    max-width:100%;
	max-height:200px;
    margin:auto;
}

}

@media (max-width: 480px) {

#product-ov ul {
	display: block;
	width: 98%;
	float: left;
	overflow: hidden;
	text-decoration: none;
	padding: 1%;
	border: 1px solid #ececec;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-right: 1%;
	margin-left: 1%;
	position: relative;
	margin-top: 15px;
	margin-bottom: 15px;
}
#product-ov ul:hover {
	display:block;
	width:98%;
	float:left;
	overflow:hidden;
	text-decoration:none;
	padding: 1%;
	border: 1px solid #0eb863;
	margin-right: 1%;
	margin-left: 1%;
	margin-top: 15px;
	margin-bottom: 15px;
}
#product-ov1 a {
	display: block;
	width: 98%;
	float: left;
}
#product-ov1 a:hover {
	display:block;
	width:98%;
	float:left;
}
}