﻿@charset "utf-8";
@import url('topstyle.css'); /*web-top & lightbox*/
/* =====================================
   全域
===================================== */
body {
	font-family: \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4, Arial, Helvetica, sans-serif;
	color: #333;
	line-height: 1.7em;
	font-size: 15px;
}
a:hover {
  text-decoration: none;
}

/* =====================================
   共用樣式
===================================== */
/* a - 轉場過度 */
a {
  -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;
}

ul.ulset {
	margin: 0;
	padding: 0;
	list-style: none;
}
.line,
.double-line {
	clear: both;
	position: relative;
	width: 100%;
	margin: 40px 0;
	border-top: 1px solid #EEE;
}

/* 清除浮動、清除浮動+高度 */
.clearboth,
.space15 {
	clear: both;
	font-size: 0;
	overflow: hidden;
}
.space15 {
	height: 15px;
}

/*************************
Typography 
**************************/

.font1 {
	font-size: 15px;
	line-height: 26px;
	color: #1d2088;
	font-weight: bold;
}
.font2 {
	font-size: 12px;
	line-height: 22px;
	color: #df0500;
}
.font3 {
	font-size: 13px;
	line-height: 20px;
	color: #666;
}
.font5 {
	font-size: 16px;
	line-height: 28px;
	color: #df0500;
	font-weight: bold;
	background-image: url(../user.gif);
	background-repeat: no-repeat;
	background-position: 2px;
	padding-right: 10px;
	padding-left: 20px;
}
/*************************
 Footer CSS
**************************/
#footer {
	float: left;
	width: 100%;
}
.footertop {
	width: 100%;
	float: left;
	background-color: #f0f0f0;
	padding-top: 25px;
	padding-bottom: 15px;
}
.footer_global .info_block {
	float: left;
	width: 14%;
	padding-left: 1%;
	list-style-type: none;
}
.footer_global h4 {
	font-size: 15px;
	line-height: 20px;
	color: #333;
	display: block;
	float: left;
	width: 100%;
	padding: 0 0 5px 0;
	margin: 0; 
}
.footer_global h4 a {
	color: #333;
	text-decoration: none;
}
.footer_global h4 a:hover {
	color: #008519;
	text-decoration: none;
}
.footer_global .info_block ol {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.footer_global .info_block li {
	margin-top: 2px;
	font-size: 13px;
	line-height: 18px;
	color: #999;
	margin-bottom: 2px;
	display: block;
	float: left;
	width: 100%;
}
.footer_global .info_block li a {
	text-decoration: none;
	color: #999;
}
.footer_global .info_block li a:hover {
	color: #8dc21f;
	text-decoration: underline;
}
/*.footertop ul.s {
	float: left;
	width: 14%;
	padding-left: 1%;
	list-style-type: none;
}
.footertop ul.s li.tit {
	font-size: 15px;
	line-height: 20px;
	color: #333;
	margin-bottom: 10px;
	display: block;
	float: left;
	width: 100%;
}
.footertop ul.s li.tit a {
	color: #333;
	text-decoration: none;
}
.footertop ul.s li.tit a:hover {
	color: #008519;
	text-decoration: none;
}
.footertop ul.s li {
	margin-top: 2px;
	font-size: 13px;
	line-height: 18px;
	color: #999;
	margin-bottom: 2px;
	display: block;
	float: left;
	width: 100%;
}
.footertop ul.s li a {
	text-decoration: none;
	color: #999;
}
.footertop ul.s li a:hover {
	color: #8dc21f;
	text-decoration: underline;
}*/
.footertop ul.basic {
	float: right;
	width: 30%;
	padding-left: 1%;
}
.footertop ul.basic li.tit {
	font-size: 16px;
	line-height: 20px;
	color: #333;
	margin-bottom: 5px;
	display: block;
	float: left;
	width: 100%;
	font-weight: bold;
}
.footertop ul.basic li {
	margin-top: 2px;
	font-size: 13px;
	line-height: 20px;
	color: #666;
	margin-bottom: 3px;
	display: block;
	float: left;
	width: 100%;
}
.footertop ul.basic li a {
	text-decoration: none;
	color: #666;
}
.footertop ul.basic li a:hover {
	color: #8dc21f;
	text-decoration: underline;
}
.footertop ul.basic li i {
	margin-right: 6px;
	text-align: center;
	float: left;
	width: 15px;
	line-height: 20px;
	color: #8dc21f;
}
.footertop ul.basic li span {
	display: block;
	float: left;
	width: 45px;
}
.footerbottom {
	width: 100%;
	float: left;
}
.footerbottom .copyright {
	font-size: 12px;
	line-height: 17px;
	color: #a3a3a3;
	padding-top: 15px;
	float: left;
	text-align: right;
	width: 100%;
	padding-bottom: 15px;
}
.footerbottom .copyright A:link {color:#a3a3a3;text-decoration:none}
.footerbottom .copyright A:visited {color:#a3a3a3;text-decoration:none}
.footerbottom .copyright A:hover {color:#ffa12e;text-decoration:underline}
.footerbottom .mreport {
	float: left;
	margin-left: 5px;
}
.footerbottom .mreport a {
	font-size: 12px;
	line-height: 17px;
	color: #666;
	padding-top: 3px;
	padding-right: 12px;
	padding-bottom: 3px;
	padding-left: 22px;
	text-decoration: none;
	border: 1px solid #FFFFFF;
	background-image: url(../bullet_key.png);
	background-repeat: no-repeat;
	background-position: 5px center;
}
.footerbottom .mreport a:hover {
	color: #96CB54;
	text-decoration: none;
	border: 1px solid #96CB54;
}
@media (min-width: 768px) and (max-width: 991px) {
/*.footertop ul.s {
	float: left;
	width: 20%;
	padding-right: 1%;
	padding-left: 0;
	list-style-type: none;
}*/
.footer_global .info_block {
	float: left;
	width: 20%;
	padding-left: 1%;
	padding-bottom: 10px;
	list-style-type: none;
}
.footertop ul.basic {
	float: left;
	width: 100%;
	margin-top: 5px;
	padding-top: 15px;
	padding-left: 0;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCC;
}

}
@media (max-width: 767px) {
.footertop ul.basic {
	float: left;
	width: 100%;
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 0;
	border-top-style: none;
}
.footerbottom .copyright {
	text-align: center;
}
.footer_global {
	display:none;
	display: none !important\9;
}
.footerbottom .mreport {
	float: right;
	margin-left: 15px;
}
}
@media (max-width: 480px) {

}

/* =====================================
   內頁banner
===================================== */
#banner {
	width: 100%;
}

.pageswf {	
	width: 100%;
	margin: 0;
	padding: 0;
}

.pageswf .container{
	height: 180px;
	display: flex;
	align-items: center;
}

.pageswf h2{
	font-size: 36px;
	color: #FFF;
	text-shadow: 0px 0px 6px rgba(0,0,0,0.7);
	font-weight: normal;
	margin: 0;
}
.pageswf h2 i {
	font-size: 18px;
	color: #FFF;
	font-weight: normal;
	font-style: normal;
	padding-left: 10px;
	text-shadow: 0px 0px 6px rgba(0,0,0,0.7);
}

.s01{
	background: url(../pageswf01.jpg) no-repeat center top;
}
.s02{
	background: url(../pageswf02.jpg) no-repeat center top;
}
.s03{
	background: url(../pageswf03.jpg) no-repeat center top;
}
.s04{
	background: url(../pageswf04.jpg) no-repeat center top;
}
.s05{
	background: url(../pageswf05.jpg) no-repeat center top;
}
.s06{
	background: url(../pageswf06.jpg) no-repeat center top;
}
.s07{
	background: url(../pageswf07.jpg) no-repeat center top;
}

@media (max-width: 767px) {

.pageswf {
}
.pageswf .container{
	height: auto;
	padding-top: 28%;
}
.pageswf h2{
	position: absolute;
	top: 50%;
	left: 15px;
	transform: translateY(-50%);
	font-size: 30px;
	line-height: 30px;
}
.pageswf h2 i {
	font-size: 18px;
	line-height: 30px;
}

.s01{
	background: url(../pageswf01-s.jpg) no-repeat right center;
	background-size: cover;
}
.s02{
	background: url(../pageswf02-s.jpg) no-repeat right center;
	background-size: cover;
}
.s03{
	background: url(../pageswf03-s.jpg) no-repeat right center;
	background-size: cover;
}
.s04{
	background: url(../pageswf04-s.jpg) no-repeat right center;
	background-size: cover;
}
.s05{
	background: url(../pageswf05-s.jpg) no-repeat right center;
	background-size: cover;
}
.s06{
	background: url(../pageswf06-s.jpg) no-repeat right center;
	background-size: cover;
}
.s07{
	background: url(../pageswf07-s.jpg) no-repeat right center;
	background-size: cover;
}

#banner .products h2{
	display:none;
}
#banner .products h2 i {
	display:none;
}

}

@media (max-width: 480px) {
#banner h2{
	font-size: 22px;
	line-height: 30px;
}
#banner h2 i {
	font-size: 15px;
	line-height: 30px;
}
}
/*************************
*******pagestyle CSS******
**************************/
#pcontent {
	padding-bottom: 30px;
	width: 100%;
	float: left;
}
.breadcrumb{
	list-style: none;
	border-radius: 0px;
	padding: 10px 5px;
	font-size: 13px;
	margin: 0;
	background-color: #FFF;
	text-align: left;
}
.breadcrumb>li{display:inline-block;}
.breadcrumb>li+li:before{padding:0 5px;color:#b7b7b7;content:"/\00a0";}
.breadcrumb>.active{color:#444444}
.breadcrumb>li a{color:#b7b7b7;}
.breadcrumb>li a:hover{color:#444444;text-decoration:underline;}
@media (max-width: 767px) {
.breadcrumb{
	display:none;
	display: none !important\9;
}
}
@media (max-width: 480px) {
.breadcrumb{
	display:none;
	display: none !important\9;
}
}
#pcontent ul.bgimg {
	display:block;
	width:100%;
	margin:0;
	float: left;
	text-align: center;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
#pcontent ul.bgimg li{
	display:inline-block;
	margin-top: 0;
	margin-right: 1px;
	margin-bottom: 2px;
	margin-left: 0;
	list-style-type: none;
}
#pcontent ul.bgimg > li > a {
	margin-right: 3px;
	border: 1px solid transparent;
	border-radius: 0;
	color: #333;
	/*background-color: #00a4aa;*/
	font-size: 16px;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 6px;
	padding-bottom: 6px;
	position: relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-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;
	float: left;
}
#pcontent ul.bgimg > li > a:hover {
	color: #fff;
	background-color: #444444;
	border: 1px solid transparent;
}
#pcontent ul.bgimg > li.active > a,
#pcontent ul.bgimg > li.active > a:hover,
#pcontent ul.bgimg > li.active > a:focus {
	color: #fff;
	cursor: default;
	background-color: #444444;
	border: 1px solid transparent;
	border-bottom-color: transparent;
	font-weight: bold;
	font-size:16px;
}
#pcontent ul.bgimg > li.active > a:after {
	content: '';
	display: block;
	position: absolute;
	z-index: 100;
	top: 35px;
	left: 45%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px;
}
#pcontent ul.bgimg > li.active > a:after{
	border-color: #444444 transparent transparent transparent;
}
.fontsize {
	float: right;
	padding-top: 0px;
}
.fontsize .tit {
	float: left;
	font-size: 12px;
	line-height: 18px;
	color: #999;
	padding-right: 5px;
	padding-top: 3px;
}
.fontsize .fsize {
	float: left;
}
.fontsize .fsize a {
	float: left;
	color: #888;
	margin-right: 4px;
	padding-top: 3px;
	padding-right: 4px;
	padding-bottom: 1px;
	padding-left: 4px;
	border: 1px solid #D8D8D8;
	line-height: 17px;
	text-decoration: none;
}
.fontsize .fsize a:hover {
	float: left;
	color: #09F;
	margin-right: 4px;
	padding-top: 3px;
	padding-right: 4px;
	padding-bottom: 1px;
	padding-left: 4px;
	border: 1px solid #0CF;
	line-height: 17px;
	text-decoration: none;
	background-color: #C8EDFF;
}
.fontsize .fsize .fss {
	font-size: 11px;
}
.fontsize .fsize .fsm {
	font-size: 14px;
}
.fontsize .fsize .fsl {
	font-size: 17px;
}
.pbox1 {
	float: left;
	width: 100%;
	padding-top: 25px;
	min-height:250px;
}
.pbox1 img {
	height:auto;
	max-width:100%;
}
.pbox1 .profont {
	font-size: 1em;
	line-height: 1.6em;
}
.pbox2 {
	float: left;
	width: 100%;
	padding-top: 10px;
	min-height:300px;
}
.pbox3 {
	float: left;
	width: 100%;
	min-height:300px;
}
.pbox3 img {
	height:auto;
	max-width:100%;
}

