body,html,div,p,ul,ol,li,iframe {padding:0px; margin:0px;}
h1,h2 {font-style: normal; font-weight:normal; font-size:12px; line-height:normal; }
#wrapper {margin:0px auto;_margin:0px auto;width:1000px;}
.clear { clear:both;}
ul,li {list-style:none;}
img {vertical-align:middle;}
.menuPhoto img{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /*Best for Internet Explorer 8 */
filter: alpha(opacity=100); /*Internet Explorer 5, 6, 7, 8 */
-moz-opacity: 1; /* Old Mozilla Browsers */
-webkit-opacity: 1; /* Old Webkit browsers (Safari, Chrome, various others) */
-khtml-opacity: 1; /* Really old Safari browsers and Konqueror */
opacity: 1; /* Modern browsers */}
.menuPhoto:hover img{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*Best for Internet Explorer 8 */
filter: alpha(opacity=80); /*Internet Explorer 5, 6, 7, 8 */
-moz-opacity: 0.8; /* Old Mozilla Browsers */
-webkit-opacity: 0.8; /* Old Webkit browsers (Safari, Chrome, various others) */
-khtml-opacity: 0.8; /* Really old Safari browsers and Konqueror */
opacity: 0.8; /* Modern browsers */}
#content {overflow:hidden}
#content img{max-width:100%; height:auto}
#content ul,#content li{list-style:outside;}
#content li{ display: list-item;text-align: -webkit-match-parent;}
#content ul {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
}
/*TOP*/
#top {}
.top_logo { float:left; width:360px; height:87px;}
.top_right{width:640px; float:left; text-align:right; margin-top:20px; color:#3dab01; height:44px; line-height:44px; font-weight:bold}
#btn {height:43px; text-align:center}
.btn_line {background:url(../images/index_02.jpg); width:11px; height:43px; background-repeat:no-repeat; float:left}
.btn01{background:url(../images/index_05.jpg); width:101px; height:43px; cursor:pointer; background-repeat:no-repeat; float:left}
.btn01:hover{background:url(../images/index_05y.jpg); }
.btn02{background:url(../images/index_06.jpg); width:101px; height:43px; cursor:pointer; background-repeat:no-repeat; float:left}
.btn02:hover{background:url(../images/index_06y.jpg); }
.btn03{background:url(../images/index_07.jpg); width:101px; height:43px; cursor:pointer; background-repeat:no-repeat; float:left}
.btn03:hover{background:url(../images/index_07y.jpg); }
.btn04{background:url(../images/index_08.jpg); width:101px; height:43px; cursor:pointer; background-repeat:no-repeat; float:left}
.btn04:hover{background:url(../images/index_08y.jpg); }
.btn05{background:url(../images/index_09.jpg); width:101px; height:43px; cursor:pointer; background-repeat:no-repeat; float:left}
.btn05:hover{background:url(../images/index_09y.jpg); }
.btn06{background:url(../images/index_10.jpg); width:101px; height:43px; cursor:pointer; background-repeat:no-repeat; float:left}
.btn06:hover{background:url(../images/index_10y.jpg); }
.btn07{background:url(../images/index_11.jpg); width:101px; height:43px; cursor:pointer; background-repeat:no-repeat; float:left}
.btn07:hover{background:url(../images/index_11y.jpg); }
.btn08{background:url(../images/index_12.jpg); width:101px; height:43px; cursor:pointer; background-repeat:no-repeat; float:left}
.btn08:hover{background:url(../images/index_12y.jpg); }
.btn09{background:url(../images/index_13.jpg); width:101px; height:43px; cursor:pointer; background-repeat:no-repeat; float:left}
.btn09:hover{background:url(../images/index_13y.jpg); }
.btn01en{background:url(../images/index_ch_05.jpg); width:101px; height:43px; cursor:pointer; background-repeat:no-repeat; float:left}
.btn01en:hover{background:url(../images/index_ch_05y.jpg); }
.btn02en{background:url(../images/index_ch_06.jpg); width:101px; height:43px; cursor:pointer; background-repeat:no-repeat; float:left}
.btn02en:hover{background:url(../images/index_ch_06y.jpg); }
.btn03en{background:url(../images/index_ch_07.jpg); width:101px; height:43px; cursor:pointer; background-repeat:no-repeat; float:left}
.btn03en:hover{background:url(../images/index_ch_07y.jpg); }
.btn04en{background:url(../images/index_ch_08.jpg); width:101px; height:43px; cursor:pointer; background-repeat:no-repeat; float:left}
.btn04en:hover{background:url(../images/index_ch_08y.jpg); }
.btn05en{background:url(../images/index_ch_09.jpg); width:101px; height:43px; cursor:pointer; background-repeat:no-repeat; float:left}
.btn05en:hover{background:url(../images/index_ch_09y.jpg); }
.btn06en{background:url(../images/index_ch_10.jpg); width:101px; height:43px; cursor:pointer; background-repeat:no-repeat; float:left}
.btn06en:hover{background:url(../images/index_ch_10y.jpg); }
.btn07en{background:url(../images/index_ch_11.jpg); width:101px; height:43px; cursor:pointer; background-repeat:no-repeat; float:left}
.btn07en:hover{background:url(../images/index_ch_11y.jpg); }
.btn08en{background:url(../images/index_ch_12.jpg); width:101px; height:43px; cursor:pointer; background-repeat:no-repeat; float:left}
.btn08en:hover{background:url(../images/index_ch_12y.jpg); }
.btn09en{background:url(../images/index_ch_13.jpg); width:101px; height:43px; cursor:pointer; background-repeat:no-repeat; float:left}
.btn09en:hover{background:url(../images/index_ch_13y.jpg); }
/**
@ demo */
.slider {
width:735px;height:205px; float:left; margin-bottom:10px;
overflow:hidden;
}
.switchable-box {
position:relative;
width:735px;
height:205px;
overflow:hidden;
}
.switchable-content {
}
.switchable-content img {
width:735px;
height:205px
}
.switchable-content > a {
display:block;
}
.switchable-panel {
position:absolute;
width:1000px;
}
.switchable-panel img {
width:735px;
height:205px;
}
.switchable-caption {
display:none;
position:absolute;
left:0;
bottom:0;
z-index:8;
padding:5px 10px;
overflow:hidden;
width:100%;
opacity:0.8;
color:#FFFFFF;
background-color:#000000;
}
.ui-arrow a {
display:block;
position:absolute;
top:45%;
z-index:9;
width:30px;
height:30px;
text-indent:-9999px;
background:url("../images/arrows.png") no-repeat 0 0;
cursor:pointer;
}
.ui-arrow .ui-prev {
left:15px;
}
.ui-arrow .ui-next {
right:15px;
background-position:-30px 0;
}
.switchable-nav {
padding:0px; position:relative;top:-30px; z-index:99;
text-align:center;
}
.switchable-nav li {
display:inline-block;
*display:inline;
zoom:1;
width:22px;
height:22px;
margin:0 2px;
text-indent:-9999px;
*text-indent:0;
*font-size:0;
overflow:hidden;
background:url("../images/bullets_a.png") no-repeat 0 0;
cursor:pointer;
}
.switchable-nav li.active {
background-position:0 -22px;
}
/**
@ api */
.switchable {
width:1000px;
margin:20px auto 0;
}
.api-section {
margin:10px 0;
font-family:tahoma,"Microsoft YaHei",sans-serif;
color:#444444;
}
.api-section h2 {
padding:8px 0;
font-weight:normal;
font-size:18px;
}
.api-simple {
margin-left:30px;
font-size:14px;
}
.api-simple a {
color:#00A0E9;
}
.api-data {
margin:0 0 10px 30px;
padding-bottom:10px;
border-bottom:1px dotted #CCCCCC;
font-size:14px;
}
.api-data p {
margin:5px 0;
}
.api-data dt {
font-weight:bold;
color:#9F2A2A;
}
.api-data dd {
margin-left:30px;
}
.api-note {
margin:1em 0;
border:1px solid #D1D1D1;
background-color:#F8F8F6;
}
.api-note h3 {
padding:0.3em 0 0.3em 0.8em;
border-bottom:1px solid #D1D1D1;
font-size:12px;
font-weight:bold;
background-color:#EEEEEE;
}
.api-ui-note {
margin:0.5em 1em;
}
.highlight-html {
margin:10px 0;
padding:10px;
border:1px solid #D1D1D1;
border-radius:2px 2px 2px 2px;
font:14px/1.5 'Consolas','Deja Vu Sans Mono','Bitstream Vera Sans Mono',monospace;
background-color:#F8F8F6;
}
/**
@ ui-quote */
.ui-quote {
padding:20px;
border:2px dashed #DDDDDD;
font-size:14px;
background-color:#FFFFFF;
}
.ui-quote p {
margin:10px 0;
}
.ui-config {
margin:0 30px;
}
.ui-config * {
vertical-align:middle;
}
.x-random {
padding:0 70px;
}
/*Center*/
#center {width:1000px;}
#index_center {width:735px; float:left; margin-right:10px;}
.index_news {width:360px; float:left;}
.index_news01 {height:17px; background:url(../images/index_en_18.jpg); background-repeat:no-repeat; text-align:right; padding-right:5px; margin-bottom:10px;}
.index_news03 {height:17px; background:url(../images/index_en_21.jpg); background-repeat:no-repeat; text-align:right; padding-right:5px; margin-bottom:10px;}
.index_news01ch {height:17px; background:url(../images/index_18.jpg); background-repeat:no-repeat; text-align:right; padding-right:5px; margin-bottom:10px;}
.index_news03ch {height:17px; background:url(../images/index_21.jpg); background-repeat:no-repeat; text-align:right; padding-right:5px; margin-bottom:10px;}
.index_news02 {height:24px; line-height:24px; border-bottom:1px dotted #bebebe}
.index_news02a {float:left; width:285px;overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;}
.index_news02b {float:left; width:75px; text-align:right; color:#949fa5}
.index_product {width:255px; float:left;}
.index_product01 {height:17px; background:url(../images/index_en_16.jpg); background-repeat:no-repeat; text-align:right; padding-right:5px; margin-bottom:10px;}
.index_product01ch {height:17px; background:url(../images/index_16.jpg); background-repeat:no-repeat; text-align:right; padding-right:5px; margin-bottom:10px;}
.index_product01a {width:239px; height:180px; margin-bottom:10px; text-align:center; margin-left:7px; margin-right:7px;}
.index_product01b {width:239px;line-height:20px; color:#707070; margin-bottom:8px; margin-left:7px; margin-right:7px;}
.index_product01c {width:239px;line-height:20px; color:#707070; margin-left:7px; margin-right:7px;}
.index_contact {float:leftl;}
.route {width:1000px; height:40px; line-height:40px; text-align:right;color:#999999}
.route a {font-weight:bold; color:#000000}
/*Down*/
.down {background:url(../images/index_33.jpg); background-repeat:no-repeat; text-align:center; padding-top:15px; padding-bottom:15px; color:#3f3e3e; line-height:2.0; margin-top:20px;}
.down a {color:#3f3e3e}
.down_box {float:left; text-align:left; padding-left:25px;width:224px; margin-top:10px; border-right:1px solid #ededed; height:230px; margin-bottom:10px;}
.down_box01 {float:left; text-align:left; padding-left:25px; padding-right:25px; width:200px; margin-top:10px; height:230px; margin-bottom:10px;}
/*Left*/
#wrapper #left{width:220px; margin-right:30px; float:left;line-height: initial;}
.left_01 {height:53px; background:url(../images/about_01.jpg)}
.left_02 {background:url(../images/about_02.jpg)}
.left_03 {height:13px; background:url(../images/about_03.jpg)}
.left_04 {height:53px; background:url(../images/about_07.jpg)}
.left_05 {height:53px; background:url(../images/about_08.jpg)}
.left_01en {height:53px; background:url(../images/about_01en.jpg)}
.left_04en {height:53px; background:url(../images/about_07en.jpg)}
.left_05en {height:53px; background:url(../images/about_08en.jpg)}
/*產品應用分類*/
.left_appliance{}
.left_appliance li {padding-top: 10px;}
.left_appliance_title {
padding-left: 10px; height:24px; line-height:24px;
}
.left_appliance_title a:link {color: #378800;text-decoration: none;}
.left_appliance_title a:visited {text-decoration: none;color: #378800;}
.left_appliance_title a:hover {text-decoration: none;color:#000000;}
.left_appliance_title a:active {text-decoration: none;}
/*分類*/
#qaContent {
width: 220px; background:url(../images/about_02.jpg);
}
#qaContent h3.qa_group_1 {
}
#qaContent h3.qa_group_2 {
}
#qaContent ul.accordionPart {
}
#qaContent ul.accordionPart li {
padding-top: 10px;
}
#qaContent ul.accordionPart li .qa_title {
padding-left: 10px; line-height:24px;
color: #378800;
cursor: pointer;text-indent: -14px; margin-left: 14px;
}
#qaContent ul.accordionPart li .qa_content { padding-left:23px; padding-right:10px; line-height:2.0;
color: #8f8e8e;
}
/*Right*/
#wrapper #right{float:left; width:750px; line-height: initial;}
.right_title {background:url(../images/symbol/line02.gif); background-repeat:repeat-x; width:750px;height:42px; line-height:42px;margin-bottom:20px; line-height:normal}
/*#re_title{ height:42px; line-height:42px; background-color:#FFFFFF;float:left; padding-right:10px;}*/
#re_title{ height:42px; background-color:#FFFFFF;float:left; padding-right:10px;}
/*產品介紹*/
.product_box01 {width:750px; margin-bottom:15px; border-bottom:1px dashed #dcdcdc; padding-bottom:10px;}
.product_box02 {width:240px; margin-left:5px; margin-right:5px; float:left;}
.product_box02_img {width:238px; height:179px; line-height:23px; text-align:center; border:1px solid #bfbfbf}
.product_box02_img img{margin:0px; border:0; width:238px \9; max-height:179px; max-width:238px; width:expression(this.width >238 && this.height < this.width ? 179: true); height: expression(this.height > 179 ? 179: true);}
.product_box02_title {text-align:left; padding-left:5px; padding-right:5px; line-height:1.5;}
.product_box02_title a:hover {font-weight:bold;}
.product_box03 {width:365px; margin-left:5px; margin-right:5px; float:left}
.product_box03_img {width:150px; height:113px; line-height:113px; float:left; margin-right:5px;text-align:center; border:1px solid #bfbfbf}
.product_box03_img img{margin:0px; border:0; width:238px \9; max-height:113px; max-width:150px; width:expression(this.width >150 && this.height < this.width ? 113: true); height: expression(this.height > 113 ? 113: true);}
.product_box03_text {width:203px; line-height:1.5; padding-right:5px; float:left; color:#434343;}
.product_box04 {width:750px; margin-bottom:15px; border-bottom:1px dashed #dcdcdc; padding-bottom:10px; overflow:hidden}
.product_box05 {width:240px; margin-left:5px; margin-right:5px; float:left;}
.product_box05_img {width:238px; height:179px; line-height:179px; text-align:center;}
.product_box05_img img{margin:0px; border:0; width:238px \9; max-height:179px; max-width:238px; width:expression(this.width >238 && this.height < this.width ? 179: true); height: expression(this.height > 179 ? 179: true);}
.product_box05_title {text-align:center; padding-left:5px; padding-right:5px; line-height:1.5;font-weight:bold;}
.product_box05_title a:hover {color:#000000}
.product_box06 {width:750px; margin-bottom:15px; border-bottom:1px dashed #dcdcdc; padding-bottom:20px; overflow:hidden}
.product_box07 {width:750px; overflow:hidden; list-style:none}
.product_box07a {float:left; width:70%}
.product_box07a img{max-width:100%; height:auto}
.product_box07b {float:right; width:29%; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; line-height:2.5;}
.product_box07b img{vertical-align:middle}
.product_page {text-align:center}
.product_download {width:143px; height:27px; background:url(../images/symbol/download_170425.png); background-repeat:no-repeat; cursor:pointer;}
.product_download:hover {background:url(../images/symbol/download_170425yy.png); background-repeat:no-repeat}
.product_quick {width:143px; height:27px; background:url(../images/symbol/quick_170425.png); background-repeat:no-repeat; cursor:pointer; margin-bottom:5px;}
.product_quick:hover {background:url(../images/symbol/quick_170425y.png); background-repeat:no-repeat}
.product_pdf {width:100%; height:100%;}
.product_pdf01 {width:100%; background:url(../images/pdf_bg.png); background-repeat:repeat-x;}
.product_pdf02 {width:1000px; margin:0 auto;color:#FFFFFF; padding-bottom:5px;}
.product_pdf02a { padding-left:10px;height:45px; line-height:45px; font-weight:bold;}
.product_pdf02b {padding-left:10px;font-weight:bold; line-height:2.0; margin-bottom:10px;}
.product_pdf02_text {border:1px solid #FFFFFF; background:#229e02; width:60px; padding:3px; color:#FFFFFF; font-weight:bold;}
.product_pdf02_btn {border:1px solid #FFFFFF; background:#229e02; padding:3px; color:#FFFFFF; font-weight:bold; cursor:pointer}
/*最新消息*/
.news_box01 {width:750px; margin-bottom:20px; padding-bottom:20px; border-bottom:1px dashed #DDDDDD;}
.news_box01a {float:left; width:70px; height:65px; margin-right:10px; color:#FFFFFF;text-align:center; background:#b8cc9c; line-height:30px; padding-top:5px; margin-left:10px;}
.news_box01b {width:650px; float:left; padding-right:10px; line-height:2.0; color:#666666}
.news_box01b a:link {color: #608c00;text-decoration: none;}
.news_box01b a:visited {text-decoration: none;color: #608c00;}
.news_box01b a:hover {text-decoration: none;color:#000000;}
.news_box01b a:active {text-decoration: none;}
.news_box01c {color:#608c00}
.news_line{margin-bottom:20px; padding-bottom:20px; border-bottom:1px dashed #DDDDDD;}
.news_back {text-align:right; padding-right:10px;}
.news_btn {border:1px solid #608c00; background:#FFFFFF; padding:3px; color:#608c00; font-weight:bold; cursor:pointer}
/*技術資料*/
.technology_line{margin-bottom:10px; padding-bottom:10px; border-bottom:1px dashed #DDDDDD; color:#a40000}
.technology_box01 {margin-top:10px; margin-bottom:10px; width:750px; line-height:36px;}
.technology_box01a {width:200px; margin-right:10px; float:left}
.technology_box01b {width:540px; float:left;}
.technology_list {width:530px; height:30px; border:1px solid #a0a0a0; background:#eeeeee; padding:3px;color:#404040;}
.technology_btn {text-align:right}
.technology_title {margin-bottom:10px; margin-top:20px; color:#378800}
.technology_title a:link {color: #378800;text-decoration: none;}
.technology_title a:visited {text-decoration: none;color: #378800;}
.technology_title a:hover {text-decoration: none;color:#378800;}
.technology_title a:active {text-decoration: none;}
.technology_box02 {width:728px; border:1px solid #DDDDDD; padding-top:10px; padding-left:10px; padding-right:5px;}
.technology_box03 {width:728px;margin-bottom:10px; }
.technology_box03a {width:359px; padding-right:5px; float:left; line-height:2.0}
/*樣品申請*/
.inquiry_box01 {width:750px;}
.inquiry_box02 {width:750px;height:30px; line-height:30px;}
.inquiry_box02a {float:left; width:335px; margin-right:1px; background:#229e02; text-align:center; color:#FFFFFF; font-weight:bold}
.inquiry_box02b {float:left; width:335px; margin-right:1px; background:#229e02; text-align:center; color:#FFFFFF; font-weight:bold}
.inquiry_box02c {float:left; width:78px; background:#229e02; text-align:center; color:#FFFFFF; font-weight:bold}
.inquiry_box02d {float:left; width:335px; margin-right:1px; text-align:center; padding-bottom: 5000px; margin-bottom: -5000px;; background:#f1f1f1; font-weight:bold; }
.inquiry_box03 {width:414px; float:left; padding-bottom: 5000px; margin-bottom: -5000px; background:#f1f1f1}
.inquiry_box03a {float:left; width:325px; border-right:1px solid #FFFFFF; text-align:left; padding-left:10px;}
.inquiry_box03b {float:left; width:78px; text-align:center}
.inquiry_box04 {width:750px;line-height:30px; overflow:hidden; margin-bottom:1px;}
.inquiry_line01 {margin-bottom:10px; padding-bottom:10px; border-bottom:1px dashed #DDDDDD; color:#a40000}
.inquiry_title {margin-bottom:10px; margin-top:10px; color:#a40000; line-height:1.5}
.inquiry_box05 {margin-top:10px; margin-bottom:10px; width:750px; line-height:36px;}
.inquiry_box05a {width:200px; margin-right:10px; float:left}
.inquiry_box05b {width:540px; float:left;}
.inquiry_list {width:530px; height:30px; border:1px solid #a0a0a0; background:#eeeeee; padding:3px;color:#404040;}
.inquiry_list02 {width:400px; height:30px; border:1px solid #a0a0a0; background:#eeeeee; padding:3px;color:#404040;}
.inquiry_text {width:530px; height:200px; border:1px solid #a0a0a0; background:#eeeeee; padding:3px;color:#404040;}
.inquiry_btn {text-align:right}
.inquiry_text02 {width:290px; height:13px; border:1px solid #a0a0a0; background:#FFFFFF; padding:3px;color:#404040; margin-top:5px; margin-bottom:5px;}
.inquiry_text03 {width:290px; height:13px; border:1px solid #a0a0a0; background:#FFFFFF; padding:3px;color:#404040; margin-top:5px; margin-bottom:5px;}
.inquiry_text04 {width:50px; height:13px; border:1px solid #a0a0a0; background:#FFFFFF; padding:3px;color:#404040; margin-top:5px;}
/*聯絡我們*/
.contact_title {text-align:right; margin-bottom:20px;margin-top:10px; padding-top:10px; border-top:1px dashed #DDDDDD;}
/*競爭對手查詢*/
.searchpro_title {line-height:2.0}
.searchpro_box01 {width:750px; line-height:2.0; margin-top:10px;}
.searchpro_box01a {float:left; width:200px; margin-right:1px; background:#229e02; text-align:center; color:#FFFFFF; font-weight:bold}
.searchpro_box01b {float:left; width:549px; background:#229e02; text-align:center; color:#FFFFFF; font-weight:bold}
.searchpro_box02 {width:750px; overflow:hidden; line-height:2.0; margin-top:1px; border-bottom:5px solid #eeeeee}
.searchpro_box02a {float:left; width:190px; padding-right:5px; padding-left:5px; background:#eeeeee; text-align:center; font-weight:bold;padding-bottom: 5000px; margin-bottom: -5000px;}
.searchpro_box02b {float:left; width:539px;margin-left:1px; padding-right:5px; padding-left:5px;background:#eeeeee; text-align:left; color:#434343;padding-bottom: 5000px; margin-bottom: -5000px; }
.searchpro_download {width:143px; margin-left:28px; height:27px; background:url(../images/symbol/download_170425.png); background-repeat:no-repeat; cursor:pointer;}
.searchpro_download:hover {background:url(../images/symbol/download_170425yy.png); background-repeat:no-repeat}
/*會員中心*/
.member_box01 {width:750px; line-height:2.0; border-bottom:1px dashed #DDDDDD; padding-bottom:10px; margin-bottom:20px;}
.member_box01a {width:30%; float:left;color:#a40000}
.member_box01b {width:100%; float:left; text-align:right}
.member_box01c {color:#a40000}
.member_box01d {width:70%; float:left; text-align:right; color:#ae0f0f; line-height:1.5}
.member_box01e {color:#a40000}
.member_box02 {width:750px; height:30px; line-height:30px; color:#FFFFFF; font-weight:bold; text-align:center; margin-bottom:1px;}
.member_box02a {float:left; width:130px; margin-right:1px; background:#229e02}
.member_box02b {float:left; width:420px; margin-right:1px; background:#229e02}
.member_box02c {float:left; width:198px; background:#229e02}
.member_box03 {width:750px; height:30px; line-height:30px; color:#313131; margin-bottom:1px; overflow:hidden; padding-bottom:10px;}
.member_box03a {float:left; padding-bottom: 5000px; margin-bottom: -5000px; padding-top:3px;text-align:center; width:130px; margin-right:1px; background:#f1f1f1; color:#3f5941}
.member_box03b {float:left; padding-bottom: 5000px; margin-bottom: -5000px; padding-top:3px; width:400px; padding-left:10px; padding-right:10px; margin-right:1px; background:#f1f1f1}
.member_box03c {float:left; padding-bottom: 5000px; margin-bottom: -5000px; padding-top:3px;text-align:center; width:198px; background:#f1f1f1; color:#000000}
.member_title {margin-top:10px; color:#378800}
/*產品應用*/
.app_btn {display:inline-block;}
#app_bg{
position:fixed;
top:0;
z-index:888;
width:100%;
height:100%;
margin:0 auto;
background-color:rgba(0,0,0,0.7);
display:none;
}
#app_box {width:185px; padding:10px 10px 10px 10px; overflow-y:auto; position:absolute; z-index:9999; left:50%; top:10%; margin-left:-92.5px;; background:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; line-height:1.7;display:none;}
#app_box video{width:100%; height:auto}
#app_box01 {margin:10px 0px 0px 0px;}
#app_box01 p{color:#3eb67f; font-family:"微軟正黑體",Arial, Helvetica, sans-serif; font-size:17px}
#app_box01 a{display:inline-block; margin-right:1em}
/*銷售代理商*/
.agents_list01 {width:100%; list-style:none; margin:20px 0px; overflow:hidden}
.agents_list_left{width:48%; float:left}
.agents_list_right{width:48%;float:right}
.agents_list01 .agents_list01a{display:block; width:100%; padding:5px 0px; font-family:"微軟正黑體"; font-size:18px; color:#22ac38; font-weight:bold; border-bottom:1px solid #22ac38;}
.agents_list01 .agents_list01b{display:block; width:100%;}
.agents_list01 .agents_list01b .agents_list02{display:block; vertical-align:top; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:1.7; color:#434343; width:100%; margin:10px 0px;}
.agents_list01 p{display:block; margin:10px auto; margin-bottom:20px; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold;color:#434343;}
#index_box01 {width:1000px; margin:0px auto; list-style:none; text-align:center; position:absolute; left:50%; margin-left:-500px; z-index:99999; top:50%; margin-top:-185px; font-family:"微軟正黑體"; font-size:18px; font-weight:bold; color:#fff}
#index_box01 a{display:inline-block; margin:0px 1%; padding:15px; line-height:1.0; color:#ffffff; background:#24ac00;
transition-property:background 0.5s;
-moz-transition:background 0.5s; /* Firefox 4 */
-webkit-transition:background 0.5s; /* Safari and Chrome */
-o-transition:background 0.5s; /* Opera */}
#index_box01 a:hover{background:#197900}
#index_box01 #index_box01b{font-size:20px;;text-shadow:2px 2px 2px #000}
#index_box01 img{width:20%; height:auto; border:0px; margin-bottom:30px;}
#text_box01{display:none; width:750px; position:fixed; left:50%; top:20%; margin-left:-375px; background:#FFFFFF; padding:34px 17px 17px 17px; font-family:"微軟正黑體"; font-size:15px; line-height:2; z-index:9000}
#text_bg{display:none; width:100%; width:100%; height:100%; left:0px; top:0px; position:fixed; z-index:8999; background:rgba(0,0,0,0.5)}
#test_close {display:block; width:15px; height:15px; background:url(../images/close.png) no-repeat center; background-size:contain; position:absolute; top:5px; right:5px;}
.top_logo_en {
float: left;
width: 315px;
height: 87px;
}
.top_right_en {
width: 685px;
float: left;
text-align: right;
margin-top: 20px;
color: #3dab01;
height: 44px;
line-height: 44px;
font-weight: bold;
}
.float_t01{
line-height:1.5;
font-size:22px;
margin: 0% 0px 10px 0px;font-weight:bold;padding-bottom:10px;border-bottom:3px solid #f2f2f2;}
.float_bg {
display:none;
position:fixed;
left:0px;
top:0px;
z-index:9999999;
width:100%;
height:100%;
background:rgba(0,0,0,0.7);}
.float_box01 {
display:none;font-family:"微軟正黑體";color:#656565;
position:fixed;
left:50%;
top:0px;
z-index:9999999;
width: 800px;
margin: 10% 0px 30px -400px;
border: 1px solid rgba(0,0,0,.2);
overflow: auto;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: rgba(0,0,0,0.5) 0px 5px 15px;
-moz-box-shadow: rgba(0,0,0,0.5) 0px 5px 15px;
box-shadow: rgba(0,0,0,0.5) 0px 5px 15px;
background: #ffffff;
behavior: url(pie/PIE.htc);
padding:16px;}
.float_box01b{
line-height:1.5;
font-size:14px;}
.float_box01a{
display:block;
text-align:center;
width:100%;
padding-top:8px;}
.float_box01a b{
display:inline-block;
cursor:pointer;
background:#cc0000;
color:#ffffff;
text-align:center;
padding: 10px 25px;
max-width: 96%;
margin: 0px 10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
behavior: url(pie/PIE.htc);
position: relative;
font-size: 0.8125em;}
.float_box01a b.float_no{background:#aaaaaa;}