@charset "utf-8";
/* YTM CSS */
*{margin:0; padding:0; -webkit-text-size-adjust:none;}
body{margin:0; padding:0; font-size:12px; font-family:Arial, Verdana, Helvetica, sans-serif; color:#333; line-height:140%; 
	background:#FFF url(images/bg.jpg) repeat;
	min-width:1000px;}
html, body{height:100%;}
img{border:none;}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:none; color:#ff5a00;}
table{border-collapse:collapse;}
th, td{vertical-align:top;}
form, p, ul, ol, li{margin:0; padding:0;}
li{list-style:none;}
.clear{clear: left;}
.page{ text-align:center; margin-top:10px; }
.errmsg{ font-size:15px; margin-bottom:10px; padding:10px; color:#BD211F; width:800px; border:1px solid #AA0000; background:#FFEEEE; text-align:left; }
.blockTitle{ font-weight:bold; text-align:left; font-size:15px; }
.must{ color:#FF0000; font-weight:bold; }
.none_border{ border:0px; background:transparent; }
.white_border{ border:0px;background:transparent; border-bottom:1px solid #AAAAAA; }
.blue_link{ color:blue; text-decoration:underline; }
.blue_link:hover{ color:green; }

/* IE6 PNG */
.ie6png{behavior:url(images/iepngfix.htc);}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.clearfix { zoom: 1; display: inline-block; _height: 1px }
*html .clearfix { height: 1% }
*+html .clearfix { height: 1% }
.clearfix { display: block }


/* Font size  */
.font11{font-size:11px;}
.font12{font-size:12px;}
.font13{font-size:13px;}
.font15{font-size:15px;}



/* 版型 */
#wrap{width:1000px; margin:0 auto;}
#header{position:relative; width:1000px; margin:0 auto; background:url(images/top_bg.jpg) top left no-repeat; height:77px;}
#container{ position:relative;width:1000px;height:auto!important;min-height:552px;height:552px; display:block; background:url(images/home_bg.jpg) top left no-repeat; }
#footer{ position:absolute; line-height:20px; right:15px; bottom:0px;  }
#header_page{position:relative; width:1000px; margin:0 auto; background:url(images/page_top.jpg) top left no-repeat; height:77px;}
#container_page{position:relative;width:1000px;height:auto!important;min-height:500px;height:500px; display:block;}
#footer_page{ position:relative; background:url(images/page_footer.jpg) top center no-repeat; height:25px; text-align:center; padding-top:30px; margin:0 auto;}


/* Header */
.logo{ position:absolute; left:20px; top:0px;}
.top_info{ position:absolute; right:22px; top:5px; color:#FFF;}
.top_info a{ color:#FFF;}
.top_info a:hover{ text-decoration:underline;}

/* Menu */
.menu{ width:410px; height:34px; position:absolute; left: 570px; top: 32px; }
.menu a{background:url(images/menu.png); display:block; height:34px; float:left; }
.menu a:hover{background:url(images/menu_over.png); display:block; }
.menu a#m1{width:95px; background-position:0px 0px;}
.menu a#m2{width:113px; background-position:-95px 0px;}
.menu a#m3{width:113px; background-position:-208px 0px;}
.menu a#m4{width:86px; background-position:-321px 0px;}

/* Menu -- LOGIN*/
.menu_L{ width:525px; height:34px; position:absolute; left: 465px; top: 32px; }
.menu_L a{background:url(images/menu_L.png); display:block; height:34px; float:left; }
.menu_L a:hover{background:url(images/menu_L_over.png); display:block; }
.menu_L a#m1{width:89px; background-position:0px 0px;}
.menu_L a#m2{width:111px; background-position:-89px 0px;}
.menu_L a#m3{width:114px; background-position:-313px 0px;}
.menu_L a#m4{width:92px; background-position:-427px 0px;}
.menu_L a#m5{width:113px; background-position:-200px 0px;}


/* Container */
#container .slogon{ position:absolute; left:62px; top:15px;}
.home_swf{ position:absolute; left:2px; bottom:0px;}
.news_block{ position:absolute; right:15px; top:250px; width:252px; height:246px; overflow:hidden; }
.news_block .list{ line-height:22px;}
.news_block .title{ margin-bottom:1px;}
.news_block .list tr{ border-bottom: solid 1px #3ca7cb;}
.news_block .list b{ color:#153498;}
.news_block .list p{ color:#000;}


.login_block{ position:absolute; right:15px; top:5px; width:252px; height:183px; }
.login_block .title{ margin-bottom:5px;}
.login_block .login_bg{ background:url(images/login_bg_C.png) repeat-y; width:224px; padding: 0px 15px;}
.login_block .login_bg td{ height:25px;}
.login_btn{ background:url(images/login_btn.png) bottom left no-repeat; width:80px; height:29px; border:none; }
.login_btn:hover{background:url(images/login_btn.png) top left no-repeat;}
.login_block .link{ text-align:right; padding-top:5px;}
.login_block .link a{ margin-left:5px; margin-right:5px; text-decoration:underline;}

.login_bg_L { background:url(images/login_bg_L.png) no-repeat; width:234px; height:126px; padding:8px 10px;}
.login_bg_L td{ height:20px;}
.login_bg_L a{margin-left:5px; margin-right:5px; text-decoration:underline;}

/* Footer */
#footer p{padding:0; margin:0; font-size:11px; color:#666;}


/* Input, Select, Textarea.... */
input[type=text],input[type=password], textarea, select{border:1px solid #aaa; font-size:12px; padding:2px; font-family:Verdana, Geneva, sans-serif;}
input[type=radio]{margin-right:2px;}

.style3 th{ text-align:right;}
/* PAGE */
.page_banner{ height:177px;}
#banner_a{background:url(images/page_banner_a.jpg) no-repeat;}
#banner_c{background:url(images/page_banner_c.jpg) no-repeat;}
#banner_m{background:url(images/page_banner_m.jpg) no-repeat;}
#banner_n{background:url(images/page_banner_n.jpg) no-repeat;}
#banner_p{background:url(images/page_banner_p.jpg) no-repeat;}
.page_banner .slogon{position:absolute; left:62px; top:15px;}
.page_banner .search{ position:absolute; left:656px; background:url(images/page_search.png) no-repeat; width:236px; height:129px; top: 4px; padding-top:25px; padding-left:30px; padding-right:45px; }
.page_banner .search td{ height:23px;}
.page_banner .search a{ margin-left:5px; margin-right:5px; text-decoration:underline;}
.page_banner .search_L{ position:absolute; left:656px; background:url(images/page_search_L.png) no-repeat; width:231px; height:129px; top: 4px; padding-top:25px; padding-left:35px; padding-right:45px; }
.page_banner .search_L td{ height:20px;}
.page_banner .search_L a{ margin-left:5px; margin-right:10px; color:#10bebc; text-decoration:underline;}
.content{ position:relative; background: #fff url(images/page_bg.jpg) left top no-repeat; height: auto; min-height:500px;}
.content .left_block{ float:left; position:relative;background:url(images/page_left.jpg) no-repeat; width:183px; height:auto; min-height:500px; margin-left:62px;}
.content .right_block{float:left; position:relative; width:684px; padding-left:18px;}
.content .right_block .title{ padding-top:5px;}
.content .right_block .con p{ text-indent:2em; line-height:22px;}


/*ABOUT*/
.about_sub a{ background:url(images/about.jpg) no-repeat; width:183px; height:40px;display:block; }
.about_sub a:hover{ background:url(images/about_over.jpg) no-repeat; }
.about_sub a#abo1{ background-position:0px 0px;}
.about_sub a#abo2{ background-position:0px -40px;}
.about_sub a#abo3{ background-position:0px -80px;}

/*NEWS*/
.news_sub a{background:url(images/news.jpg) no-repeat; width:183px; height:40px;display:block;}
.news_sub a#ne1{ background-position:0px 0px;}
.news_list{ line-height:13px;}
.news_list td{ border-bottom:solid 1px #CCC; height:20px; padding-top:15px;}
.news_list td a{ font-weight:bold; font-size:13px; color:#333;}
.news_list td a:hover{ color:#039;}
.news_view .title{ font-size:16px; font-weight:bolder; line-height:40px; background-color:#2892fd; color:#FFF; padding-left:10px;}
.news_view .date{line-height:30px; background-color:#d8ebfd;padding-left:10px;}
.news_view .text{ border:solid 1px #d8ebfd;padding-left:10px; padding:10px;}

/*CONTACT*/
.contact_sub a{background:url(images/contact.jpg) no-repeat; width:183px; height:40px;display:block;}
.contact_sub a#con1{ background-position:0px 0px;}
.contact_map{ position:relative;}
.contact_map .text{}
.contact_map .text th{ line-height:30px; font-size:13px;}
.contact_map .text td{ line-height:30px; font-size:15px;}
.contact_map .text td a{color:#666;}
.contact_map .text td a:hover{ color:#2D87EA;}

/*MEMBER*/
.member_sub a{ background:url(images/member.jpg) no-repeat; width:183px; height:40px;display:block;}
.member_sub a:hover{ background:url(images/member_over.jpg) no-repeat;}
.member_sub a#mem1{background-position:0px 0px;}
.member_sub a#mem2{background-position:0px -40px;}
.member_sub a#mem3{background-position:0px -80px;}
.member_sub a#mem4{background-position:0px -120px;}
.member_sub a#mem5{background-position:0px -160px;}
.member_sub a#mem6{background-position:0px -200px;}
.member_sub a#mem7{background-position:0px -240px;}

.con_block_top{ background:url(images/con_block_T.png) no-repeat; width:701px; height:5px;position:relative;}
.con_block_con{ background:url(images/con_block_C.png) repeat-y; width:686px; height: auto; padding: 15px 0px 15px 15px; position:relative;}
.con_block_bot{ background:url(images/con_block_B.png) no-repeat; width:701px; height:10px;position:relative;}
.con_block_tbg1{ background:url(images/member_tbg1.png) no-repeat; width:701px; height:34px;position:relative;}
.con_block_tbg2{ background:url(images/member_tbg2.png) no-repeat; width:701px; height:34px;position:relative; margin-top:10px;}
.con_block_tbg3{ background:url(images/member_tbg3.png) no-repeat; width:701px; height:34px;position:relative;}

.reg_list b{ font: "微軟正黑體"; line-height:26px;}
.reg_list th{ }
.reg_list td{ line-height:26px;}
.page_banner .search_L input[type=text],.reg_list input[type=text],.reg_list input[type=password]{border:solid 1px #D8D8D8; height:20px; background-position-x:right; padding: 0px 0px 0px 6px;}
.reg_list input[type=checkbox]{ margin-left:3px; margin-right:5px;}

.list_table th{ background-color:#EEFEFF; border-bottom:solid 2px #9DD6F7;}
.list_table td{ border-bottom:solid 1px #CCC; line-height:25px;}
.list_table2 td{ line-height:25px;}

/*PRODUCT*/
.product_sub a.level1{ background-position: left bottom; width:183px; height:41px;display:block;}
.product_sub a.level1:hover{ background-position: left top;}
.product_sub a.level2{ background:#2f9ffd; width:163px; height:20px;display:block; border-bottom: dashed 1px #FFF; color:#FFF; padding-left:20px; line-height:20px; }
.product_sub a.level2:hover{ color:#0CF; }

.product_sub a.level1_selected{ background-position: left top; }
.product_sub a.level2_selected{ background:#66CCFF; }


.pro_view_table td{ line-height:24px; }
.pro_view_table h1{ font-family:Arial, Helvetica, sans-serif "微軟正黑體"; padding:5px;}
.pro_view_table h2{ font-family:Arial, Helvetica, sans-serif "微軟正黑體"; font-size:19px; line-height:30px;}
.pro_view_table h2 img{ vertical-align:middle;}
.pro_view_table h3{ color:#666;}
.pro_view_table th{ text-align:left;}
.pro_view_table .sold_list{ margin:10px;}

.btn_reg{ border:none; background:url(images/btn_reg.png) no-repeat; width:90px; height:32px; cursor:pointer; }
.search_btn{ border:none; background:url(images/btn_search.png); width:52px; height:22px;}
.btn_refresh{background: url(images/icon_refresh.png) center center no-repeat; width:12px; height:12px; cursor:pointer;}

.pic_block{ width:218px; height:111px; overflow:hidden; position:relative;}
.pic_block .hot{ position:absolute; right:0px; bottom:0px; }
.pro_list a{ font: 12px "新細明體"; text-decoration:underline;}

.dm_title{ font: 20px "微軟正黑體"; font-weight:bold; color:#16459a;}
.btn_download{ background:url(images/btn_download.png) no-repeat; display:block; width:176px; height:54px; margin-top:60px;}


.errmsg{ font-size:11px; margin-bottom:10px; padding:10px; color:#BD211F; width:80%; border:1px solid #AA0000; background:#FFEEEE; text-align:left; }

.btn_qu{ background:url(images/btn_pro_qu.png) no-repeat; width:84px; height:28px; border:none; padding-left:10px;}
.btn_add{ background:url(images/btn_pro_ad.png) no-repeat; width:118px; height:28px; border:none; padding-left:15px;}
.btn_del{ background:url(images/btn_pro_del.png) no-repeat; width:18px; height:18px; border:none;}
.btn_adel{ background:url(images/btn_pro_adel.png) no-repeat; width:77px; height:28px; border:none; padding-left:15px;}
.btn_inport{ background:url(images/btn_pro_input.png) no-repeat; width:139px; height:28px; border:none; padding-left:20px;}
.pro_title_bg{ background:url(images/pro_title_bg.jpg) no-repeat; width:635px; height:34px; padding:0px; padding-left:50px; line-height:34px; color:#FFF; font-size:15px;}
.btn_save_org{background:url(images/btn_pro_sub.png) no-repeat; width:83px; height:28px; border:none; text-align:center;}
.info_table th{ text-align:right; padding-right:10px; line-height:35px;}

/*英文版CSS*/
.btn_download_e{ background:url(images/en/btn_download.png) no-repeat; display:block; width:176px; height:54px; margin-top:60px;}
.sub_title_en{ font-family:Arial; font-size:23px; font-weight:bold; line-height:28px;}
.page_banner .search_e{ position:absolute; left:656px; background:url(images/page_search.png) no-repeat; width:231px; height:137px; top: 4px; padding-top:19px; padding-left:35px; padding-right:45px; }
.page_banner .search_e td{ height:23px;}
.page_banner .search_e a{ margin-left:5px; margin-right:5px; text-decoration:underline;}
/* Menu */
.menu_e{ width:410px; height:34px; position:absolute; left: 665px; top: 32px; }
.menu_e a{background:url(images/en/menu.png); display:block; height:34px; float:left; }
.menu_e a:hover{background:url(images/en/menu_over.png); display:block; }
.menu_e a#m1{width:84px; background-position:0px 0px;}
.menu_e a#m2{width:65px; background-position:-84px 0px;}
.menu_e a#m3{width:84px; background-position:-149px 0px;}
.menu_e a#m4{width:80px; background-position:-233px 0px;}

/* Menu -- LOGIN*/
.menu_L_e{ width:525px; height:34px; position:absolute; left: 575px; top: 32px; }
.menu_L_e a{background:url(images/en/menu_L.png); display:block; height:34px; float:left; }
.menu_L_e a:hover{background:url(images/en/menu_L_over.png); display:block; }
.menu_L_e a#m1{width:84px; background-position:0px 0px;}
.menu_L_e a#m2{width:65px; background-position:-84px 0px;}
.menu_L_e a#m4{width:82px; background-position:-322px 0px;}
.menu_L_e a#m3{width:83px; background-position:-239px 0px;}
.menu_L_e a#m5{width:90px; background-position:-149px 0px;}

/*HOME*/
.search_btn_e{ border:none; background:url(images/en/btn_search.png); width:52px; height:22px;}

.login_btn_e{ background:url(images/en/login_btn.png) bottom left no-repeat; width:80px; height:29px; border:none; }
.login_btn_e:hover{background:url(images/en/login_btn.png) top left no-repeat;}

/*ABOUT*/
.about_sub_e a{ background:url(images/en/left_sub_bg.jpg) no-repeat; width:173px; height:40px;display:block; font: Arial; font-weight:bold; font-size:15px; text-align:right; line-height:40px; padding-right:10px; color:#FFF;}
.about_sub_e a:hover{ background:url(images/en/left_sub_bg.jpg) no-repeat; color:#000;}
.about_sub_e a#abo1{ background-position:0px 0px;}
.about_sub_e a#abo2{ background-position:0px -40px;}
.about_sub_e a#abo3{ background-position:0px -80px;}

/*NEWS*/
.news_sub_e a{background:url(images/en/left_sub_bg.jpg) no-repeat; width:173px; height:40px;display:block;font: Arial; font-weight:bold; font-size:15px; text-align:right; line-height:40px; padding-right:10px; color:#FFF;}
.news_sub_e a#ne1{ background-position:0px 0px;color:#000;}

/*CONTACT*/
.contact_sub_e a{background:url(images/en/left_sub_bg.jpg) no-repeat; width:173px; height:40px;display:block;font: Arial; font-weight:bold; font-size:15px; text-align:right; line-height:40px; padding-right:10px; color:#FFF;}
.contact_sub_e a#con1{ background-position:0px 0px;color:#000;}
.contact_map_e{ position:relative;}
.contact_map_e .text{}
.contact_map_e .text th{ line-height:25px; font-size:13px;}
.contact_map_e .text td{ line-height:25px; font-size:15px;}
.contact_map_e .text td a{color:#666;}
.contact_map_e .text td a:hover{ color:#2D87EA;}

/*MEMBER*/
.member_sub_e a{ background:url(images/en/left_sub_bg.jpg) no-repeat; width:173px; height:40px;display:block;font: Arial; font-weight:bold; font-size:14px; text-align:right; line-height:40px; padding-right:10px; color:#FFF;}
.member_sub_e a:hover{ background:url(images/en/left_sub_bg.jpg) no-repeat;color:#000;}
.member_sub_e a#mem1{background-position:0px 0px;}
.member_sub_e a#mem2{background-position:0px -40px;}
.member_sub_e a#mem3{background-position:0px -80px;}
.member_sub_e a#mem4{background-position:0px -120px;}
.member_sub_e a#mem5{background-position:0px -160px;}
.member_sub_e a#mem6{background-position:0px -200px;}
.member_sub_e a#mem7{background-position:0px -240px;}

.con_block_tbg1_e{ background:url(images/en/member_tbg1.png) no-repeat; width:701px; height:34px;position:relative;}
.con_block_tbg2_e{ background:url(images/en/member_tbg2.png) no-repeat; width:701px; height:34px;position:relative; margin-top:10px;}
.con_block_tbg3_e{ background:url(images/en/member_tbg3.png) no-repeat; width:701px; height:34px;position:relative;}

/*PRODUCT*/
.product_sub_e a.level1{background-position: left bottom; width:183px; height:41px;display:block;}
.product_sub_e a.level1:hover{background-position: left top;}
.product_sub_e a.level2{ background:#2f9ffd; width:163px; height:20px;display:block; border-bottom: dashed 1px #FFF; color:#FFF; padding-left:20px; line-height:20px; }
.product_sub_e a.level2:hover{ color:#0CF; }

.product_sub_e a.level1_selected{ background-position: left top; }
.product_sub_e a.level2_selected{ background:#66CCFF; }

/*vote*/
.btn_vote{ background:url(images/btn_vote.png) left top no-repeat; width:89px; height:24px;}
.btn_vote:hover{ background-position:left bottom;}
.btn_vote_e{ background:url(images/en/btn_vote.png) left top no-repeat; width:89px; height:24px;}
.btn_vote_e:hover{ background-position:left bottom;}

.vote_pic_list{ position:relative; width:62px; height:40px; overflow:hidden; float:left; margin-right:3px; margin-left:3px; margin-bottom:5px; border-left:solid 1px #CCC;border-right:solid 1px #CCC; border-top:solid 1px #FFF;border-bottom:solid 1px #FFF;}
.vote_pic_list:hover{border:solid 1px #C60;}
.vote_pic_list img{ position:absolute; left:-15%; height:40px;}

.banner_vote{position:absolute; z-index:99; }
.banner_vote a{ background:url(images/banner_vote.png) no-repeat; display:block; width:82px; height:48px;}
.banner_vote a:hover{ background:url(images/banner_vote_over.png) no-repeat;}

.banner_vote_e{position:absolute; z-index:99; }
.banner_vote_e a{ background:url(images/en/banner_vote.png) no-repeat; display:block; width:82px; height:48px;}
.banner_vote_e a:hover{ background:url(images/en/banner_vote_over.png) no-repeat;}