.table_rwd{
	width: 100%;
	overflow-x: auto;
	padding-bottom: 10px;
}

.fancytable1 {
	width:100%;
	border:1px solid #CCCCCC;
	border-collapse:collapse;
}
.fancytable1 th {
	font-size: 13px;
	line-height: 22px;
	font-weight: bold;
	color: #666;
	visibility: visible;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 7px;
	padding-left: 7px;
	background-color: #EBEBEB;
	border: 1px solid #CCC;
	text-align: center;
}
.fancytable1 td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	vertical-align: middle;
	padding: 7px;
}

.fancytable2 {
	width:100%;
	border:1px solid #e0d1bb;
	border-collapse:collapse;
}
.fancytable2 thead{
	border-bottom: 3px solid #e0d1bb;
}
.fancytable2 th {
	font-size: 1em;
	line-height: 1.6em;
	font-weight: bold;
	color: #ca9b14;
	padding: 7px 10px;
	background-color: #fdfaf0;
   border: 1px solid #e0d1bb;
	text-align: center;
}
.fancytable2 td {	
	text-align:center;
	font-size: 14px;
	padding: 7px 10px;
	border-bottom: 1px dotted #e0d1bb;
	border-right: 1px solid #e0d1bb;
}

.fancytable2 tbody tr:nth-of-type(even){
	background: #fbfbfb;
}
.fancytable2 tbody tr td:first-of-type{
	color: #ca9b14;
}

.fancytable3 {
	width:100%;
	border:1px solid #e0d1bb;
	border-collapse:collapse;
}
.fancytable3 th {
	font-size: 1em;
	line-height: 1.6em;
	font-weight: bold;
	color: #ca9b14;
	padding: 7px 10px;
	background-color: #fdfaf0;
	border: 1px solid #e0d1bb;
	text-align: center;
}
.fancytable3 td {
	font-size: 14px;
	padding: 10px 15px;
	border-bottom: 1px dotted #e0d1bb;
	border-right: 1px solid #e0d1bb;
}
.fancytable3 tr:nth-of-type(even){
	background: #fbfbfb;
}
.fancytable5 {
	width:100%;
	border:1px solid #CCCCCC;
	border-collapse:collapse;
}
.fancytable5 th {
	font-size: 1em;
	line-height: 1.6em;
	font-weight: bold;
	color: #333;
	visibility: visible;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-right: 10px;
	padding-left: 10px;
	background-color: #E8F4D9;
	text-align: center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: solid;
	border-bottom-style: dotted;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}
