@charset "utf-8";
/*取消 Html 原有樣式 reset.css ---------------------------------*/
* { margin: 0px; padding: 0px; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; }
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 { font-size:100%; }
.t_blue { font-weight: bold; color: #b5ddff; padding-right: 5px; padding-left: 1px; }
.btn{}
/*排版 ---------------------------------*/
#wrapper { width: 951px; margin-right: auto; margin-left: auto; }
#topbar { position: relative; background-image: url(images/bg_top.jpg); background-repeat: no-repeat; background-position: top; color: #FFF; height: 40px; }
#header { position: relative; height: 110px; color: #FFF; }
#navbar { clear: both; background-image: url(images/bg_navline.jpg); background-repeat: no-repeat; background-position: top; height: 33px; position: relative; color: #FFF; z-index: 1; margin-bottom: 5px; }
#vedio_bg { background-image: url(images/pl001-004-1.jpg); background-repeat:no-repeat}
#menu { z-index: 99; height: 29px; width: 100%; }
#footer { background-image: url(images/bg_footer.jpg); background-repeat: no-repeat; background-position: bottom; height: 51px; text-align: center; padding-top: 5px; color: #FFF; clear: both; }
#sidebar { float: left; width: 180px; }
#cont { float: right; width:761px; }
#cont #lbar { float: left; width: 410px; }
#cont #rbar { float: right; width: 341px; }
/*共用 ---------------------------------*/
body { color: #666666; font-family: Arial, Helvetica, sans-serif; line-height: 1.4; font-size: 12px; }
.tohide { visibility: hidden; }
.clear { clear: both; }
a { color: #000066; }
a:hover { color: #ff9900; }
h4 { background-image: url(images/bg_snavtitle.jpg); background-repeat: repeat-x; display: block; width: 158px; height: 22px; border: 1px solid #bdbdbd; font-size: 13px; padding-top: 11px; color: #565656; position: relative; padding-left: 14px; padding-right: 5px; background-position: 2px 2px; }
h5 { font-size: 13px; clear: both; padding-top: 1px; padding-bottom: 1px; }
li.noline{border-right-style: none; }
.snav { padding-bottom: 7px; }
.side_box { margin-top: 1px; border: 1px solid #bdbdbd; padding-top: 7px; padding-left: 10px; position: relative; }
.middle_box { border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-color: #bdbdbd; border-bottom-color: #bdbdbd; border-left-color: #bdbdbd; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px; }
#servicemenu .nospace { padding-right: 0px; }
#lbar h6 { background-image: url(images/bt_indextitle_m.jpg); background-repeat: no-repeat; background-position: top; height: 25px; width: 380px; padding-top: 12px; padding-left: 30px; position: relative; }
#lbar h1{ background-image: url(images/bt_indextitle_l.jpg); background-repeat: no-repeat; background-position: top; height: 5px; width: 380px; padding-top: 12px; padding-left: 30px; position: relative; }
#rbar h6 { background-image: url(images/bt_indextitle_r.jpg); background-repeat: no-repeat; background-position: top; height: 25px; width: 311px; padding-top: 12px; padding-left: 30px; position: relative; }
.btinfo a { color: #FFFFFF; background-image: url(images/bt_detail.jpg); background-repeat: no-repeat; display: block; height: 15px; width: 34px; font-size: 11px; padding-top: 4px; padding-left: 11px; padding-bottom: 2px; }
.btinfo a:hover { background-image: url(images/bt_detail_hover.jpg); }
.adspace img{ padding-bottom: 2px; }
.adspace { margin-top: 5px; margin-bottom: 5px; }
.more { position: absolute; }
.more a { color: #666666; }
.more a:hover { color: #ff9900; }
/*首頁 ---------------------------------*/
/*上方*/
#topbar a , #footer a { color: #ffba00; text-decoration: none; }
#topbar a:hover , #footer a:hover { color: #FFFF00; }
#topbar .pronumber { position: absolute; top: 5px; top: 7px; left: 440px; width: 280px; }
#topbar .pronumber li { float: left; padding-right: 5px; }
#topbar .pronumberblue { font-weight: bold; color: #b5ddff; padding-right: 5px; padding-left: 1px; }
#topbar .toplink { position: absolute; top: 5px; right: 1px; width: 230px; }
#topbar .toplink li { float: left; border-right-width: 1px; border-right-style: solid; border-right-color: #FFFFFF; padding-right: 1px; padding-left: 7px; }
#topbar .toplink li.lastno, #footer li.lastno { border-right-style: none; }
/*Logo*/
#header #logo { background-image: url(images/logo.jpg); background-repeat: no-repeat; height: 61px; width: 301px; position: absolute; left: 0px; top: 20px; }
#header #topad { position: absolute; left: 317px; top: 10px; }
#header #topad li { float: left; padding-left: 8px; }
#header #topad a { display: block; height: 89px; width: 202px; text-decoration: none; background-repeat: no-repeat;}
#header #topad a.adfree { background-image: url(images/bt_topad01.jpg); }
#header #topad a.adfree:hover { background-image: url(images/bt_topad01_hover.jpg); }
#header #topad a.adseller { background-image: url(images/bt_topad02.jpg); }
#header #topad a.adseller:hover { background-image: url(images/bt_topad02_hover.jpg); }
#header #topad a.adjoin { background-image: url(images/bt_topad03.jpg); }
#header #topad a.adjoin:hover { background-image: url(images/bt_topad03_hover.jpg); }
/*搜尋*/
#navbar .searchbar { width: 470px; padding-left: 10px; padding-top: 3px; position: absolute; left: 0px; top: 0px; }
#navbar .searchbar .btn { margin-right: 3px; margin-left: 0px; position: absolute; left: 440px; top: 7px; }
#navbar .adrun { position: absolute; top: 4px; height: 17px; width: 432px; right: 8px; background-image: url(images/bg_adrun.jpg); background-repeat: repeat-x; padding-left: 8px; padding-top: 3px; }
#navbar .adrun a { margin-left: 2px; margin-right: 2px; }
/*頁角*/
#footer ul { width: 600px; margin-right: auto; margin-left: auto; padding-top: 3px; }
#footer li { float: left; padding-right: 12px; padding-left: 12px; border-right-width: 1px; border-right-style: solid; border-right-color: #FFFFFF; }
/*container / sidebar*/
.snav .more { top: 16px; right: 9px; }
#loginbar .side_box { vertical-align:middle; text-align: center; padding-left: 0px;}
#loginbar ul { width: 138px; margin-right: auto; margin-left: auto; }
#loginbar li { float: left; padding-top: 2px; padding-right: 8px; padding-left: 8px; }
#promenu ul { padding-bottom: 10px; }
#promenu ul ul { padding-left: 0px; }
#promenu li { }
#promenu ul li ul li { display: inline; }
#promenu ul li ul li a { padding-right: 8px; margin-right: 3px; text-decoration: none; float: left; }
#promenu ul li ul li a:hover { color: #F30; }
#servicemenu ul,#servicemenu2 ul { padding-bottom: 24px; }
#servicemenu h5,#servicemenu2 h5 { margin-bottom: -1px; }
#servicemenu li,#servicemenu2 li { float: left; padding-right: 7px; width: 75px; padding-left: 0px; }
.big_btn a { background-image: url(images/bt_01.jpg); background-repeat: repeat-x; height: 24px; height: 22px; width: 176px; color: #FFFFFF; font-size: 13px; font-weight: bold; text-align: center; padding-top: 7px; display: block; border: 1px solid #d8d1c7; margin-left: -10px; }
.big_btn a:hover { background-image: url(images/bt_01_hover.jpg); }
/*container / 首頁左*/
#lbar .more, #rbar .more { top: 17px; right: 14px; position: absolute; }
#newsbar .date { font-size: 11px; color: #FF0000; position: absolute; left: 3px!important; left: -50px; top: 4px; }
#newsbar li { position: relative; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #bdbdbd; padding-left: 55px; padding-bottom: 5px; padding-top: 4px; }
#newsbar .noline { border-bottom-style: none; }
#newsbar .noline { border-bottom-style: none; }
#adruns { background-image: url(images/bt_adrun.jpg); background-repeat: repeat-x; background-position: bottom; border: 1px solid #bdbdbd; margin-bottom: 7px; height: 20px; padding-top: 4px; }
#adruns a { padding-right: 10px; padding-left: 10px; }
#prolayout3 li, #prolayout2 li { float: left; }
#prolayout3 { margin-bottom: 7px; }
#prolayout3 .pro a { background-image: url(images/bt_hotpro3.jpg); background-repeat: no-repeat; display: block; height: 22px; width: 116px; font-weight: bold; color:#0000FF; font-size: 13px; text-align: center; padding-top: 8px; }
#prolayout3 .pro a:hover { background-image: url(images/bt_hotpro3_hover.jpg); }
#prolayout3 .gomore, #prolayout2 .gomore { background-image: url(images/bt_hotpro_more.jpg); height: 30px; width: 62px; position: relative; }
#prolayout3 .gomore .more, #prolayout2 .gomore .more { top: 12px; }
#prolayout3 .middle_box { margin-top: -7px; }
#prolayout3 h3, #prolayout2 h3 { font-weight: normal; width: 114px; text-align: center; }
#prolayout3 .middle_box li, #prolayout2 .middle_box li { float: left; padding-right: 4px; padding-left: 7px; padding-top: 1px; padding-bottom: 1px; }
#prolayout2 .pro a { background-image: url(images/bt_hotpro2.jpg); background-repeat: no-repeat; display: block; height: 22px; width: 174px; font-weight: bold; color: #565656; font-size: 13px; text-align: center; padding-top: 8px; }
#prolayout2 .pro a:hover { background-image: url(images/bt_hotpro2_hover.jpg); }
#prolayout2 .boxpro2, #prolayout3 .boxpro2 { vertical-align:middle; text-align:center; height: 108px; width: 119px; border: 1px solid #c3c4c6; top: 0px; padding: 1px; left: 0px; display: block; }
#prolayout2 .boxpro2 *, #prolayout3 .boxpro2 * { vertical-align:middle; }
/*container / 首頁右*/
#goodies .larea { float: left; width: 99px; text-align: center; }
#goodies .rarea { float: right; }
#goodies .rarea li { border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #bdbdbd; padding-top: 7px; padding-bottom: 2px; padding-right: 6px; padding-left: 4px; width: 222px; }
#goodies .larea img { border: 1px solid #bdbdbd; margin-top: 2px; margin-bottom: 2px; }
#goodies .rarea .noline, #chatroom .noline { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#newsellers .toparea img { float: left; border: 1px solid #bdbdbd; margin: 4px; }
#newsellers .toparea .info { float: right; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #bdbdbd; padding-right: 5px; padding-top: 5px; height: 75px; width: 205px; position: relative; }
#newsellers .toparea .info p { width: 200px; height: 35px; overflow: hidden; }
#newsellers .toparea li { float:left }
#newsellers .middle_box { margin-top: -7px;}
#newsellers .middle_box li { float: left; padding-right: 4px; padding-left: 7px; padding-top: 1px; padding-bottom: 1px; }
#newsellers h3 { font-weight: normal; width: 100px; text-align: center; }
#newsellers .toparea .info .btinfo { position: absolute; right: 2px; bottom: 2px; }
#newsellers .barea { background-image: url(images/bt_indexsellers.jpg); background-repeat: repeat-y; background-position: center top; width: 100%; }
#newsellers .barea ul { background-image: url(images/bt_indexsellers.jpg); background-repeat: repeat-y; background-position: center top; width: 100%; }
#newsellers .barea h3 { font-weight: normal; }
#newsellers .barea li { float: left; width: 154px; padding-left: 12px; padding-top: 2px; padding-bottom: 2px; padding-right: 0px; }
#chatroom li { border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #bdbdbd; padding-top: 7px; padding-bottom: 2px; padding-right: 6px; padding-left: 4px; }
#chatroom .name { padding-left: 10px; }
/*以下玉潔*/
.blue { color: #00557f; }
.gary { color: #666666; }
.garyem { color: #666666; font-size: 11px; }
.gary_2 { color: #cacaca; }
.s_red { font-weight: bold; color: #FF0000; }
.strong { font-weight: bold; }
.red { color: #FF0000; }
.tit { background-color: #6f9ec8; height: 34px; color: #FFFFFF; font-size: 13px; text-align: center; padding-top: 10px; margin-bottom: 10px; padding-right: 10px; padding-left: 10px; }
.tit_l { background-color: #6f9ec8; color: #FFFFFF; font-size: 15px; padding-top: 5px; margin-bottom: 10px; padding-right: 15px; padding-left: 15px; padding-bottom: 10px; }
#centre { width: 760px; margin-right: auto; margin-left: auto; padding-top: 15px; }
#right { float: right; width: 760px; height: 100%; }
#right_wp{ padding-top: 10px; padding-right: 25px; padding-bottom: 10px; padding-left: 25px; }
/*上方 tit*/
#page_nav{ margin-bottom: 10px; margin-top: 10px; }
#page_nav .p_hd{ background-image: url(images/nav_hd.jpg); height: 40px; width: 166px; background-repeat: no-repeat; float: left; font-size: 15px; color: #FFFFFF; font-weight: bold; text-align: center; padding-top: 14px; }
#page_nav .p_md{ background-image: url(images/nav_md.jpg); background-repeat: repeat-x; height: 54px; float: left; width: 400px; position: relative; color: #666666; }
#page_nav .p_dn{ background-image: url(images/nav_dn.jpg); height: 54px; width: 248px; float: right; position: absolute; padding-right: 0px; left: 347px; top: 0px; }
/*依分類換顏色*/
#company .p_hd { background-image: url(images/red_hd.jpg);}
#company .p_md { background-image: url(images/red_md.jpg);}
#company .p_dn { background-image: url(images/red_dn.jpg);}
#chain .p_hd { background-image: url(images/green_hd.jpg);}
#chain .p_md { background-image: url(images/green_md.jpg);}
#chain .p_dn { background-image: url(images/green_dn.jpg);}
#free .p_hd { background-image: url(images/purple_hd.jpg);}
#free .p_md { background-image: url(images/purple_md.jpg);}
#free .p_dn { background-image: url(images/purple_dn.jpg);}
/*效果*/
#page_nav .p_md a{ color: #666666; text-decoration: none; }
#page_nav .p_md a:hover{ color: #F89C17; text-decoration: underline; }
/*藍色漸層*/
.log_bg { background-image: url(images/blue_gbg.jpg); background-repeat: repeat-x; padding-right: 5px; padding-left: 5px; }
/*同意 送出 確定等 按鈕共用*/
.send ,.send2{ padding-top: 10px; padding-bottom: 10px; }
.s_hd{ background-image: url(images/send_hd.jpg); background-repeat: no-repeat; float: left; height: 30px; width: 9px; display: block; }
.s_md{ background-image: url(images/send_md.jpg); background-repeat: repeat-x; height: 23px; float: left; position: relative; color: #FFFFFF; text-align: center; padding-top: 7px; font-size: 15px; }
.s_dn{ background-image: url(images/send_dn.jpg); height: 30px; width: 9px; float: right; position: absolute; top: 0px; right: 0px; background-repeat: no-repeat; }
.send .s_md{ width: 95%; }
.send2 .s2_hd{ background-image: url(images/send2_hd.jpg); background-repeat: no-repeat; height: 30px; width: 9px; display: block; float: left; }
.send2 .s2_md{ background-image: url(images/send2_md.jpg); background-repeat: repeat-x; height: 23px; float: left; position: relative; width: 95%; color: #FFFFFF; text-align: center; padding-top: 7px; font-size: 15px; }
.send2 .s2_dn{ background-image: url(images/send2_dn.jpg); height: 30px; width: 9px; float: right; position: absolute; top: 0px; right: 0px; background-repeat: no-repeat; }
.central { width: 50%; margin-right: auto; margin-left: auto; margin-bottom: 20px; }
/*大型 左右兩邊BTN 如 註冊同意頁面*/
.send_btn { padding-right: 10px; padding-left: 10px; }
.send_btn .left { float: left; width: 45%; }
.send_btn .right { float: right; width: 45%; }
/*中間小型 左右兩BTN*/
.btn2_center { width: 320px; margin-right: auto; margin-left: auto; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; }
.btn2_center .left_2 { float: left; width: 150px; }
.btn2_center .right_2 { float: right; width: 150px; }
.btn2_center .s_md{ width: 90%; }
/*討論區 表單編輯按鈕*/
.btn2_center2 { margin-right: auto; margin-left: auto; width: 40%; padding: 10px; }
.btn2_center2 label { margin-right: 10px; margin-left: 10px; }
/*效果*/
.send a,.send2 a,.btn2_center a{ color: #FFFFFF; }
.send a:hover.send2 a:hover ,.btn2_center a:hover{ color: #f98224; text-decoration: underline; }
.nav a { color: #666666; text-decoration: none; }
.nav a:hover { color: #FF9B28; text-decoration: underline; }
/*依不同分類按鈕變色*/
#company .s_hd{ background-image: url(images/send4_hd.jpg);}
#company .s_md{ background-image: url(images/send4_md.jpg);}
#company .s_dn{ background-image: url(images/send4_dn.jpg);}
#chain .s_hd{ background-image: url(images/send3_hd.jpg);}
#chain .s_md{ background-image: url(images/send3_md.jpg);}
#chain .s_dn{ background-image: url(images/send3_dn.jpg);}
#free .s_hd{ background-image: url(images/send2_hd.jpg);}
#free .s_md{ background-image: url(images/send2_md.jpg);}
#free .s_dn{ background-image: url(images/send2_dn.jpg);}
.note { background-color: #f0f0f0; border: 2px solid #cccccc; color: #00458b; padding-left: 120px; padding-top: 5px; padding-bottom: 5px; font-size: 15px; }
.page { padding-top: 15px; padding-bottom: 15px; text-align: center; }
.page a { padding-right: 5px; padding-left: 5px; text-decoration: none; font-size: 12px; border: 1px solid #CCCCCC; margin-right: 2px; margin-left: 2px; height: 20px; font-family: Arial, Helvetica, sans-serif; padding-top: 5px; padding-bottom: 5px; }
.page a:hover { color: #333333; }
/*表單類*/
.table1{ border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: none; border-top-color: #c7d5e2; border-right-color: #c7d5e2; border-bottom-color: #c7d5e2; }
.table1 th{ background-color: #eef2f5; border-left-width: 5px; border-left-style: solid; border-left-color: #4f618d; padding-top: 10px; padding-bottom: 10px; padding-left: 25px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #c7d5e2; }
.table1 td{ padding-top: 10px; padding-bottom: 10px; padding-left: 25px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #c7d5e2; }
.table1 td p { float: left; }
.table2 .bg1 { background-color: #eaeaea; }
.table2 .nopad { padding-left: 0px; text-align: center; }
.thbg2 { background-color: #B5C6D2; font-size: 13px; color: #003366; font-weight: bold; border-left-width: 5px; border-left-style: solid; border-left-color: #980023; }
.bg2 { background-color: #EEF2F5; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #BCCCD8; border-left-color: #BCCCD8; }
.table2 th{ background-color: #4075AB; color: #FFFFFF; padding-top: 5px; padding-bottom: 5px; padding-left: 15px; }
.table2 td{ padding-top: 5px; padding-bottom: 5px; padding-left: 15px; }
#free .table2 th{ background-color: #50579B; }
.table3 td{ border: 1px solid #bdbdbd; padding-top: 5px; padding-bottom: 5px; padding-left: 20px; }
/*按鈕套用樣式*/
.del { background-color:#4075AB; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #8186BE; border-right-color: #384091; border-bottom-color: #323987; border-left-color: #757BB5; color: #FFFFFF; padding-top: 2px; text-align: center; padding-right: 3px; padding-left: 3px; }
#free .del {background-color: #50579B;}
#company .del { background-color: #980023; border-top-color: #DB0031; border-right-color: #5B0000; border-bottom-color: #5B0000; border-left-color: #DB0031; }
/*依不同分類按鈕變色*/
#company .table1 th{ border-left-color: #980023; }
#chain .table1 th{ border-left-color: #6a9847;}
#free .table1 th{ border-left-color: #4a5195;}
#company .table2 th{ background-color:#BA1B2F; }
/*依不同分類按鈕變色*/
.agree { background-color: #eef2f5; border: 3px solid #4f618d; text-align: center; padding: 10px; margin-top: 6px; margin-bottom: 20px; }
#company .agree { border:3px solid #980023;}
#chain .agree { border: 3px solid #6a9847;}
#free .agree { border: 3px solid #4a5195;}
#country { float: right; width: 50%; }
/*文章格式-----------服務條款等*/
#ab_pic { }
#ab_pic img { padding: 5px; border: 1px solid #E2E2DE; float: left; margin-right: 10px; }
.rules { padding-right: 20px; padding-left: 20px; padding-top: 10px; padding-bottom: 10px; font-size: 13px; }
#p_about { }
.rules li{ padding-top: 3px; padding-bottom: 3px; }
.rules li ul{ padding-right: 10px; padding-left: 10px; }
.rules li li{ padding-left: 15px; }
/*---圖文說明---*/
.rules .text img { padding: 10px; }
.rules .text { padding-top: 23px; padding-bottom: 10px; }
.rules .text li { text-align: justify; background-image: url(images/icon_05.jpg); background-repeat: no-repeat; margin-top: 2px; margin-bottom: 2px; padding-right: 15px; padding-left: 20px; background-position: 2px 5px; }
#p_about .h1_pic{ background-image: url(images/about_pic.jpg); height: 30px; background-repeat: no-repeat; padding-top: 20px; padding-bottom: 15px; background-position: left center; float: left; width: 100%; }#p_about { font-size: 15px; }
#p_about_03 li { padding-left: 20px; padding-top: 7px; padding-bottom: 7px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCCCCC; background-image: url(images/icon_05.jpg); background-repeat: no-repeat; background-position: left 8px; padding-right: 10px; }
#p_about #level_2 { margin-top: 10px; margin-bottom: 15px; padding-top: 5px; }
#level1 { float: right; padding-top: 15px; width: 65%; }
/*login*/
#p_login #login { width: 327px; float: left; }
#p_login #add { width: 327px; float: right; }
#p_login .log { padding: 10px; width: 55%; float: left; }
#p_login .log li { padding-top: 3px; padding-bottom: 3px; }
#p_login .log a { color: #386DA3; text-decoration: none; }
#p_login .log a:hover { color: #0030EE; text-decoration: underline; }
#p_login #log_btn a{ background-image: url(images/login_a.jpg); background-repeat: no-repeat; display: block; height: 61px; width: 93px; float: right; margin-right: 10px; margin-top: 20px; }
#p_login #log_btn a:hover{ background-image: url(images/login_hover.jpg); }
#p_login .add_kind { margin-right: auto; margin-left: auto; width: 200px; padding-top: 10px; padding-bottom: 10px; }
#p_login .add_kind li{ text-align: center; padding-top: 3px; padding-bottom: 3px; }
#p_login .add_kind p a{ background-repeat: no-repeat; display: block; height: 32px; width: 114px; margin-right: auto; margin-left: auto;}
#p_login .add_kind .add_btn_01 a{ background-image: url(images/add_btn_01.jpg); }
#p_login .add_kind .add_btn_02 a{ background-image: url(images/add_btn_02.jpg); }
#p_login .add_kind .add_btn_03 a{ background-image: url(images/add_btn_03.jpg);}
#p_login .add_kind .add_btn_01 a:hover{ background-image: url(images/add_btn_01_a.jpg); }
#p_login .add_kind .add_btn_02 a:hover{ background-image: url(images/add_btn_02_a.jpg); }
#p_login .add_kind .add_btn_03 a:hover{ background-image: url(images/add_btn_03_a.jpg);}
/*forget*/
#p_forget .forget_log { width: 200px; margin-right: auto; margin-left: auto; padding-top: 20px; }
#p_forget .forget_log li{ padding-top: 3px; padding-bottom: 3px;}
.forget_log .btn { width: 300px; }
#forget_system { width: 490px; margin-right: auto; margin-left: auto; margin-top: 20px; border: 5px solid #bdbdbd; background-color: #f0f3f6; padding: 10px; }
/*新手上路*/
.tiro_tit{ margin-bottom: 10px; margin-top: 10px; }
.tiro_tit .tr_hd{ height: 33px; width: 18px; background-image: url(images/tiro_tit_hd.jpg); background-repeat: no-repeat; float: left; position: absolute; top: 0px; left: 0px; }
.tiro_tit .tr_md{ background-image: url(images/tiro_tit_md.jpg); background-repeat: repeat-x; font-size: 13px; font-weight: bold; color: #666666; position: relative; height: 26px; padding-top: 7px; padding-left: 20px; }
.tiro_tit .tr_dn{ background-image: url(images/tiro_tit_dn.jpg); background-repeat: no-repeat; height: 33px; width: 7px; float: right; position: absolute; top: 0px; right: 0px; }
/*產品列表*/
#p_prolist .pro_tit { padding-left: 10px; font-size: 15px; font-weight: bold; background-image: url(images/pro_tit_bg.jpg); background-repeat: repeat-x; border: 2px solid #bdbdbd; color: #00458b; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; margin-bottom: 15px; }
#p_prolist .pro_tit p { float: left; }
#p_prolist .pro{ padding-top: 5px; height: 85px; padding-left: 135px; }
#p_prolist #po_need .pro { padding-left: 15px; }
#p_prolist .pro li{ padding-top: 1px; padding-bottom: 1px; position: relative; padding-right: 150px; }
#p_prolist .pro_tit .system { font-size: 11px; color: #666666; float: left; font-weight: normal; padding-top: 2px; }
#p_prolist .pro_item .name { background-color: #e5eef8; color: #00557f; position: relative; padding-left: 135px; padding-top: 5px; padding-bottom: 5px; }
#p_prolist #po_need .name { padding-left: 15px; }
#p_prolist .pro_item .date { color: #666666; float: right; width: 35%; position: absolute; top: 5px; right: 0px; text-align: right; padding-right: 10px; }
#p_prolist #p_pic{ vertical-align:middle; text-align:center; height: 90px; width: 120px; border: 1px solid #c3c4c6; top: 24px; padding: 1px; position: absolute; left: -130px; }
#p_prolist .p_pic{ vertical-align:middle; text-align:center; height: 90px; width: 120px; border: 1px solid #c3c4c6; position: absolute; top: 24px; padding: 1px; left: 0px; }
#p_prolist .more{ background-color: #dbdbdb; border: 1px solid #b1b1b1; padding-top: 2px; padding-bottom: 2px; color: #666666; padding-right: 5px; padding-left: 5px; font-size: 11px; }
#p_prolist .pro .add_favorites { width: 120px; float: right; position: absolute; top: 0px; right: 0px; text-align: right; padding-right: 10px; }
#p_paper .key_mail { width: 300px; margin-right: auto; margin-left: auto; margin-bottom: 20px; padding-top: 20px; }
/*最愛清單列表 --廠商 會員 商品*/
#p_list { margin-right: 10px; margin-left: 10px; color: #00557f; }
/*我的媒合紀錄上方標籤區塊*/
.tag { }
.tag li{ display: inline; }
.tag li a{ margin-right: 2px; margin-left: 2px; background-image: url(images/tag.jpg); background-repeat: no-repeat; display: block; height: 22px; width: 109px; padding-top: 8px; text-align: center; float: left; }
.tag li a:hover{ background-image: url(images/tag_a.jpg); color: #FFFFFF; }
#company .tag li a:hover{ background-image: url(images/tag_red_a.jpg); color: #FFFFFF; }
#news_tit .n_hd{ background-image: url(images/news_hd.jpg); height: 30px; width: 9px; float: left; }
#news_tit .n_md{ background-image: url(images/news_md.jpg); background-repeat: repeat-x; height: 30px; position: relative; }
#news_tit .n_dn{ background-image: url(images/news_dn.jpg); background-repeat: no-repeat; height: 30px; width: 9px; position: absolute; top: 0px; right: 0px; }
#news_tit .date { color: #FFFFFF; position: absolute; left: 137px; top: 7px; width: 55px; }
#news_tit .subject { position: absolute; color: #FFFFFF; left: 445px; top: 5px; }
#free .table1 .ps { font-size: 11px; float: left; padding-top: 5px; }
/*上下虛線用*/
#sps { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999999; position: relative; padding-right: 10px; border-top-width: 1px; border-top-style: dotted; border-top-color: #999999; padding-top: 5px; height: auto; padding-bottom: 5px; }
/*媒合需求 廠商回覆*/
.rw { }
.rw .add { position: absolute; top: -30px; right: 100px; }
.rw .re { position: absolute; top: -30px; right: 10px; }
.rw .add a ,.rw .re a{ color: #FFFFFF; font-size: 13px; font-weight: normal; background-color: #FF6600; border: 1px solid #CC3300; display: block; width: 80px; text-align: center; }
.rw .add a:hover ,.rw .re a:hover{ background-color: #FFFF66; color: #FF0000; }
/*媒合需求 廠商回覆留言區*/
#company #wp_bg { border: 10px solid #f3f3f3; margin-top: 10px; }
#company .wab { margin-right: auto; margin-left: auto; padding-top: 30px; padding-bottom: 30px; width: 57%; font-size: 13px; color: #666666; }
/*版型選擇 點選的圓圈圈*/
#choose { width: 30px; margin-right: auto; margin-left: auto; padding-top: 10px; padding-bottom: 10px; }
.chick { background-color: #dbdbdb; border: 1px solid #b1b1b1; color: #666666; margin-left: 5px; padding-top: 2px; }
/*灰色圓角*/
#fix_yen { position: relative; }
.g_yen { margin-top: 5px; margin-bottom: 5px; }
.g_yen p { background-repeat: no-repeat; background-color: #F3F3F3; height: 12px; }
.g_yen .g1 ,.g_yen .g3 { float: left; height: 12px; width: 16px; position: absolute; background-color: #F3F3F3; }
.g_yen .g1 { background-image: url(images/g1.jpg); background-position: top; }
.g_yen .g2 { background-image: url(images/g2.jpg); background-position: right top; }
.g_yen .g3 { background-image: url(images/g3.jpg); background-position: bottom; }
.g_yen .g4 { background-image: url(images/g4.jpg); background-position: right bottom; }
.g_yen #g_main { padding-right: 20px; padding-left: 20px; background-color: #F3F3F3; }
/*藍色圓角*/
.b_yen { margin-top: 5px; margin-bottom: 5px; }
.b_yen .b1 ,.b_yen .b3 { float: left; background-color: #e5eef8; height: 12px; width: 16px; position: absolute; }
.b_yen p { background-repeat: no-repeat; background-color: #e5eef8; height: 12px; }
.b_yen .b1 { background-image: url(images/b1.jpg); }
.b_yen .b2 { background-image: url(images/b2.jpg); background-position: right top; }
.b_yen .b3 { background-image: url(images/b3.jpg);background-position: bottom; }
.b_yen .b4 { background-image: url(images/b4.jpg); background-position: right bottom; background-repeat: no-repeat; }
.b_yen #b_main { background-color: #e5eef8; padding-right: 20px; padding-left: 20px; height: 100%; }
/*留言主題tit*/
.q_tit { font-size: 13px; color: #00557f; font-weight: bold; }
/*留言內容*/
.yen_text { padding-top: 13px; padding-bottom: 5px; }
.secret { color: #FF0000; padding-top: 15px; padding-left: 10px; }
.b_yen #b_main li { padding-top: 3px; padding-bottom: 3px; }
#write { padding: 10px; }
.kind_tit { background-color: #e5eef8; height: 23px; font-size: 13px; color: #000000; font-weight: bold; padding-left: 10px; padding-top: 5px; }
#allpro .item { float: left; width: 360px; margin-right: 15px; }
#allpro .item li { padding-left: 5px; padding-top: 5px; padding-bottom: 5px; }
#allpro .item a { padding-right: 5px; padding-left: 5px; }
#p_sitemap .item { width: 160px; float: left; margin-right: 10px; margin-left: 5px; padding-bottom: 10px; }
#p_sitemap .item li { background-image: url(images/icon_09.jpg); background-repeat: no-repeat; background-position: left center; padding-left: 10px; margin-left: 10px; padding-top: 3px; padding-bottom: 3px; }
#p_sitemap .kind_tit { text-align: center; padding-left: 0px; }
.viewtit { font-size: 17px; font-weight: bold; }
#chat .member { width: 90%; margin-right: auto; margin-left: auto; position: relative; margin-bottom: 5px; }
#chat .member img { padding-top: 5px; padding-bottom: 5px; }
#chat .member .total { position: absolute; top: 10px; right: 0px; }
#chain .rules .download a { height: 22px; width: 120px; background-color: #457627; display: block; color: #FFFFFF; text-align: center; border-top-width: 1px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #66B138; border-right-color: #457627; border-bottom-color: #457627; border-left-color: #66B138; padding-top: 3px; }
#chain .rules .download a:hover { color: #FFFF33; position: relative; left: 1px; top: 1px; border-right-width: 2px; border-bottom-width: 2px; border-right-color: #2F511A; border-bottom-color: #2F511A; }
#menu2 { clear: both; height: 29px; }
#free .note { text-align: center; padding-left: 0px; margin-bottom: 20px; font-size: 15px; }
#p_tiro { font-size: 13px; }
#p_about .tit_l { font-size: 15px; }
#p_about_04 #b_main li { text-align: center; }
#p_pdf .note { padding-left: 0px; }
#p_pdf { font-size: 15px; }
#prolayout2 .middle_box { margin-top: -7px;}