@charset "big5";
/* CSS Document */
* { font-size: 12px; font-family: Arial, "Helvetica Neue" , Helvetica, Tahoma, Verdana, sans-serif;}
h1 ,h2 ,h3 {font-size: 16px;}
h4 , h5 ,h6{font-size: 14px;}
p {line-height: 1.5em; text-indent: 0px; margin-bottom: 1em;}
p,h1,h2,h3,h4,h5,h6,ul ,li, dl,dd {margin: 0px; padding: 0px;}
li {list-style-type: none;}
form {padding: 0px; margin: 0px; }
img {border: 0px;margin: 0px;vertical-align: top;}
a {text-decoration: underline;}
a:link { text-decoration: none;}
.hide{ display:none;}
.dk13{ font-size:14px; color:#333;}
.gr14{ font-size:14px; color:#44ac49; font-weight:bold;  }
.f12{ font-size:12px; color:#666; line-height: 160%;}
#bjf{ background:#FFFFFF;}
.t1 {background-color:#CCC; }
.t1 td { padding:8px; }

a:visited {  text-decoration: none;}
a:active {  text-decoration: none;}
a:hover {text-decoration: underline;}
.clearfix:after {display: block; height: 0px; visibility: hidden; clear: both; content: "."}
.clear{ clear:both;} 
body {margin: 0px auto; padding:0px; background: url(../images/bj.gif) no-repeat top left;}
/*width auto begin ---------------------------------------------------------------------------- */
#box {width: 972px;padding: 0px;margin: 0px auto;}
.header {width: 972px;margin: 0px auto;padding: 0px; }
.logo {margin: 23px 0px 0px 14px;width: 250px;float: left;}
.lang-nav {float: right; margin: 30px 0 0 0px;width: 170px;}
.lang-nav .lan {color: #999;}
.lang-nav .lan a {color: #0776bb;}
.top_nav {margin: 18px 0 10px 0px!important;margin: 18px 0 0 0px; width:972px; float: left;height:34px;}
.top_nav a {display:block; background: url(../images/nav_bj_o.gif) no-repeat top left; height:34px; }
.top_nav a.button_1{background-position: 0 -5px;float:left;width:163px;height: 34px;}
.top_nav a.button_1:hover{background-position:0px -44px}
.top_nav a.button_2{background-position: -164px -5px;float:left;width:137px;height: 34px;}
.top_nav a.button_2:hover{background-position:-164px -44px}
.top_nav a.button_3{background-position: -300px -5px;float:left;width:111px;height: 34px;}
.top_nav a.button_3:hover{background-position:-300px -44px}
.top_nav a.button_4{background-position: -411px -5px;float:left;width:110px;height: 34px;}
.top_nav a.button_4:hover{background-position:-411px -44px}
.top_nav a.button_5{background-position: -521px -5px;float:left;width:111px;height: 34px;}
.top_nav a.button_5:hover{background-position:-521px -44px}
.top_nav a.button_6{background-position: -632px -5px;float:left;width:111px;height: 34px;}
.top_nav a.button_6:hover{background-position:-632px -44px}

#search{ width:229px; float: right;background: url(../images/nav_bj_o.gif) no-repeat -5px right;  height:34px; margin:0px;}
#search ul{ margin:0px 0 0 33px; padding:0px;}
#search li{ float:left; margin: 6px 2px 0 0px; padding:0px; }
#search a{ background:none; height:22px; padding:0px; margin:0px; }
#search input {background-color: #dfeefb;border: 1px solid #c6e0f8; margin:1px 0 0 0!important; margin:0px; padding:0px;height:17px; color:#3093dd;}

 
.main {width: 972px;margin: 0px auto;padding: 0px;background: url(../images/973x1.gif) left top repeat-y;  }
.banner_top { width:972px; height:5px;background: url(../images/971x5.gif) left bottom no-repeat; margin:0px; padding:0px;}
.banner { width:965px;margin: 0px auto; padding: 0px 0px 2px 7px; background: url(../images/973x1.gif) left top repeat-y;}
.banner_bottom { width:972px; height:11px;background: url(../images/972x11.gif) left top no-repeat; margin:0px; padding:0px;}


.content { width:972px;margin: 0px auto;background: url(../images/973x1.gif) left top repeat-y; padding: 3px 0 0 0px;}
.content .c1 {float: left;width: 269px;background: url(../images/content_bj.gif) no-repeat right 9px; margin: 0px!important; margin: 0 0 0 5px; padding: 0px;}
.content .c1 ul {width: 242px;margin: 2px auto; }
.content .c1 .c1_li {margin: 0 0 5px 0px;padding: 0 0 5px 0px; }
.content .c1 li {width: 242px;margin: 5px auto!important;margin: 2px auto;}
.content .c1 h3 {background: url(../images/c1_03.gif) no-repeat left top; padding:0px 0px 0px 14px;}
.content .c1 h3 a { color: #0685b2; font-size:16px;}
.c1 .c1_img {width: 70px;float: left; margin: 3px 0 0 0px;}
.c1 p {font-size: 12px;color: #666;float: left; width: 160px; margin:0px; }
.c1 .c1_more { width: 220px; text-align:right; margin: 0px 15px 3px 0px;}

.content .c2 {float: left;width: 228px;background: url(../images/content_bj.gif) no-repeat right 9px; margin: 0 0 0px 5px; padding: 0 5px 0px 0px;}
.content .c2 h3{width: 120px; float:left; }
.content .c2 .more{float: right; padding: 5px 15px 0 0px; width:40px;}
.content .c2 ul {width: 220px;float: left;margin: 0px; background: url(../images/hm_news_bj.gif) no-repeat left top;}
.content .c2 li {margin: 14px auto 0px 0px!important; margin: 17px auto 0px 0px;padding: 0px 5px 0px 10px;}
.content .c2 a {font-size: 12px;color: #333;line-height: 150%; }
.content .c2 span {font-size: 12px;color: #666; margin: 0 0 0 5px;}

.content .c3 {float: left;width: 236px;background: url(../images/content_bj.gif) no-repeat right 9px; margin: 0 0 0px 5px; padding: 0 5px 0px 0px;}
.content .c3 ul {width: 230px; margin: 3px  auto  0px  auto;}
.content .c3 li { margin: 0px 0px 5px 0px;}

.content .c4 {float: left;width: 180px; margin: 0px 0px 0 10px; }
.content .c4  h3 {float: left;width: 180px;color:#007fca;font-size:14px;	border-top: 5px solid #007fca; margin: 5px auto 5px auto; padding: 4px 0 0 0px;}
.content .c4 p {font-size: 12px;color: #666;margin: 0px 0 3px 0px;padding: 0px;float: left;width: 178px;}
.content .c4 ul { float: left;width: 158px; margin: 10px 0px 0px 0px;}
.content .c4 li {margin: 0 0 10px 5px;background: url(../images/c4_li.gif) no-repeat left 5px; padding: 0 0 0 13px;}
.content_bottom{ width:972px; height:10px;background: url(../images/972x10.gif) no-repeat left top;}

.banner_02 { width:965px;margin: 0px auto; padding: 0px 0px 2px 7px; background: url(../images/973x1.gif) left top repeat-y;}
.left_nav {float: left;width: 210px;margin: 10px 5px 4px 15px!important; margin: 10px 0px 4px 12px;padding:0px; }
.left_nav h2  {background: url(../images/left_nav_all_bj.gif) left top no-repeat;height: 36px;width: 202px;margin: 0px;padding: 8px 0 0 18px!important;padding: 8px 0 0 18px;line-height: 30px;color:#82786f;  }
.left_nav  h2 a { color:#82786f; font-size:16px; }
.left_nav  h2 a:hover { color:#44ac49; font-size:16px;}
.left_nav ul {margin: 0px;padding: 0px; width:210}
.left_nav li {padding: 0px 0 5px 22px;margin: 0px;width:180px;background: url(../images/left_nav_all_bj.gif) -0px -37px no-repeat; height:30px;line-height: 22px;}

.left_nav a { color:#82786f; font-size:12px;  padding: 0 0 3px 0; }
.left_nav a:hover { color:#44ac49; font-size:12px;}
 #on{ color:#999;}
.left_nav_i {text-align: left; margin:0px; padding:0px;}
.leftnav_ft{ width:202px; margin:0px; padding:0px;}

.text,.products,.contact,.part,.player{float: right;width: 710px;margin: 0 10px 0 0px!important;margin: 0 10px 0 0px;padding: 5px 5px 20px 5px!important;padding: 5px 5px 30px 0px;}
.position {text-align: right;padding-right: 10px;color: #666;font-size: 12px;}
.position a {color: #666; font-size: 12px;}
.page_p  { width:680px;  margin:0px 0 17px 0; color:#666; padding:0px; float:right;}
.page_p  td { padding:0px 3px 0 0; font-size:12px; }
.news_tt {border-bottom: 1px dashed #66C64A; margin: 5px 0 12px 0;}
#news_hot {width: 670px;margin: 20px 0 30px 5px; float: left;}
#news_hot img {padding: 1px;border: 1px solid #66C64A;float: left;margin-right: 15px;}
#news_hot h5 {  margin:0px 0 8px 0px;  padding:0px;}
#news_hot h5 a {font-size: 14px;color: #66C64A;  }
#n_date {font-weight: normal;color: #999; margin: 0 0 0 6px; width:70px; float:left;}
#news_hot p {font-size: 12px;line-height: 180%; }
#news_hot a {font-size: 12px; color:#66C64A; margin: 0 0 0 15px;}
#Zoom {line-height: 180%; color:#333; font-family:"新細明體",Arial, Helvetica, sans-serif; width:640px;}
#Zoom a { color:#666;}
table.t1 {background-color:#CCC;}
.media {text-align: center;margin: 0px auto 25px auto; color:#999; width:680px; }
.media a {color:#999;}
.channel-commend {margin-top: 22px;text-align: right; width:650px;}
.describe {font-size:12px;color:#666;line-height: 180%; }
.product {background: url(../images/bj_play_all.gif) repeat-x left top;width: 700px; margin: 10px 0 0 0px;}
.policy { font-size:12px; width:650px; margin: 10px auto;}

.policy  h5{ margin: 30px 0px 10px 0px;}
.policy  p{ margin: 0px 0px 10px 0px;}

.product .play_01 {margin: 10px auto 10px auto!important; margin: 10px auto 10px auto ; padding: 10px 0 0 0px;text-align:center; }
.product .play_tt {margin: 10px auto 10px auto!important; margin: 10px auto 10px auto ; padding: 0px;text-align:center; }

.p_play {float: left;width: 300px;margin-top: 10px;margin-right: 15px;margin-left: 17px;}
.p_play  a {color: #25A1DD;}
.p_play .p_des span {margin-top: 5px;float: left; font-size:10px; font-family:"新細明體",Arial, Helvetica, sans-serif; width:180px;}
.p_play h6 { margin: 0 0 10px 0px; }
.p_play .p_img {float: left;width: 100px; padding:1px;  }
.p_play .p_des {float: left;text-align: left;text-indent: 0px;line-height: 120%;margin-left: 6px;font-size: 12px;color: #666; width:190px;}

.play_02 {width: 700px;margin: 10px 0 10px 0;padding: 0px;}
.play_02 ul {margin: 0px 0 0 15px;padding: 0px;}
.play_02 li {float: left;margin: 0px 7px 10px 0px;width: 220px;}
.play_03 {width: 420px;float: left;margin: 5px 0px 0px 13px!important;margin: 5px 0px 0px 7px;}
.play_04 {width: 250px;float: right;margin: 5px 0 10px 0px;}
.play_04 ul {margin: 0px;}
.play_04 li {margin: 0 0 5px 0;}
.play_06 {width: 200px;margin: 14px 0 0 0px; padding:0px; float:left;}
.play_07 {width: 207px;margin:14px 0 0px 7px;padding:0px; float:left;}
.products h2 {margin: 25px 0 0 0px;color: #333;font-size: 16px;}
.prodet_t{color:#333;float:left;width:350px;margin: 20px 0 10px 20px;line-height: 160%;}
.prodet_t a { color:#333;}

.prodet {width: 670px;margin: 10px 7px;}
.prodet_img {width: 250px;margin: 20px 0 0 0px; float:left; }
.prodet_img p {text-align: center;margin-bottom: 15px;}



.text h3{margin: 20px 0px;font-size: 16px;color: #2885AE;}
.text p { font-size: 12px;margin-bottom: 10px;color: #666;line-height: 180%;}
.text ul{ margin:0px  20px 0 0px; padding:5px 0 15px 0px; width:650px; }
.text li{margin: 0px; line-height:32px; padding: 0 0 0 10px;}
.text li a {color: #66c64a; }
.text li a:hover {color: #666;text-decoration: none;}
.text .newsli_bj{ background-color:#f6f6f6;}
.copyRight{ border-right: 1px solid #FFF; padding: 0 5px 0 0px; margin: 0 9px 0 0; }
.text span {color: #666;padding: 0 8px 0 0; }
.text h4 {text-align: center;color: #66C64A; font-size:16px;margin: 20px 0 10px 0;}
.contact h4 { margin:0px  0px 10px 7px;}
.contact h5 { margin:0px  0px 10px 0px;padding:18px 0 15px 0px;  border-top: 1px dashed #999;width:600px;}
.contact ul{margin:0px  20px 15px 20px;padding:5px 0 10px 0px;}
.contact li{ margin: 0px 0 5px 0px; color:#666;}
.contact li a {color: #66c64a; }
.contact p {color: #333; margin:0px  0px 15px 0px; line-height: 180%; width:650px;}
.part h5{margin:0px  0px 15px 0px;padding: 0px; width:700px;}
.part ul{margin:0px  20px 15px 20px;padding:5px 0 10px 0px;width:650px;}
.part li{ margin: 0px 15px 15px 0px; color:#666; float:left; border:1px solid #999; padding:1px; }
.news_td td{line-height: 160%;	border-bottom: 1px dashed #999; height:50px;}
.news_td a{color: #66c64a; }

.next {float: right;width: 645px;margin-top: 25px;color: #666; font-size:12px;}
.next  a { color:#66c64a;font-size:12px;}

.service{ margin:20px auto; padding:0px; width:650px; }
.service h6{ margin: 9px 0 10px 0px; }
.service p{font-size:12px; color:#666; line-height: 180%; margin: 9px 0 0 0px; }
.faq{ margin:20px auto; padding:0px; width:650px; color:#666; }
.faq input{ color:#666;}
.download   { border-right: 1px solid #C4D1E1; float:left; margin:10px 0 0 0px;}
.download td { padding:5px;color:#666;}
.download a{ padding:5px;color:#666;}
.tdbg_01 { background:#fff; border-left: 1px solid #C4D1E1; border-bottom: 1px solid #C4D1E1;  font-size:12px;  height:23px; } 
.tdbg_02 { background:#DEE8F5; border-top: 1px solid #C4D1E1;border-left: 1px solid #C4D1E1; border-bottom: 1px solid #C4D1E1; font-weight:bold;  height:23px; } 
.tdbg_03 { background:#F8F8F8; border-left: 1px solid #C4D1E1; border-bottom: 1px solid #C4D1E1;  font-size:12px; height:23px;  } 
.tdbg_05 { background:#fff; border-bottom: 1px solid #C4D1E1;   height:23px;  } 
.tdbg_06 {background:#F8F8F8; border-bottom: 1px solid #C4D1E1; height:23px;   } 


.footer {width: 962px;margin: 15px auto;padding: 0px; }
.footer ul {margin:0px 0 0px 282px!important; margin:0px 0 0px 290px;}
.footer li {border-right: #c1d0d7 1px solid;padding-right: 8px; display: inline; margin-right: 9px;}
.footer li.last {padding: 0px; margin: 0px;  border-right-width: 0px;}
.footer p { width: 962px;font-size:12px;color: #696969; text-align: center; margin: 5px 0 0 0px;}
.footer a {color: #696969; }

/*table auto begin ---------------------------------------------------------------------------- */
ol li {MARGIN: 8px;}
#con {font-size: 12px; margin:20px 0px; width: 640px;background: url(../images/bg_tabs.gif) repeat-x left top;}
#tags {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 400px; PADDING-TOP: 0px; HEIGHT: 30px; }
#tags li {BACKGROUND: url(../images/p2newtab_off_bg_l.gif) no-repeat left top; FLOAT: left; margin: 0 3px 0 0; LIST-STYLE-TYPE: none; HEIGHT: 31px;}
#tags li a {PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: url(../images/p2newtab_off_bg_r.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 0px; COLOR: #999; LINE-HEIGHT: 31px; PADDING-TOP: 0px; HEIGHT: 30px; TEXT-DECORATION: none;  font-weight:bold; font-size:12px; color:#666;}
#tags li.emptyTag {BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 4px;}
#tags li.selectTag {BACKGROUND-POSITION: left top; MARGIN-BOTTOM: -2px; POSITION: relative; HEIGHT: 31px;BACKGROUND: url(../images/p2newtab_on_bg_l.gif) no-repeat left top;}
#tags li.selectTag a {BACKGROUND-POSITION: right top; COLOR: #000; LINE-HEIGHT: 31px; HEIGHT: 31px;BACKGROUND: url(../images/p2newtab_on_bg_r.gif) no-repeat right top;color:#1f80c5;}
#tagContent { padding:1px; }
.tagContent {PADDING-RIGHT: 10px; DISPLAY: none; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; WIDTH: 626px; Color: #474747; PADDING-TOP: 10px;}
#tagContent div.selectTag {DISPLAY: block;}
.sjt{ width:550px; margin: 0 auto;}
 
.tag_01 { float:left; width:600px;}
.tag_01 li { margin: 2px 0 12px 0px;}
.pc_ts{ font-weight:bold; color:#66C64A;}
.ts_img { float:left; width:620px; margin: 14px 0 0 0px;}
.basic_dett {padding: 1px;border: 1px solid #ECECEC;width: 620px;margin: 0px  auto; background:#fff;}
.basic_det td {padding: 5px; color: #666;line-height: 180%; }
.bg_g {background-color: #F4FCED;border-top: 1px solid #fff; color: #333;border-bottom: 1px dashed #ECECEC;}

/*table auto end ---------------------------------------------------------------------------- */
.sol,.sol_dgs{ width:710px; margin: 0 auto; }
.sol ul{  margin: 0px ;}
.sol li{ float:left; margin: 0 3px 5px 0px; width:229px; background: url(../images/sol_bj.gif) no-repeat left bottom;}
.sol p {width: 200px;font-size: 12px;color: #666;line-height: 150%;padding: 8px 5px 12px 14px; }
.sol_m{padding: 0px; margin: 0px 0px 10px 15px;}


.sol_dgs_all{ width:700px;margin:20px 0 0 0px; float:left;}
.sol_dgs_case{ width:310px;  margin:15px auto; float:left;}
.sol_dgs_img{ width:303px;  margin:8px auto; padding:12px 0 20px 14px; background: url(../images/lcd_bj.gif) no-repeat left top ;  }
.sol_dgs_des{  margin:0px 0 15px 0px;}
.dgs_price{  width:700px;margin: 0px;}
.sol_dgs_des h1{   margin:10px 0 0 0px; color:#333 }
.sol_dgs_des p{margin:10px 0 0 0;color:#666;line-height:180%; font-size:12px;}
.sol_dgs_li{ width:680px;margin:0px; float:left;}
.sol_dgs_li ul { margin:15px 0 0 0px; }
.sol_dgs_li li { margin:0px 0 10px 0px; padding:0px; color:#333; line-height: 180%; font-size:12px}
.sol_dgs_all p{ color:#333; margin: 5px auto;}

.solution{ width:700px; margin: 10px auto; }
.solution p{  line-height: 180%; margin: 10px 0 0 0; color:#666;}
.solution ul{  margin: 10px 0px 0 0px ;}
.solution li{ float:left; margin: 0 23px 5px 0px; }
.solution a{  color:#73ce55; }
.s_t{ background:#f7f7f7;text-align:center;  font-size:12px; font-weight:bold;}

.saletitle {font-weight: bold; font-size: 12px; color: #676665;  background-color: #e4eaf1; text-align:left;}
.salesort0 {  text-align:left;border-right: medium none; border-top: medium none; font-size: 12px; border-left: medium none; color: #333333;  border-bottom: medium none;  }
.salesort {  text-align:left;border-right: medium none; border-top: medium none; font-size: 12px; border-left: medium none; color: #333333;  border-bottom: medium none;background-color:#aaa; padding-left:5px; }
.salecontent {  text-align:left;border-right: medium none; border-top: medium none; font-size: 12px; border-left: medium none; color: #666666; border-bottom: medium none; background-color: #ffffff;}

.sitemap{ width:800px; margin: 20px auto; color:#333;}
.sitemap h4{ width:600px; margin: 20px auto;  }
.site{ width:600px; margin: 20px auto;  }
.site a{ color:#666;  }
.site td { padding: 5px;}
.site_tt { font-weight:bold; background:#f6f6f6; color:#66c64a; padding: 6px 0 6px 12px;}
.site_td a,.site_td { color:#333;}
.site_tt  a{ color:#66c64a;}

.c_left{ width: 650px; float: left; margin: 10px 10px 10px 15px;}
.c_s_h2{border-bottom: 1px dashed #00CC66; margin: 0 0 15px 0px; padding: 0 0 10px 0px; color:#333;}
.c_l_fun{ line-height: 20px;}
.c_l_fun li{ width: 260px; float: left; margin: 0px 35px 25px 5px; padding: 0px; color:#666;}
.c_l_fun .l_pic{ width: 49px;float: left;}
.l_content{ width:210px; float: left; font-size:12px;}
.c_l_fun h3{ color: #65cb43; font-size: 14px; margin: 0px; padding: 0px;}
.play_li { margin:0px; padding:0px; float:left;}
.cms{ width:650px; margin: 30px auto;}
.cms h4{ margin: 0 0 10px 0px; color:#333;}
.cms ul{margin: 0 0 30px 0px;}
.cms li{margin: 0 0 15px 20px;color:#666;list-style-type: circle; line-height:160%;}
.led_ul {margin:0 0 0 15px; font-size:12px;}
.led_li { width:170px; float:left; margin:0 auto; height:230px;}
.player ol{ margin: 0px 0 0 16px; width:650px; font-size:12px;line-height:160%; }
.player ol li{ margin: 0 0 10px 0px; width:650px; font-size:12px;line-height:160%; }
.led_ul {margin:0 0 0 15px; font-size:12px;}
.led_li { width:170px; float:left; margin:0 auto; height:230px;}

.list ul{ margin: 15px 0 0px 0px; }
.list li{ margin: 0 0 8px 10px; color:#666; font-weight:normal; }
.s_list{ width:650px;}
.s_list ul{ margin: 15px 0 0px 0px; }
.s_list li{ margin: 0 0 8px 10px; color:#333; font-weight:normal; float:left; text-align:center;}
.s_list p{ margin: 0 0 8px 0px; }