.fancytable5 td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	vertical-align: middle;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
}
.fancytable5 .linkbg {
	background-image: url(../line7.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.fancytable6 {
	width:100%;
	border:1px solid #CCC;
	border-collapse:collapse;
}
.fancytable6 th {
	font-size: 1em;
	line-height: 1.6em;
	font-weight: bold;
	color: #060;
	visibility: visible;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	padding-left: 10px;
	background-color: #E2F1CF;
	border: 1px solid #CCC;
	text-align: center;
}
.fancytable6 td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	vertical-align: middle;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
}
.fancytable7 {
	width:100%;
	border:1px solid #CCCCCC;
	border-collapse:collapse;
}
.fancytable7 th {
	font-size: 1em;
	line-height: 1.6em;
	font-weight: bold;
	color: #333;
	visibility: visible;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	padding-left: 10px;
	background-color: #E8F4D9;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: solid;
	border-bottom-style: dotted;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	width: 25%;
}
.fancytable7 td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	vertical-align: middle;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	width: 75%;
}
.headerrow1 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	vertical-align: middle;
	text-align: center;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	color: #FFF;
	background-color: #090;
	font-weight: bold;
}
.headerrow2 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	vertical-align: middle;
	text-align: center;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	background-color: #FEFADE;
}
.headerrow3 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	vertical-align: middle;
	text-align: center;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	background-color: #F1F8ED;
}
.headerrow5 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	vertical-align: middle;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	background-color: #F5F5F5;
}
/* 頁數pagenum */
.pagenum {
	TEXT-ALIGN: center;
	float: left;
	width: 100%;
	padding-top: 15px;
}
.backbox {
	TEXT-ALIGN: center;
	float: left;
	width: 100%;
	padding-top: 20px;
}
.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#444444;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:2;color:#fff;cursor:default;background-color:#444444;border-color:#444444}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}
.profile-all {
	float: left;
	width: 100%;
	margin: 0px;
	font-size: 15px;
	padding: 0px;
}
.profile-all .title {
	width:100%;
	float: left;
	font-size:24px;
	line-height:28px;
	color:#0068b6;
	background-image: url(../icon16.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding-left: 27px;
	margin-bottom: 20px;
}
.btn-primary{
	color: #fff;
	background-color: #444;
	border-color: #444;
	padding-right: 15px;
	padding-left: 15px;
	-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;
	font-size: 15px;
	line-height: 22px;
}
.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#fabd08;border-color:#fabd08}
.btn-primary:hover{color:#fff;background-color:#fabd08;border-color:#fabd08}

/*************************
*******leftmenu CSS******
**************************/
.pageleft {
	float: left;
	width: 200px;
	padding-bottom: 30px;
}
.page-header {	
	float: left;
	width: 100%;
	font-weight: bold;
	border-bottom: 2px solid #333;
	padding: 5px 0 10px 5px;
	margin: 0;
}
.page-header .tit1 {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 24px;
	line-height: 28px;
	color: #333;
}
.pageright {
	float: right;
	width: 79%;
	padding-right: 10px;
}
.pageright .leftphonemenu{width:100%;overflow:hidden;display:block;float:left;margin-top:15px}
.pageright .leftphonemenu h3{width:100%;text-align:center;font-size:24px;color:#3576B7;line-height:140%;float:left}
.pageright .leftphonemenu ul{width:100%;padding:0;margin:0 0 10px 0;float:left;overflow:hidden}
.pageright .leftphonemenu ul>li{width:100%;float:left;height:50px;line-height:50px;background:url(../icon11.png) left top no-repeat;border-bottom:#d8d8d8 1px dotted}
.pageright .leftphonemenu ul>li>a{width:100%;height:50px;display:block;padding:0 0 0 20px;color:#333;font-size:15px}
.pageright .leftphonemenu ul>li>a:hover{background:url(../icon11.png) left top no-repeat #f8f8f8;display:block}
.navexb {
	float: left;
	width: 200px;
	margin: 0;
}
.navex {
	width: 200px;
	margin: 0;
	padding: 0;
}

ul.navex {
	padding: 0;
	margin: 0;
	font-size: 13px;
	line-height: 18px;
	list-style: none;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 2px;
	border-top-color: #444444;
}

ul.navex li {
	padding-bottom: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e1e1e1;
	padding-top: 1px;
	cursor:pointer;
}
ul.navex li a {
	line-height: 18px;
	font-size: 15px;
	color: #333;
	display: block;
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
	padding-right: 10px;
	background-image: url(../icon5.png);
	background-repeat: no-repeat;
	background-position: 12px 16px;
}

ul.navex li a:hover {
	line-height: 18px;
	font-size: 15px;
	color:#444444;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
	padding-right: 10px;
	background-image: url(../icon7.png);
	background-repeat: no-repeat;
	background-position: 12px 16px;
}
ul.navex li a.current{
	line-height: 18px;
	font-size: 15px;
	color: #444444;
	display: block;
	text-decoration: none;
	background-image: url(../icon7.png);
	background-repeat: no-repeat;
	background-position: 12px 16px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
	font-weight: bold;
	padding-right: 10px;
}
ul.navex li a:hover.current{
	font-size: 15px;
	color:#444444;
	background-image: url(../icon7.png);
	background-repeat: no-repeat;
	background-position: 12px 16px;
	font-weight: bold;
	text-decoration: underline;
}
ul.navex ul {
	display: none;
	display: none !important\9;
	background-color: #FFF;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.navex ul li {
	margin: 0;
	padding: 0;
	clear: both;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
	border-bottom-style: none;
	background-image: none;
	background-color:#f0f0f0;
}

ul.navex ul li a {
	padding-left: 35px;
	font-size: 13px;
	font-weight: normal;
	outline:0;
	background-image: url(../icon9.gif);
	background-repeat: no-repeat;
	background-position: 25px 13px;
	color: #777;
	padding-top: 7px;
	padding-bottom: 7px;
}

ul.navex ul li a:hover {
	font-size: 13px;
	color:#fabd08;
	background-image: url(../icon8.gif);
	background-repeat: no-repeat;
	background-position: 25px 13px;
	padding-left: 35px;
	padding-top: 7px;
	padding-bottom: 7px;
	background-color:#f0f0f0;
	text-decoration: none;
}
ul.navex ul li a.current {
	padding-left: 35px;
	font-size: 13px;
	background-image: url(../icon8.gif);
	background-repeat: no-repeat;
	background-position: 25px 13px;
	color: #fabd08;
	font-weight: bold;
	padding-top: 7px;
	padding-bottom: 7px;
	background-color:#f0f0f0;
	text-decoration: none;
}
ul.navex ul li a:hover.current {
	padding-left: 35px;
	font-size: 13px;
	font-weight: bold;
	background-image: url(../icon8.gif);
	background-repeat: no-repeat;
	background-position: 25px 13px;
	color: #fabd08;
	text-decoration: underline;
	background-color:#f0f0f0;
}
ul.navex span{
	float:right;
}
.irsubphonemenu{width:100%;display:block;overflow:hidden;margin:20px 0 0 0;}
ul.irsubphonemenus{width:100%;float:left;display:none;padding:0 0;margin:0;overflow:hidden;list-style-type: none;}
ul.irsubphonemenus.select{height:auto;padding:12px 0 7px 0;display:block;border-bottom:#ccc 1px solid}
ul.irsubphonemenus li{width:auto;margin:0 5px 5px 5px;float:left}
ul.irsubphonemenus li a{width:auto;display:block;padding:0 5px;line-height:30px;color:#333;display:block;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;border:#ccc 1px solid;font-size:13px}
ul.irsubphonemenus li a.current{background:#333;color:#fff}
ul.phonesubtit{width:100%;display:block;float:right;padding:0 0 5px 0;margin:0;border-bottom:#333 2px solid}
ul.phonesubtit a{width:100%;display:block;font-size:24px;color:#000;line-height:34px;padding:0}
ul.phonesubtit a .tit{width:auto;float:left;font-size:24px;color:#333;}
ul.phonesubtit a i{width:30px;margin-top:6px;float:right;height:30px;}
@media (min-width: 1100px) {
.pageright .leftphonemenu{display:none}
.irsubphonemenu{display:none}
}
@media (min-width: 992px) and (max-width: 1099px) {
.pageright .leftphonemenu{display:none}
.irsubphonemenu{display:none}
.pageright {
	float: left;
	width: 76%;
	padding-right: 0px;
}
}
@media (min-width: 768px) and (max-width: 991px) {

.pageleft {
	display: none;
	display: none !important\9;
}

.pageright {
	float: left;
	width: 100%;
	padding-right: 0px;
}
.irsubphonemenu{width:100%;display:block;overflow:hidden;margin:0;}
}
@media (max-width: 767px) {
.pageleft {
	display: none;
	display: none !important\9;
}
.page-header{
	padding-top: 30px;
}
.pageright {
	float: left;
	width: 100%;
	padding-right: 0px;
}
}



/*************************
******* contact CSS ******
**************************/

.profile_pic{
	position: relative;
	margin-top: 5px;
	margin-left: 10px;
}
.profile_pic::before{
	content: "";
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	bottom: -10px;
	right: 0px;
	clip-path: polygon(100% 0, 0% 100%, 100% 100%);
	background: #fff;
	z-index: 3;
}
.profile_pic::after{
	content: "";
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: -2px;
	left: -10px;
	clip-path: polygon(100% 0, 0% 100%, 0 0);
	background: #fff;
	z-index: 2;
}
.profile_pic img{
	position: relative;
	z-index: 2;
	box-shadow: -5px 5px 8px -2px rgba(0, 0, 0, 0.2);
}

.profile_con .title{
	display: flex;
	flex-flow: wrap;
	align-items: center;
	margin:15px 0 10px;
}
.profile_con .title h4{
	font-weight: bold;
	margin:2px 10px 0 0;
}
.profile_con .title span{
	font-size: 18px;
	color: #ccc;
}
@media (max-width: 1099px) {
	.profile_con{
		padding-top: 0;
	}
}



.history{
	padding:60px 30px;
	background:url(../profile_03.png) no-repeat center top ;
	background-size: contain ;
	border: #eef3f4 solid 4px;
}
.history .title{
	font-size: 24px;
	letter-spacing: 3px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
}
.history h5{
	color: #999;
	font-size: 18px;
	letter-spacing: 2px;
	display: inline-block;
	margin: 0 0 0 2px;
}
.history ul{
	position: relative;
	margin: 0;
	padding: 0 0 0 15px;
	list-style: none;
}
.history ul::before{
	content: "";
	width: 0;
	height: 100%;
	display: block;
	position: absolute;
	left: 10px;
	background: #ca9b14;
}
.history ul li{
	position: relative;
	display: flex;
	padding:10px 0 10px 40px;
}
.history ul li::before{
	content: "";
	position: absolute;
	left: -3px;
	top: 28px;
	display: block;
	width: 35px;
	height: 1px;
	border-bottom: 1px dashed #ca9b14;
}
.history ul li .date{
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 2px;
	padding: 6px 15px;
	margin: 0;
}
.history ul li p{
	flex: 1;
	padding: 6px 15px;
	margin: 0;
	border-bottom: 1px dotted #ccc;
}

@media (max-width: 479px) {
	.history{
		padding:60px 15px;
	}
	.history ul li{
		padding:10px 0 10px 20px;
	}
	.history ul li::before{
		width: 15px;
		border-bottom: 1px dashed #ca9b14;
	}
	.history ul li .date{
		font-size: 18px;
		padding: 6px 5px;
	}
}




.pro_info{
	margin-bottom: 30px;
}

.pro_info .pic{
	border-radius: 4px;
	overflow: hidden;
	margin-bottom: 10px;
}

.pro_info ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.pro_info ul li{
	display: flex;
	flex-flow: wrap;
	padding: 5px;
	border: 1px dotted #dcdc58;
	margin-bottom: 8px;
}
.pro_info ul li h4{
	width: 140px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 16px;
	line-height: 130%;
	font-weight: bold;
	margin: 0;
	padding:6px 20px;
	color: #b5b530;
   border-right: #E0E05A solid 3px;
}
.pro_info ul li p{
	flex: 1;
	margin: 0;
	padding:6px 20px;
	word-break: break-all;
}

.pro_info ul li:nth-of-type(even){
	background: #fffcf2;
   border: 1px dotted #e8dab2;
}
.pro_info ul li:nth-of-type(even) h4{
	color: #ca9b14;
	border-right: #ca9b14 solid 3px;
}


@media (max-width: 479px) {
	.pro_info ul li h4{
		width: 100%;
		border-right: none;
		border-bottom: #E0E05A solid 3px;
	}
	.pro_info ul li:nth-of-type(even) h4{
		border-right: none;
		border-bottom: #ca9b14 solid 3px;
	}
}












/*************************
******* contact CSS ******
**************************/

#contact_form {
	float: left;
	width: 100%;
	margin-top: 10px;
}
#contact_form .title {
	width:100%;
	color:#666;
	font-size: 15px;
	line-height: 20px;
	float: left;
}
.contact1 {
	float: left;
	width: 100%;
	padding-top: 6px;
	padding-bottom: 6px;
}
#contact_form .contact1 span:first-child { width:100%; padding:0 0 7px 0;float: left;}
#contact_form .contact1 span:first-child+span { width:100%;float: left;}
.contact2 {
	float: left;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 6px;
	margin-top: 15px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E6E6E6;
	text-align: center;
}
.contact2 .btn-primary{
	color: #fff;
	background-color: #007803;
	border-color: #007803;
	padding-right: 20px;
	padding-left: 20px;
	-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;
}
.contact2 .btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#fabd08;border-color:#fabd08}
.contact2 .btn-primary:hover{color:#fff;background-color:#fabd08;border-color:#fabd08}
#contact_form .length-l { width:100%;}
#contact_form .length-m { width:60%;}
#contact_form .length-s { width:30%;}
.contact3 {
	float: left;
	width: 100%;
	padding: 10px;
	background-color: #EEE;
	margin: 0;
}
.contact3 .google-maps {
	position: relative;
    padding-bottom: 160%;
    height: 0;
    overflow: hidden;
}
.contact3 .google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
.contact4 {
	float: left;
	width: 60%;
	padding: 0;
	margin: 0;
}
.contact5 {
	float: right;
	width: 35%;
	padding: 0;
	margin: 0;
}
.contact6 {
	float: left;
	width: 31%;
	margin-left: 2%;
}
.contact6:first-child {
	float: left;
	width: 34%;
	margin-left: 0;
}
#contact_form .contact6 span:first-child { width:100%; padding:0 0 7px 0;float: left;}
#contact_form .contact6 span:first-child+span { width:100%;float: left;}

#contact_form .pull-left{padding-right:10px}
.contact7 {
	float: left;
	width: 100%;
	margin: 0;
	padding-top: 10px;
	padding-right: 1%;
	padding-bottom: 10px;
	padding-left: 1%;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #999;
	border-bottom-color: #999;
}
.contact8 {
	float: left;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}
.contact8 dl {
	width: 46%;
	margin: 0px;
	float: left;
	padding-top: 0px;
	padding-right: 2%;
	padding-bottom: 0px;
	padding-left: 2%;
}
.contact8 dt {
	float: left;
	margin: 0px;
	background-image: url(../icon14.gif);
	background-repeat: no-repeat;
	background-position: 4px 8px;
	padding-left: 18px;
	padding-bottom: 4px;
	width: 100%;
	font-weight: bold;
	color: #333;
	font-size: 16px;
}
.contact8 dd {
	float: left;
	width: 100%;
	margin: 0;
	padding-top: 1px;
	padding-right: 0;
	padding-bottom: 1px;
	padding-left: 18px;
	font-size: 14px;
}
.contact8 dd A:link {
	color:#444444;
	text-decoration:none
}
.contact8 dd A:visited {
	color:#444444;
	text-decoration:none
}
.contact8 dd A:hover {
	color:#F90;
	text-decoration:underline
}
.contact9 {
	float: left;
	width: 100%;
	padding-top: 10px;
	padding-right: 12px;
	padding-bottom: 10px;
	padding-left: 12px;
}
.contact9 A:link {
	color:#444444;
	text-decoration:none
}
.contact9 A:visited {
	color:#444444;
	text-decoration:none
}
.contact9 A:hover {
	color:#F90;
	text-decoration:underline
}
/* FAQ */
#qaContent ul, #qaContent li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#qaContent {
	float: left;
	width: 100%;
	margin-top: 10px;		
}
#qaContent ul.accordionPart {
	margin: 0px;
	float: left;
	width: 100%;
}
#qaContent ul.accordionPart li {
	margin: 0px;
	padding: 0px;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	float: left;
}
#qaContent ul.accordionPart li .qa_title {
	font-size: 16px;
	line-height: 22px;
	color: #333;
	cursor: pointer;
	font-weight: bold;
	padding-top: 18px;
	padding-right: 30px;
	padding-bottom: 18px;
	padding-left: 10px;
	background-image: url(../icon13.png);
	background-repeat: no-repeat;
	background-position: right 18px;
}
#qaContent ul.accordionPart li .qa_title i {
	cursor: pointer;
	padding-left: 13px;
	background-image: url(../icon7.png);
	background-repeat: no-repeat;
	background-position: left 8px;
	font-style: normal;
}
#qaContent ul.accordionPart li .qa_title_on {
	text-decoration: none;
	color: #fabb00;
	background-color: #F7F7F7;
}
#qaContent ul.accordionPart li .qa_content {
	width: 100%;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	float: left;
	margin: 0;
	background-color: #f6f6f6;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
}

@media (max-width: 767px) {
.contact3 .google-maps {
	position: relative;
    padding-bottom: 50%;
    height: 0;
    overflow: hidden;
}
.contact4 {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
}
.contact5 {
	float: left;
	width: 100%;
	padding: 0;
	margin-top: 35px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
.contact8 dl {
	width: 96%;
	margin: 0px;
	float: left;
	padding-top: 10px;
	padding-right: 2%;
	padding-bottom: 10px;
	padding-left: 2%;
}
}
@media (max-width: 480px) {
.contact6 {
	float: left;
	width: 100%;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-left: 0;
}
.contact6:first-child {
	float: left;
	width: 100%;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-left: 0;
}
}
/*************************
*******investors CSS******
**************************/
.investors-b1 {
	float: left;
	width: 100%;
}
.investors-b2 {
	float: left;
	width: 100%;
	margin-bottom: 15px;
	text-align: center;
}
.investors-b3 {
	float: left;
	width: 100%;
	margin-bottom: 35px;
}
.investors-b3:last-child {
	float: left;
	width: 100%;
	margin-bottom: 0px;
}
.investors-b3 .job {
	float: right;
	margin-right: 5px;
}
.investors-b3 .job a {
	font-size: 13px;
	line-height: 17px;
	color: #FFF;
	padding-top: 6px;
	padding-right: 15px;
	padding-bottom: 7px;
	padding-left: 30px;
	text-decoration: none;
	border: 1px solid #66b014;
	background-image: url(../pageget.png);
	background-repeat: no-repeat;
	background-position: 7px center;
	background-color: #66b014;
}
.investors-b3 .job a:hover {
	color: #FFFFFF;
	text-decoration: none;
	border: 1px solid #96CB54;
	background-color: #b9d825;
}
.investorsword {
	font-size: 0.8em;
	line-height: 1.7em;
	color: #666;
}
.spec-note{ display:none;}
@media screen and (max-width: 770px) {
	.spec{ width:100%; overflow-x:scroll;}
	.spec table{ width:100%; overflow-x:scroll;}
	.spec-note{ display:block; background:url(../drag.png) left center no-repeat; padding:0 0 0 45px; font-size:13px; width:80%; float:left; line-height:260%;}
}
@media screen and (max-width: 760px) {
	.spec{ width:100%; overflow-x:scroll;}
	.spec table{ width:760px; overflow-x:scroll;}
	.spec-note{ display:block; background:url(../drag.png) left center no-repeat; padding:0 0 0 45px; font-size:13px; width:80%; float:left; line-height:260%;}
}
/*************************
*******news CSS******
**************************/
/* News & download */
.news-right {
	float: right;
	width: 28%;
}
.news-left {
	float: left;
	width: 65%;
	padding-left: 3%;
}
.newsbox {
	float: left;
	width: 100%;
	visibility: visible;
	margin-bottom: 10px;
	text-decoration: none;
	background-color: #f5c32a;
}
.news-t1 {
	line-height: 17px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	float: left;
	width: 85%;
	visibility: visible;
	padding-top: 10px;
	padding-bottom: 8px;
}
.news-t2 {
	line-height: 17px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	float: left;
	width: 70%;
	visibility: visible;
	padding-top: 10px;
	padding-bottom: 8px;
}
.news-t3 {
	line-height: 17px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	float: left;
	width: 100%;
	visibility: visible;
	padding-top: 10px;
	padding-bottom: 8px;
}
.news-d1 {
	line-height: 17px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	float: left;
	width: 17%;
	visibility: visible;
	padding-top: 10px;
	background-image: url(../line15.png);
	background-repeat: repeat-y;
	background-position: left;
	padding-bottom: 8px;
}
.news-d2 {
	line-height: 17px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	float: left;
	width: 17%;
	visibility: visible;
	padding-top: 10px;
	background-image: url(../line15.png);
	background-repeat: repeat-y;
	background-position: right;
	padding-bottom: 8px;
}
.news-donwload {
	line-height: 17px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	float: left;
	width: 13%;
	visibility: visible;
	padding-top: 10px;
	padding-bottom: 8px;
	background-image: url(../line15.png);
	background-repeat: repeat-y;
	background-position: left;
}
.newslist2 {
	padding: 0px;
	float: left;
	width: 100%;
	margin: 0px;
}
.newslist2 dl {
	width: 100%;
	margin: 0px;
	float: left;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E3E3E3;
}
.newslist2 dl:hover {
	float: left;
	width: 100%;
	visibility: visible;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E3E3E3;
	border-bottom-color: #E3E3E3;
	background-color: #F5F5F5;
}
.newslist2 dt{
	float: left;
	overflow: hidden;
	clear: left;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #FFF;
	background-color: #616161;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding-top: 3px;
	padding-right: 12px;
	padding-bottom: 3px;
	padding-left: 12px;
	margin-right: 20px;
	line-height: 18px;
	font-size: 13px;
	font-weight: normal;
	width: 14%;
	margin-left: 15px;
}
.newslist2 dd {
	float: left;
	width: 70%;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.newslist2 dd A:link {
	color:#333;
	text-decoration:none
}
.newslist2 dd A:visited {
	color:#333;
	text-decoration:none
}
.newslist2 dd A:hover {
	color:#fabd08;
	text-decoration:none
}
.newslist2 dd.download {
	float: right;
	width: 10%;
	margin: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 15px;
}
.newslist2 dd.download a{
	float: left;
	text-align: center;
	background-color: #FFF;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0px;
	width: 100%;
}
.newslist2 dd.download a:hover{
	float: left;
	background-color: #e4e4e4;
}
.newslist3 {
	padding: 0px;
	float: left;
	width: 100%;
	margin: 0px;
}
.newslist3 dl {
	width: 100%;
	margin: 0px;
	float: left;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E3E3E3;
}
.newslist3 dt{
	float: left;
	overflow: hidden;
	clear: left;
	text-align: right;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #FFF;
	background-color: #616161;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding-top: 3px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-left: 15px;
	line-height: 18px;
	font-size: 13px;
	font-weight: normal;
}
.newslist3 dd {
	float: left;
	margin: 0px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	font-size: 1.8em;
	line-height: 1.4em;
	/*font-weight: bold;*/
	color: #333;
	width: 100%;
}
.newslist4 {
	font-size: 1em;
	line-height: 1.6em;
	color: #333333;
	background-color: #fff;
	float: left;
	width: 100%;
	padding: 10px 1%;
	margin: 30px 0;
	border-top: 3px solid #f0f0f0;
	border-bottom: 1px solid #ccc;
}
.newslist4 A:link { display: inline-block; margin-right: 10px; color:#009bd8;text-decoration:none}
.newslist4 A:visited {color:#009bd8;text-decoration:none}
.newslist4 A:hover {color:#fabd08;text-decoration:underline}
.newslist5 {
	padding: 0px;
	float: left;
	width: 100%;
	margin: 0px;
}
.newslist5 dl {
	width: 100%;
	margin: 0px;
	float: left;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E3E3E3;
}
.newslist5 dl:hover {
	float: left;
	width: 100%;
	visibility: visible;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E3E3E3;
	border-bottom-color: #E3E3E3;
	background-color: #F5F5F5;
}
.newslist5 dt{
	float: left;
	overflow: hidden;
	clear: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #333;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding-right: 10px;
	padding-left: 20px;
	line-height: 24px;
	font-size: 16px;
	font-weight: normal;
	width: 100%;
	background-image: url(../icon5.png);
	background-repeat: no-repeat;
	background-position: 8px 10px;
}
.newslist5 dt A:link {
	color:#fabd08;
	text-decoration:none
}
.newslist5 dt A:visited {
	color:#fabd08;
	text-decoration:none
}
.newslist5 dt A:hover {
	color:#f79700;
	text-decoration:none
}
.newslist5 dd {
	float: left;
	width: 100%;
	margin: 0px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 20px;
	color: #666;
}
.newscontent {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding-top: 25px;
	padding-bottom: 30px;
	line-height: 1.7em;
	color: #555;
}
.newscontent img {
	display:block;
	height:auto;
	max-width:100%;
	margin-right: auto;
	margin-left: auto;
}
.newscontent p {
	margin: 0px;
	padding-top: 20px;
}
.download-b1 {
	padding: 0;
	width: 90%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.downloadlist {
	padding: 0px;
	float: left;
	width: 100%;
	margin: 0px;
}
.downloadlist dl {
	width: 100%;
	margin: 0px;
	float: left;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E3E3E3;
}
.downloadlist dl:hover {
	float: left;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	visibility: visible;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E3E3E3;
	background-color: #F5F5F5;
}
/*.downloadlist dl:nth-of-type(odd) { 
	background: #e3f8ff; 
}*/
.downloadlist dt {
	float: left;
	margin: 0px;
	background-image: url(../icon4.gif);
	background-repeat: no-repeat;
	background-position: 7px 15px;
	padding-left: 18px;
	padding-top: 8px;
	padding-bottom: 4px;
	width: 75%;
	font-weight: normal;
	font-size: 13px;
	color: #888;
	line-height: 18px;
}
.downloadlist dt p.title {
	float: left;
	font-size: 15px;
	color: #333;
	line-height: 20px;
	font-weight: bold;
	padding: 0;
	width: 100%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}
.downloadlist dt p.title A:link {
	color:#333;
	text-decoration:none
}
.downloadlist dt p.title A:visited {
	color:#333;
	text-decoration:none
}
.downloadlist dt p.title A:hover {
	color:#00b4cb;
	text-decoration:underline
}
.downloadlist dd p.word {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}
.downloadlist dd.dfile {
	float: right;
	width: 125px;
	text-align: center;
	padding: 0px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.downloadlist dd.dfile a {
	margin: 0px;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 25px;
	background-image: url(../icon-download.png);
	background-repeat: no-repeat;
	background-position: 7px 9px;
	background-color: #2bbee6;
	color: #FFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
	float: left;
	width: 100%;
}
.downloadlist dd.dfile a:hover {
	background-color: #3276b1;
}
.faq1 {
	padding: 0px;
	float: left;
	width: 100%;
	margin: 0px;
}
.faq1 dl {
	width: 100%;
	margin: 0px;
	float: left;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E3E3E3;
}
.faq1 dt{
	float: left;
	overflow: hidden;
	clear: left;
	text-align: right;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #FFF;
	background-color: #a1d869;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	line-height: 18px;
	font-size: 13px;
	font-weight: normal;
	margin-top: 3px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-right: 5px;
}
.faq1 dd {
	float: left;
	margin: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	font-size: 1.8em;
	line-height: 1.4em;
	/*font-weight: bold;*/
	color: #333;
}
.faq2 {
	padding: 0px;
	float: left;
	width: 100%;
	margin: 0px;
}
.faq2 dl {
	width: 100%;
	margin: 0px;
	float: left;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E3E3E3;
}
.faq2 dl:hover {
	float: left;
	width: 100%;
	visibility: visible;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E3E3E3;
	border-bottom-color: #E3E3E3;
	background-color: #F5F5F5;
}
.faq2 dt{
	float: left;
	overflow: hidden;
	clear: left;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #FFF;
	background-color: #a1d869;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	line-height: 18px;
	font-size: 13px;
	font-weight: normal;
	margin-right: 5px;
}
.faq2 dd {
	float: left;
	margin: 0px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 5px;
}
.faq2 dd A:link {
	color:#333;
	text-decoration:none
}
.faq2 dd A:visited {
	color:#333;
	text-decoration:none
}
.faq2 dd A:hover {
	color:#f79700;
	text-decoration:none
}
@media (min-width: 1100px) {
.newslist2 dd.m-download {
	display: none;
	display: none !important\9;
}
}
@media (min-width: 992px) and (max-width: 1099px) {
.news-left {
	float: left;
	width: 65%;
	padding-left: 0;
}
.news-t1 {
	float: left;
	width: 84%;
}
.news-d1 {
	float: left;
	width: 16%;
}
.newslist2 dd.m-download {
	display: none;
	display: none !important\9;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.news-right {
	display:none;
}
.news-left {
	float: left;
	width: 100%;
	padding-left: 0;
}
.news-t1 {
	float: left;
	width: 80%;
}
.news-d1 {
	float: left;
	width: 20%;
}
.download-b1 {
	padding: 0;
	width: 100%;
	margin: 0;
}
.newslist2 dd.m-download {
	display: none;
	display: none !important\9;
}
}
@media (max-width: 767px) {
.news-right {
	display:none;
}
.news-left {
	float: left;
	width: 100%;
	padding-left: 0;
}
.newsbox {
	display: none;
	display: none !important\9;
}
.newslist2 dt{
	float: left;
	overflow: hidden;
	clear: left;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #FFF;
	background-color: #636363;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding-top: 3px;
	padding-right: 12px;
	padding-bottom: 3px;
	padding-left: 12px;
	margin-right: 20px;
	line-height: 18px;
	font-size: 13px;
	font-weight: normal;
	margin-left: 0px;
	width: auto;
}
.newslist2 dd {
	float: left;
	margin: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 100%;
}
.newslist2 dd.download {
	display: none;
	display: none !important\9;
}
.newslist2 dd.m-download {
	float: right;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 15px;
	width: auto;
	margin: 0px;
	font-size: 15px;
	line-height: 22px;
	color: #888;
}
.newslist2 dd.m-download a{
	float: right;
	text-align: center;
	background-color: #FFF;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	margin: 0 0 0 5px;
	padding: 5px 15px 5px 15px;
}
.newslist2 dd.m-download a:hover{
	float: right;
	background-color: #a1d869;
}
.download-b1 {
	padding: 0;
	width: 100%;
	margin: 0;
}
.downloadlist dt {
	float: left;
	width: 100%;
}
}
/*************************
*******relation CSS******
**************************/
.relation-word {
	width:100%;
	float: left;
	font-size:15px;
	line-height:24px;
	color:#666;
}
.relationb1 {
	width:100%;
	float: left;
	font-size:15px;
	line-height:24px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.relationb1 .title {
	width:100%;
	float: left;
	font-size:20px;
	line-height:26px;
	color:#444444;
	background-image: url(../icon16.gif);
	background-repeat: no-repeat;
	background-position: 1px 5px;
	padding-left: 20px;
}
.relationb1 .tab1 {
	width:100%;
	float: left;
}
#relation-ov {
	width:100%;
	float: left;
}
#relation-ov 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%;
	margin-bottom: 10px;
}
#relation-ov a:hover {
	display:block;
	width:48%;
	float:left;
	overflow:hidden;
	text-decoration:none;
	padding: 1%;
	border: 1px solid #444444;
	margin-right: 1%;
	margin-left: 1%;
}
#relation-ov a:hover img {}
#relation-ov a ul { display:block; list-style:none; margin:0; padding:0; overflow:hidden}
#relation-ov a ul li { display:block; list-style:none; margin:0; padding:0; overflow:hidden; width:100% }
#relation-ov a ul li.product-name {
	font-size:1em;
	line-height:1.5em;
	color:#333;
	font-weight:bold;
	padding: 5px;
	margin-top: 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;
}

#relation-ov a:hover ul li.product-name { color:#444444;}
#relation-ov a ul li.product-img {
	display:block;
	position:relative;
    overflow:hidden;
}
#relation-ov a ul li.product-img:after {
    padding-top: 64%;
    content:"";
    display: block;
}
#relation-ov a ul li.product-img img { 
	position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    margin:auto;
}
.itemarea-re {
	width:100%;
	margin-top:10px;
	margin-bottom: 25px;
	float: left;
}
.itemarea2-re {
	width:50%;
	float: left;
}
@media (min-width: 992px) and (max-width: 1099px) {
#relation-ov a ul li.product-img {
	display:block;
	height:90px;
	position:relative;
    overflow:hidden;
}
#relation-ov a ul li.product-img img { 
	position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    max-width:100%;
	max-height:90px;
    margin:auto;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.itemarea-re {
	width:100%;
	margin-top:0px;
	margin-bottom: 0px;
	float: left;
}
.itemarea2-re {
	width:100%;
	float: left;
	margin-top:15px;
}
#relation-ov a ul li.product-img {
	display:block;
	height:150px;
	position:relative;
    overflow:hidden;
}
#relation-ov a ul li.product-img img { 
	position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    max-width:100%;
	max-height:150px;
    margin:auto;
}
}
@media (max-width: 767px) {
.itemarea-re {
	width:100%;
	margin-top:0px;
	margin-bottom: 0px;
	float: left;
}
.itemarea2-re {
	width:100%;
	float: left;
	margin-top:15px;
}
#relation-ov a ul li.product-name {
	text-align:center;
}
#relation-ov a ul li.product-img {
	display:block;
	height:150px;
	position:relative;
    overflow:hidden;
}
#relation-ov a ul li.product-img img { 
	position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    max-width:100%;
	max-height:150px;
    margin:auto;
}
}
@media (max-width: 480px) {
#relation-ov a ul li.product-name {
	text-align:center;
}
#relation-ov a ul li.product-img {
	display:block;
	height:80px;
	position:relative;
    overflow:hidden;
}
#relation-ov a ul li.product-img img { 
	position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    max-width:100%;
	max-height:80px;
    margin:auto;
}
}
/*************************
*******tech CSS******
**************************/
.techb1 {
	width:100%;
	float: left;
	font-size:1em;
	line-height:1.6em;
	margin-top: 5px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #bdd6f0;
}
.techb1 img {
	display:block;
	height:auto;
	max-width:100%;
	margin-right: auto;
	margin-left: auto;
}
.techb2 {
	width:100%;
	float: left;
	margin-top: 15px;
}
.techb3 {
	width:55%;
	float: left;
}
.techb3-pic {
	width:40%;
	float: right;
	margin-top: 45px;
}
.techb1 .t1 {
	width:100%;
	float: left;
	font-size:1.4em;
	line-height:1.6em;
	color:#444444;
}
.techb1 .t2 {
	width:100%;
	float: left;
	font-size:1em;
	line-height:1.5em;
	color:#418200;
	background-image: url(../icon6.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	font-weight: bold;
}
.techb1 .w1 {
	width:100%;
	float: left;
	margin-top: 10px;
}
.techb1 .w2 {
	width:100%;
	float: left;
	margin-top: 5px;
	color: #888;
	padding-left: 20px;
}
.techb5 {
	width: 100%;
	float: left;
	margin-bottom: 15px;
}
.techleft {
	width:60%;
	float: left;
}
.techright {
	width:40%;
	float: right;
}
@media (max-width: 767px) {
.techb3 {
	width:100%;
	float: left;
}
.techb3-pic {
	width:100%;
	float: left;
	margin-top: 10px;
}
.techleft {
	width:100%;
	float: left;
}
.techright {
	width:100%;
	float: left;
	margin-top: 25px;
}
}
/*************************
*******Product CSS******
**************************/
.product-intro {
	width:100%;
	margin-bottom: 20px;
	float: left;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
}
.product-intro .title {
	width:100%;
	float: left;
	font-size:24px;
	line-height:28px;
	color:#333;
	background-image: url(../icon16.gif);
	background-repeat: no-repeat;
	background-position: 1px 5px;
	padding-left: 20px;
}
.product-intro .word {
	width:100%;
	float: left;
	font-size:15px;
	line-height:24px;
	color:#888;
	margin-top: 10px;
}
.product-intro .iqlist {
	float:right;
	padding: 0;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
.product-intro .iqlist a {
	font-size:13px;
	font-weight:normal;
	line-height:20px;
	padding-top: 7px;
	padding-right: 15px;
	padding-bottom: 7px;
	padding-left: 15px;
	background-color: #999;
	color: #FFF;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	text-decoration: none;
	font-style: normal;
	float: right;
	margin-top: -7px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.product-intro .iqlist a:hover {
	background-color: #2bbee6;
	color: #FFF;
	text-decoration: none;
}
.itemarea {
	width:100%;
	margin-top:10px;
	margin-bottom: 25px;
	float: left;
}
.itemarea2 {
	width:50%;
	float: left;
}
.itemarea3 {
	width:100%;
	float: left;
}
.sale-box {
	height: 80px;
	left: -10px;
	overflow: hidden;
	position: absolute;
	text-align: center;
	top: -10px;
	width: 80px;
}
.sale-box span.on_sale {
	background:#f5aa00;
	color: #FFF;
	display: block;
	left: -35px;
	font-size:16px;
	padding: 4px 0;
	position: relative;
	text-align: center;
	top: 15px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	width: 130px;
	z-index: 2;
	text-transform:uppercase;
	border-bottom: 2px solid #ff7000;
}
.sale-box1 {
	height: 80px;
	left: 0px;
	overflow: hidden;
	position: absolute;
	text-align: center;
	top: 0px;
	width: 80px;
}
.sale-box1 span.on_sale {
	background:#f5aa00;
	color: #FFF;
	display: block;
	left: -40px;
	font-size:16px;
	padding: 4px 0;
	position: relative;
	text-align: center;
	top: 10px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	width: 130px;
	z-index: 2;
	text-transform:uppercase;
	border-bottom: 2px solid #ff7000;
}
#product-ov {
	width:100%;
	float: left;
	/*min-height:450px;*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E8E8E8;
	padding-bottom: 10px;
}
#product-ov 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;
}
#product-ov a:hover {
	display:block;
	width:48%;
	float:left;
	overflow:hidden;
	text-decoration:none;
	padding: 1%;
	border: 1px solid #444444;
	margin-right: 1%;
	margin-left: 1%;
}
#product-ov a:hover img {}
#product-ov a ul { display:block; list-style:none; margin:0; padding:0; overflow:hidden}
#product-ov a ul li { display:block; list-style:none; margin:0; padding:0; overflow:hidden; width:100% }
#product-ov a ul li.product-name {
	font-size:15px;
	color:#bb8c02;
	font-weight:bold;
	border-bottom: 1px dotted #ccc;
	padding:5px 10px;
	text-align: center;
	margin-top: 5px;
	border-radius:3px;
	transition: color .20s linear, background-color .20s linear, border-color .20s linear;
}
#product-ov a:hover ul li.product-name { color:#444444;}
#product-ov a ul li.product-word {
	font-size:12px;
	line-height:20px;
	color:#888;
	overflow:hidden;
	margin-top: 5px;
	max-height:40px;
	padding-right: 10px;
	padding-left: 10px;
	background-color: #d6f0ff;
	padding-top: 5px;
}

.product-con {
	padding:8px 5px !important;
	font-size: 14px;
	line-height: 18px;
	color: #999;
}

/*#product-ov a ul li.product-img { display:block; height:180px;}
#product-ov a ul li.product-img img { display:block; height:180px; width:auto; margin:0 auto;}*/

#product-ov a ul li.product-img {
	display:block;
	height:180px;
	position:relative;
    overflow:hidden;
}
#product-ov a ul li.product-img:after {
    padding-top: 56.25%;
    content:"";
    display: block;
}
#product-ov a ul li.product-img img { 
	position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    max-width:100%;
	max-height:180px;
    margin:auto;
}

