.fl_left{ float:left;}
.fl_right{ float:right;}
.about{ background:url(../images/about.jpg) no-repeat #FFF; background-size:100%; padding-left:45px; height:100%;}
.title h1{ font-size:22px; background:url(../images/title.jpg) no-repeat bottom left; padding:15px 0;}
.title h1 span{ background:url(../images/icon.jpg) no-repeat 0 5px;padding-left:15px;}
.about .main h2{ font-size:30px; margin:30px 0 20px; text-align:center;}
.about .main{ display:block; height:685px; padding:50px 30px 0 434px;}
.about .main p{ line-height:2em; padding:15px 20px; font-size:18px; margin-right:10px;}

figure { display:block; text-align: center;}
figure img{ max-width:373px; margin:0 auto; width:80%;}

.contact{ padding:0 5%;}
.form-horizontal .control-label{ text-align:left;} 
.form-control{ border-color: #666; height:37px;}
.btn-default{background-color:#666; border-color:#666;}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default
{ background-color:#000;  border-color:#000;}

.table>thead>tr>th{vertical-align: inherit; text-align:center;color:#FFF;}
tr.topname{
background: #e70004; /* Old browsers */
background: -moz-linear-gradient(left,  #e70004 0%, #8d0c05 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e70004), color-stop(100%,#8d0c05)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #e70004 0%,#8d0c05 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #e70004 0%,#8d0c05 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #e70004 0%,#8d0c05 100%); /* IE10+ */
background: linear-gradient(to right,  #e70004 0%,#8d0c05 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e70004', endColorstr='#8d0c05',GradientType=1 ); /* IE6-9 */
}
tr.topname table td{ width:100px;}
.tb_point{ padding:20px 0;}
.table-bordered{ border: none;}
table-bordered>thead>tr>th, .table-bordered>thead>tr>th, table-bordered>tbody>tr>th, .table-bordered>tbody>tr>th, table-bordered>tfoot>tr>th, .table-bordered>tfoot>tr>th, table-bordered>thead>tr>td, .table-bordered>thead>tr>td, table-bordered>tbody>tr>td, .table-bordered>tbody>tr>td, table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>td{ border: 1px solid #888;}

.table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>th, .table>caption+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>td, .table>thead:first-child>tr:first-child>td{ border:0;}

.table>thead:first-child>tr:first-child{ border-left:1px solid #e70004;}

/*tabs*/
.abgne_tab {clear: left;margin: 25px 0 15px;}
.abgne_tab ul,.abgne_tab li {margin: 0;padding: 0;list-style: none;}
.abgne_tab ul.tabs {width: 100%;/*height: 34px;*/ font-size:18px; font-family:Verdana, Geneva, sans-serif; border-bottom:4px solid #e50012;}
.abgne_tab ul.tabs li {float: left;height: 34px;line-height: 34px;overflow: hidden;position: relative; color:#333; width:117px; text-align:center}	
.abgne_tab ul.tabs li a {display: block;padding: 0;color: #333;text-decoration: none; font-family:'微軟正黑體';}
.abgne_tab ul.tabs li a:hover {background: #414242; color:#FFF;}
.abgne_tab ul.tabs li.active a{background: #414242;color: #FFF;}
.abgne_tab ul.tabs li.active a:hover {	background: #414242;color: #FFF;}
.abgne_tab div.tab_container { border-top: none;margin:0px 0 30px 0;}
.abgne_tab div.tab_container ul{ padding:0; margin:0;}
.abgne_tab div.tab_container ul li{ width:205px; display:table; float:left; margin-right:26px; margin-top:20px; border:1px solid #211d1c;}
.abgne_tab div.tab_container ul li:nth-child(4n+4){ margin-right:0;}
.abgne_tab div.tab_container ul li a{ display:block;}
.abgne_tab div.tab_container a img{ max-width:203px; max-height:205px;}
.abgne_tab div.tab_container a .img{ display:table-cell; vertical-align:middle; text-align:center; height:203px; width:205px;}
.abgne_tab div.tab_container span.txt{ width:100%; display:block; height:34px; line-height:25px; font-size:18px;}

/*page*/
#page{padding:0px 0 20px;}
#page a{ display:block; float:left; font-size:12px; width:20px; height:20px; text-align:center; /*line-height:18px;*/ border:1px solid #5d5d5d; background:#5d5d5d; margin:0 2px; color:#fff; border-radius:5px;}
#page a:hover{ background:#999; color:#FFF;}
#page span.current1{display:block; float:left; color:#5d5d5d; width:20px; height:20px; line-height:18px; text-align:center; border:1px solid #5d5d5d; margin:0 2px 0px 6px;border-radius:5px;}
#page a.next_pg{display:inline-block; background:url(../images/next.png) no-repeat center center transparent; width:20px; height:20px;text-align:center; border:0;}
#page a.prew_pg{display:inline-block; background:url(../images/prew.png) no-repeat center center transparent; width:20px; height:20px;text-align:center; border:0;}
#page span.sum{ height:20px; width:20px; text-align:center; float:left; border:1px solid #5d5d5d;border-radius:5px; background:#5d5d5d;color:#fff; font-size:12px}

.select-style{ border-radius:3px;}
.img-style span{ background:#333; padding:5px; color:#FFF; text-align:center; display:block;}

/*product*/
.big-img{ border:1px solid #999;}
.pro_inside .pull-left{ display:table; width:292px; height:290px;}
.pro_inside .pull-left .big-img{ display:table-cell; vertical-align:middle; text-align:center; }
.pro_inside .pull-left .big-img img{ max-width:290px; max-height:290px;}

.pro_inside .pull-right{ width:66%; max-width:600px;}
.pro_inside .pull-right h2{ font-size:18px; background:url(../images/title.jpg) no-repeat bottom left; padding:0 0 15px 0; margin:0;}
.pro_inside .pull-right h2 span{ background:url(../images/icon.jpg) no-repeat 0 0;padding-left:15px; }
.pro_inside .pull-right ul{ margin:0; padding:0; display:table;}
.pro_inside .pull-right ul li{ list-style:none; border:1px solid #333; float:left; margin-right:9px; margin-top:10px; width:75px; height:75px;}
.pro_inside .pull-right ul li span{ width:75px; height:75px; display:table-cell; text-align:center; vertical-align:middle;}
.pro_inside .pull-right ul li img{ max-width:73px; max-height:73px; margin-top:-1px}
.main{ display:block;}

.line{ background:#c1c1c1; display:block;}
.line div{ display:block; height:2px; background:#7c7e7d; width:20%;}
.line div.fl_left{ float:left;}
.line div.fl_right{ float:right;}


@media screen and (max-width: 1200px){
.abgne_tab div.tab_container ul li{ width:190px; display:table; float:left; margin-right:26px; margin-top:20px; border:1px solid #211d1c;}
.abgne_tab div.tab_container ul li:nth-child(4n+4){ margin-right:26px;}
.abgne_tab div.tab_container a img{ max-width:190px; max-height:190px;}
.abgne_tab div.tab_container a .img{ display:table-cell; vertical-align:middle; text-align:center; height:190px; width:190px;}
}

@media screen and (max-width: 1024px){
.pro_inside .pull-right{ width:65%; max-width:600px;}
}

@media screen and (max-width: 991px){
.pro_inside .pull-right{ width:63%; max-width:600px;}
.about .main{ padding:50px 30px 0 434px;}
.container{ width:auto;}	
.main iframe{ margin:30px 0;}
}
@media screen and (max-width: 945px){
.about .main{ padding:50px 30px 0 402px;}
}
@media screen and (max-width: 912px){
.about .main h2{ font-size:26px;}
.about .main{ padding:50px 30px 0 346px;}
.pro_inside .pull-right,.pro_inside .pull-left{ float:none !important; margin:0 auto;}
.pro_inside .pull-right{ margin-top:20px !important; width:100%; max-width:100%;}
}
@media screen and (max-width: 800px){
.about{ background:none; padding:0 20px 450px; background:url(../images/about_mobile.png) no-repeat center bottom;}
.about .main{ display:block; height:auto; line-height:1.8em; padding:0;}
.about seation figure,.about seation h2,.about seation p{ display:block;}
.about seation figure{ margin-top:25px;}
.about .main h2{ font-size:28px; text-align:center; line-height:2em;}
figure { display:block; text-align: center;}
figure img{ max-width:373px; margin:0 auto; width:80%;}
.abgne_tab ul.tabs li{ width:25%;}
.fl_left{ float:none;}
.fl_right{ float:none;}

}
@media (max-width: 479px){
.abgne_tab div.tab_container ul li{ width:205px; display:table; margin:15px auto 0; float:none; border:1px solid #211d1c;}
.abgne_tab div.tab_container ul li:nth-child(4n+4){ margin-right:auto;}
.abgne_tab div.tab_container a img{ max-width:205px; max-height:205px;}
.abgne_tab div.tab_container a .img{ display:table-cell; vertical-align:middle; text-align:center; height:205px; width:205px;}
.abgne_tab ul.tabs li{ width:33%;}

}