@charset "utf-8";
/* CSS reset */
/*article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, time, div{display:block;}
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;}
:focus {outline: 0;}
ol, ul {list-style: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
img, object, embed, video {max-width:100%;}*/

@font-face {
    font-family: 'photofontregular';
    src: url('../font/photo-webfont.eot?123');
    src: url('../font/photo-webfont.eot?123#iefix') format('embedded-opentype'),
         url('../font/photo-webfont.woff?123') format('woff'),
         url('../font/photo-webfont.ttf?123') format('truetype'),
         url('../font/photo-webfont.svg?123#kazafontregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.norfont{ font-family:'photofontregular'; margin-right:3px;float: left}



/* topbar2013 */
.topbar2013{position:relative;top:0;left:0;z-index:1001;display:block;min-width:100%;height:auto;font-size:13px;color:#fff;font-family:Arial, Helvetica, sans-serif}
.topbar2013{
background: #3c3c3c; 
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNjM2MzYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNDI0MjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #3c3c3c 0%, #242424 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c3c3c), color-stop(100%,#242424)); 
background: -webkit-linear-gradient(top,  #3c3c3c 0%,#242424 100%); 
background: -o-linear-gradient(top,  #3c3c3c 0%,#242424 100%); 
background: -ms-linear-gradient(top,  #3c3c3c 0%,#242424 100%); 
background: linear-gradient(to bottom,  #3c3c3c 0%,#242424 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c3c3c', endColorstr='#242424',GradientType=0 ); 
}
.topbar2013{-moz-box-shadow:0px 4px 4px rgba(50%,50%,50%,0.3);-webkit-box-shadow:0px 4px 4px rgba(50%,50%,50%,0.3);box-shadow:0px 4px 4px rgba(50%,50%,50%,0.3);}

.topbar2013 div{display:block;}
.topbar2013 img{border:none}
.topbar2013 a{color:#fff;text-decoration:none;cursor:pointer;}
.topbar2013 em{font-style:normal}

.topbar2013 .topbar,.topbar2013 .sgtbar{display:block;height:44px;margin:0 auto;padding:20px 0 0 0;border-bottom:#242424 1px solid;}
.topbar2013 .topbar{width:997px}
.topbar2013 .sgtbar{width:98%}
.topbar2013 .topbar>div,.topbar2013 .sgtbar .logoarea{float:left}
.topbar2013 .logoarea{margin:0;padding:0;width:180px;height:30px;}
/*.topbar2013 .logoarea{background:url(../img/pchomestocklogo.png) 0 0 no-repeat}*/

.topbar2013 .searchbar{position:relative;margin:0;padding:0;width:184px;height:28px;border:#000 1px solid;border-right:none;background:#fff;-moz-box-shadow:3px 3px 3px rgba(50%,50%,50%,0.3) inset;-webkit-box-shadow:3px 3px 3px rgba(50%,50%,50%,0.3) inset;box-shadow:3px 3px 3px rgba(50%,50%,50%,0.3) inset;}
.topbar2013 .searchbar form{margin:0;padding:0;font-size:12px;}
.topbar2013 .searchbar .s_txtarea{float:left;border:0;padding:0;margin:5px 0 5px 4px;outline:none;background:none;width:130px;height:18px;line-height:18px;color:#4e4e4e;/*height:18px \9;margin-top:4px \9;*/}
.topbar2013 .searchbar .s_submit1{margin:-1px 0 0 0;padding:0;outline:none;width:50px;height:30px;line-height:13px; *line-height:18px;cursor:pointer;border:1px #505050 solid;color:#fff;font-family:"新細明體"}
.topbar2013 .searchbar .s_submit1{
background: #ffb53c;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYjUzYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjY0MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffb53c 0%, #ff6400 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb53c), color-stop(100%,#ff6400));
background: -webkit-linear-gradient(top,  #ffb53c 0%,#ff6400 100%);
background: -o-linear-gradient(top,  #ffb53c 0%,#ff6400 100%);
background: -ms-linear-gradient(top,  #ffb53c 0%,#ff6400 100%);
background: linear-gradient(to bottom,  #ffb53c 0%,#ff6400 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb53c', endColorstr='#ff6400',GradientType=0 );
}

/* ORI css */
.topbar2013 .searchbar .s_submit2 { position: absolute; top: -1px; left: 190px; margin: 0; padding: 0; outline: none; width: 50px; height: 30px; line-height: 13px; cursor: pointer; border: #45da29 1px solid; color: #000; font-family: "新細明體";}
.topbar2013 .searchbar .s_submit2 {
background: #95ff81;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #95ff81 0%, #45da29 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#95ff81), color-stop(100%,#45da29));
background: -webkit-linear-gradient(top, #95ff81 0%,#45da29 100%);
background: -o-linear-gradient(top, #95ff81 0%,#45da29 100%);
background: -ms-linear-gradient(top, #95ff81 0%,#45da29 100%);
background: linear-gradient(to bottom, #95ff81 0%,#45da29 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95ff81', endColorstr='#45da29',GradientType=0 );
}



/* NEW CSS */
/*
.topbar2013 .searchbar .s_submit2{position:absolute;top:-1px;left:190px;margin:0;padding:0;outline:none;width:50px;height:30px;line-height:13px;*line-height:18px;cursor:pointer;border:#ff6b00 0px solid;color:#fff;font-family:"新細明體"}

.topbar2013 .searchbar .s_submit2{
background: #626262;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYyNjI2MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZjFmMWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #626262 0%, #1f1f1f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#626262), color-stop(100%,#1f1f1f));
background: -webkit-linear-gradient(top,  #626262 0%,#1f1f1f 100%);
background: -o-linear-gradient(top,  #626262 0%,#1f1f1f 100%);
background: -ms-linear-gradient(top,  #626262 0%,#1f1f1f 100%);
background: linear-gradient(to bottom,  #626262 0%,#1f1f1f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#626262', endColorstr='#1f1f1f',GradientType=0 );
}


*/
.topbar2013 .topnewstext{padding:0 20px 0 65px;color:#fff;height:30px;line-height:30px;width:190px;overflow:hidden;}
.topbar2013 .topnewstext b{display:inline-block;*display:inline;*padding:4px;margin:4px;width:22px;height:22px;line-height:22px;background:#fff;border-radius:22px;color:#f03d4a;font-weight:600;font-size:11px;text-align:center;-webkit-text-size-adjust:none}

.topbar2013 .topnewstext a{ margin:0 3px;}

.topbar2013 .memberlogin,.topbar2013 .memberlogin_cnd{position:relative;height:30px;line-height:30px}
.topbar2013 .memberlogin{width:350px}
.topbar2013 .memberlogin_cnd{float:right;text-align:right}
.topbar2013 .memberlogin_cnd{width:60%;}
.topbar2013 .memberlogin b{position:absolute;top:-5px;right:10px;width:22px;height:22px;line-height:20px;background:#4f4f4f;border-radius:22px;color:#fff;font-weight:normal;font-size:13px;text-align:center;font-family:Verdana, Geneva, sans-serif}
.topbar2013 .memberlogin>div{position:absolute;top:0;right:0;}
.topbar2013 .memberlogin a,.topbar2013 .memberlogin_cnd a{display:inline-block;font-size:12px;line-height:30px;height:30px;margin:0 2px;}
.topbar2013 .memberlogin_cnd a:hover{color:#FFF}
.topbar2013 .memberlogin .email,.topbar2013 .memberlogin_cnd .email{background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAOCAYAAADNGCeJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO5JREFUeNpi/P//PwO1ABOUrgPiD0D8nwz8FoiLwKYAXcYJxD+BuAWIP/8nDYDUT4DSYMP4oRIfgDgHiJ8TadATIM4E4m9QPophIPAWiL2B+BIBg0DygVAH/MdlGAi8AmJjIN6OwyCQuBlU3X9ChsG8IAfEk9HEQXxFqDw6gMcmOrgJxBJAPBGIK6FiILoPiIWA+BFWXVhcBgoPV2j4gSJDC+pKdaiLQN6zxxKuGIY9BOIotCQC0lyEFsuggA9B8y6KYSBN+UhRTUway0GKUZRE2wulSQEgi7uQEy0I10HDiBzwBBoMDIzUzOgAAQYAfCjnMmirK8sAAAAASUVORK5CYII=') 0 center no-repeat;padding-left:15px;}
.topbar2013 .memberlogin .user em,.topbar2013 .memberlogin_cnd .user em{margin:0 5px 0 0;font-size:12px;font-family:Arial, Helvetica, sans-serif,'微軟正黑體'}

.topbar2013 .contentnav{width:100%;border-top:#4c3c3c;background:#73ef5c;}
.topbar2013 .contentnav ul{display:block;width:997px;height:38px;margin:0 auto;padding:0;list-style:none;}
.topbar2013 .contentnav ul li{position:relative;float:left;height:38px;line-height:38px;text-align:center;background:none;color:#fff;font-size:17px;font-family:Arial, Helvetica, sans-serif,'微軟正黑體';font-weight:normal;}
.topbar2013 .contentnav ul li a{display:block;padding:0 16px;height:100%;font-size:17px; color:#000; }
.topbar2013 .contentnav ul li a:hover{background:#53e338;font-size:17px;}
.topbar2013 .contentnav ul li a.tabon{background:#ebebeb;color:#000;font-size:17px;text-shadow: 1px 1px 1px #ccc;height:44px;}
.topbar2013 .contentnav ul li em{display:block;position:absolute;top:-5px;right:-5px;z-index:1000;width:19px;height:15px;}

em.icon_hot{background:url(http://img.stock.pchome.com.tw/img/icon_hot.gif);}
em.icon_new{background:url(http://img.stock.pchome.com.tw/img/icon_new.gif);}
em.icon_pk{background:url(http://img.stock.pchome.com.tw/img/icon_pk.gif);}
em.icon_new_red{ background:url(../img/icon_new_red.gif);}

.topbar2013 .contentnav ul li b{ display:block; float:left; width:55px; height:24px; margin:7px 0; border-right:1px solid #000}
span.norfont{ font-size:37px;}