#product-info { width:40%; float:right; overflow:hidden;}
#product-info ul { margin: 0; padding: 0; list-style: none;}
#product-info li { margin-bottom:8px; width:100%; float:left;margin: 0; padding: 0; list-style: none;}
/*#product-info .product-extra { display:block; float:left; margin:0; width:110px; border:1px solid #C9163A; border-radius:4px; line-height:24px; color:#C9163A; background-color:#FFF; font-size:13px; text-align:center; margin-right:20px; }*/
#product-info .product-number { color:#C9163A; font-size:13px; line-height:20px; display:block; float:left}
#product-info .product-name { font-size:1.8em; line-height:1.8em; font-weight: bolder; color: #cca638;border-bottom: 2px solid #d4d4d4;padding-bottom:5px;}
#product-info .product-word { margin:0; padding:10px 0 10px; color:#333; font-size:1em; line-height:1.5em; border-bottom: 1px solid #E6E6E6; }
#product-info li .pt { display:block; float:left; width:27%; font-weight:bold; font-size:15px; line-height:22px;}
#product-info li .pwo { display:block; float:left; width:73%; font-weight:normal;}
#product-info .product-manual { margin:0; padding:20px 0 15px; border-bottom: 1px solid #E6E6E6; font-size:15px; color:#333; line-height:21px; }
#product-info li .field { display:block; float:left; width:27%; font-weight:bold; overflow:hidden}
#product-info li .value { display:block; float:left; width:73%; font-weight:normal;}
#product-info li .value a {
	margin: 0px;
	padding-top: 7px;
	padding-right: 20px;
	padding-bottom: 7px;
	padding-left: 35px;
	background-image: url(../icon-download.png);
	background-repeat: no-repeat;
	background-position: 10px 9px;
	background-color: #999;
	color: #FFF;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	text-decoration: none;
}
#product-info li .value a:hover {
	background-color: #ff7000;
	color: #FFF;
	text-decoration: none;
}
#product-info li.add {
	padding:0;
	width:100%;
	text-decoration:none;
	transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	-webkit-transition: background-color 0.2s;
	-ms-transition: background-color 0.2s;
	-o-webkit-transition: background-color 0.2s;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}




.product_sub{
	margin-bottom: 30px;
}
.product_sub .pic{
	position: relative;	
	margin-bottom: 15px;
}
.product_sub .pic img{
	border-radius: 3px;
}
.product_sub .pic::before,
.product_sub .pic::after {
	content:"";
	width:50%;
   height:20%;
   position:absolute;
   z-index:-1;
   bottom:15px;
	left:10px;
	box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
   transform:rotate(-3deg);
   
}

.product_sub .pic::after{
   right:10px;
   left:auto;
   transform:rotate(3deg);
 }




.product_list, 
.product_list02{	
	margin-bottom: 40px;
}
.product_list section, 
.product_list02 section{
	width: 100%;
	border: 1px solid rgba(224, 209, 187, 0.7);
	border-width: 0 1px 1px 0;
}
.product_list ul, 
.product_list02 ul{
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
}
.product_list ul li, 
.product_list02 ul li{
	width: calc(100%/6);
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid rgba(224, 209, 187, 0.7);
	border-width: 1px 0 0 1px;
	text-align: center;
	font-size: 14px;
	line-height: 18px;
	padding: 5px 10px;
}
.product_list02 ul li{
	width: calc(100%/8);
}
.product_list ul:nth-of-type(even) {
	background: #fbfbfb;
}
.product_list ul li a, 
.product_list02 ul li a{
	color: #55a59c;
}
.product_list ul li a:hover, 
.product_list02 ul li a:hover{
	color: #faba00;
}

.product_list ul.title, 
.product_list02 ul.title{
	background: #fdfaf0;
}
.product_list ul.title li, 
.product_list02 ul.title li{
	padding: 8px 10px;
	color: #bd9215;
	font-weight: bold;
}
.product_list ul.category li, 
.product_list02 ul.category li{
	width: 100%;
	padding: 8px;
	color: #fff;
	background: #cea327;
}

.product_list ul:not(.title) li:nth-of-type(2){
	justify-content: flex-start;
	text-align: left;
}

.product_list02 .w100 li{
	width: 100%;
}
.product_list02 ul.title02{
	border: 1px solid rgba(224, 209, 187, 0.7);
}




.product_list table{
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 30px;
}
.product_list table tr{	
}
.product_list table tr th{
	padding: 5px 10px;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	color: #bd9215;
	border: 1px solid rgba(224, 209, 187, 0.7);
	background: #fdfaf0;
}
.product_list table tr td{
	line-height: 18px;
	text-align: center;
	padding: 5px 10px;
	border: 1px solid rgba(224, 209, 187, 0.7);
}
.product_list table tr:not(:first-of-type) td:nth-of-type(2){
	text-align: left;
}




@media (max-width: 767px) {
	.product_list, 
	.product_list02{
		overflow-x: auto;
		padding-bottom: 10px;
	}
	.product_list section{
		min-width: 550px;
	}
	.product_list02 section{
		min-width: 400px;
	}
	.product_list ul{
		
	}

	.product_list table{
		min-width: 860px;
	}
}






.searchlist{}
.searchlist ul{
	margin: 0;
	padding: 0;
	list-style: none;

}
.searchlist ul li{
	padding: 8px 5px;
	border-bottom: 1px dotted #ccc;
}
.searchlist ul li a{
	display: block;
}
.searchlist ul li i{
	margin-right: 10px;
}







ul#submit-btn {
	display:block;
	width:100%;
	text-align:center;
	float:left;
	margin: 0;
}
ul#submit-btn li {
	list-style:none;
	display:inline-block;
	height:34px;
	width:100%;
	line-height:32px;
	margin:5px 0;
	overflow:hidden;
	background-color:#002853;
	font-size: 14px;
}
ul#submit-btn li a { display:block; line-height:32px; width:100%; height:100%; background-color:#002853; overflow:hidden; color:#FFF; text-decoration:none}
ul#submit-btn li a:hover { background-color:#00c0ff}

.productpicbig-box {
	float: left;
	padding: 0px;
	display: block;
	width: 55%;
	border: 1px solid #E3E3E3;
	margin: 0px;
	position: relative;
}
div.container_img {
	width:100%;
	height:410px;
	overflow:hidden;
	position:relative;
	display:block;
	text-align:center;
	vertical-align:middle;
	margin: 0;
	padding: 0;
	float: left;
}
div.container_img:after {
    padding-top: 56.25%;
    content:"";
    display: block;
}
div.container_img img {
	position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    margin:auto;
	max-height:400px;
	max-width:510px;
}
.inquire-b1 {
	float: left;
	width: 100%;
	border: 4px solid #E7E7E7;
	margin-top: 7px;
	font-size: 13px;
	line-height: 18px;
	color: #666;
	margin-bottom: 7px;
}
.inquire-b1 A {color:#00a0e9;text-decoration:none}
.inquire-b1 A:hover {color:#0068b7;text-decoration:underline}

/* 產品標籤 */
.tabbable {
	padding: 0px;
	float: left;
	width: 100%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
}
.tab-content1 {
	margin: 0px;
	float: left;
	width: 100%;
	padding-top: 25px;
	padding-right: 0;
	padding-bottom: 25px;
	padding-left: 0;
	line-height: 1.6em;
}
.tabbable .nav-tabs {
  border-bottom: 2px solid #ccc;
}
.tabbable .nav-tabs > li {
	float: left;
	margin-bottom: -2px;
	margin-top: 4px;
}
.tabbable .nav-tabs > li > a {
	margin-right: 3px;
	border: 1px solid transparent;
	border-radius: 4px 4px 0 0;
	color: #FFF;
	background-color: #ccc;
	font-size:1em;
	padding-right: 10px;
	padding-left: 10px;
}
.tabbable .nav-tabs > li > a:hover {
	color: #eee;
	background-color: #fabd08;
	font-size:1em;
	border: 1px solid #fabd08;
}
.tabbable .nav-tabs > li.active > a,
.tabbable .nav-tabs > li.active > a:hover,
.tabbable .nav-tabs > li.active > a:focus {
	color: #fff;
	cursor: default;
	background-color: #444444;
	border: 1px solid #444444;
	border-bottom-color: transparent;
	font-weight: bold;
	font-size:1em;
}
.tabbable table { 
	width: 100%; 
	border-collapse: collapse; 
}
.tabbable thead td {
	color: #fff;
	background: #70c7bf;
	font-weight: bold;
	text-align: center;
	padding: 8px; 
	border: 1px solid #ccc; 
}
.tabbable td {
	border: 1px solid #ccc;
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 10px;
	padding-left: 8px;
}
.tabbable tr:nth-of-type(odd) { 
	background: #f5f5f5; 
}
/* Portfolio - Filter
-----------------------------------------------------------------*/
#portfolio-filter {
	position: relative;
	list-style: none;
	float: left;
	border-radius: 4px;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
}
#portfolio-filter li {
	float: left;
	position: relative;
	white-space: nowrap;
}
#portfolio-filter li a {
	display: block;
	position: relative;
	padding: 10px 18px;
	font-size: 15px;
	line-height: 18px;
	color: #666;
	border: 1px solid rgba(0,0,0,0.07);
	/*border-left: 1px solid rgba(0,0,0,0.07);
	border-bottom: 1px solid rgba(0,0,0,0.07);*/
}
#portfolio-filter li:first-child a {
	border-left: none;
	border-radius: 4px 0 0 4px;
}
#portfolio-filter li:last-child a { border-radius: 0 4px 4px 0; }
#portfolio-filter li a:hover { color: #0078c5; }
#portfolio-filter li.activeFilter a {
	color: #FFF !important;
	background-color: #0078c5;
	margin: -1px 0;
	padding: 11px 18px;
}
#portfolio-filter li.activeFilter a { font-weight: bold; }

@media (min-width: 992px) and (max-width: 1099px) {
div.container_img {
	width:100%;
	height:360px;
	/*border: 1px solid #E3E3E3;*/
	overflow:hidden;
	position:relative;
	display:block;
	text-align:center;
	vertical-align:middle;
	margin: 0;
	padding: 0;
	float: left;
}
div.container_img img {
	position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    margin:auto;
	max-height:350px;
	max-width:440px;
}
#product-info li .pt { display:block; float:left; width:30%; font-weight:bold;}
#product-info li .pwo { display:block; float:left; width:70%; font-weight:normal;}
#product-info li .field { display:block; float:left; width:30%; font-weight:bold; overflow:hidden}
#product-info li .value { display:block; float:left; width:70%; font-weight:normal;}
}
@media (min-width: 768px) and (max-width: 991px) {
.itemarea {
	width:100%;
	margin-top:0px;
	margin-bottom: 0px;
	float: left;
}
.itemarea2 {
	width:100%;
	float: left;
	margin-top:15px;
}
.itemarea3 {
	width:100%;
	float: left;
	margin-top:15px;
}
#product-ov {
	width:100%;
	float: left;
	/*min-height:450px;*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E8E8E8;
}
#product-info { width:100%; clear:both; float:left; margin:20px 0 0 0; overflow:hidden}
.productpicbig-box {
	float: left;
	padding: 0px;
	display: block;
	width: 100%;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: 1px solid #E3E3E3;
}
div.container_img {
	width:100%;
	height:400px;
	overflow:hidden;
	position:relative;
	display:block;
	text-align:center;
	vertical-align:middle;
	margin: 0;
	padding: 0;
	float: left;
}
div.container_img img {
	position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    margin:auto;
	max-height:400px;
	max-width:650px;
}
#product-info li .pt { display:block; float:left; width:15%; font-weight:bold;}
#product-info li .pwo { display:block; float:left; width:85%; font-weight:normal;}
#product-info li .field { display:block; float:left; width:15%; font-weight:bold; overflow:hidden}
#product-info li .value { display:block; float:left; width:85%; font-weight:normal;}
}

@media (max-width: 767px) {
.itemarea {
	width:100%;
	margin-top:0px;
	margin-bottom: 0px;
	float: left;
}
.itemarea2 {
	width:100%;
	float: left;
	margin-top:15px;
}
.itemarea3 {
	width:100%;
	float: left;
	margin-top:15px;
}
#product-ov {
	width:100%;
	float: left;
	/*min-height:450px;*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E8E8E8;
}
#product-ov a ul li.product-img {
	display:block;
	height:150px;
	position:relative;
    overflow:hidden;
}
#product-ov a ul li.product-img img { 
	position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    max-width:100%;
	max-height:150px;
    margin:auto;
}
#product-info { width:100%; clear:both; float:left; margin:20px 0 0 0; overflow:hidden}
#product-info li .pt { display:block; float:left; width:18%; font-weight:bold;}
#product-info li .pwo { display:block; float:left; width:82%; font-weight:normal;}
#product-info li .field { display:block; float:left; width:18%; font-weight:bold; overflow:hidden}
#product-info li .value { display:block; float:left; width:82%; font-weight:normal;}
.productpicbig-box {
	float: left;
	padding: 0px;
	display: block;
	width: 100%;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: 1px solid #E3E3E3;
}
div.container_img {
	width:100%;
	height:300px;
	overflow:hidden;
	position:relative;
	display:block;
	text-align:center;
	vertical-align:middle;
	margin: 0;
	padding: 0;
	float: left;
}
div.container_img img {
	position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    margin:auto;
	max-height:300px;
	max-width:420px;
}
#portfolio-filter {
	border: none;
	border-radius: 0;
	margin-bottom: 20px;
}
#portfolio-filter li {
	width: 50%;
	margin-bottom: 3px;
}
#portfolio-filter li a {
	text-align: center;
	border-left: none;
	padding: 12px 18px !important;
	border-radius: 2px !important;
	border: 1px solid rgba(0,0,0,0.07);
}
#portfolio-filter li a:hover { color: #1ABC9C; }
#portfolio-filter li.activeFilter a {
	color: #FFF;
	margin: 0;
}
#portfolio-shuffle { display: none; }

.fancytable2 th {
	width:25%;
}
.fancytable2 td {
	width:75%;
}
}

@media (max-width: 480px) {
#product-ov a {
	display:block;
	width:100%;
	float:left;
	overflow:hidden;
	text-decoration:none;
	padding: 1%;
	margin-top: 10px;
}
#product-ov a:hover {
	display:block;
	width:100%;
	float:left;
	overflow:hidden;
	text-decoration:none;
	padding: 1%;
}
#product-ov a ul li.product-img {
	display:block;
	height:180px;
	position:relative;
    overflow:hidden;
}
#product-ov a ul li.product-img img { 
	position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    max-width:100%;
	max-height:180px;
    margin:auto;
}
#product-info li .pt { display:block; float:left; width:24%; font-weight:bold;}
#product-info li .pwo { display:block; float:left; width:76%; font-weight:normal;}
#product-info li .field { display:block; float:left; width:24%; font-weight:bold; overflow:hidden}
#product-info li .value { display:block; float:left; width:76%; font-weight:normal;}
.itemarea {
	width:100%;
	margin-top:0;
	margin-bottom: 0;
	float: left;
}
.itemarea2 {
	width:100%;
	float: left;
	margin-top:0px;
}
.productpicbig-box {
	float: left;
	padding: 0px;
	display: block;
	width: 100%;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: 1px solid #E3E3E3;
}
div.container_img {
	width:100%;
	height:300px;
	overflow:hidden;
	position:relative;
	display:block;
	text-align:center;
	vertical-align:middle;
	margin: 0;
	padding: 0;
	float: left;
}
div.container_img img {
	position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    margin:auto;
	max-height:280px;
	max-width:280px;
}

#portfolio-filter li { width: 100%; }

}
