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,b,u,i,center,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-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
a,a:link,a:visited{cursor:pointer;text-decoration:none}
a:hover{text-decoration:underline}
object{outline:none}
a.more,a.more:hover,a.more:link,a.more:visited{text-decoration:underline}
.clearfix:after{content:".";clear:both;height:0;visibility:hidden;display:block}
.clearfix{display:inline-block}
html[xmlns] .clearfix{display:block}
.clearit{clear:both}
.left{float:left}
.right{float:right}
h1{font-family:"Microsoft JhengHei",SimHei}
html{background-color:#eaffff}
body{color:#4c4c4c;font:normal 13px/160% MingLiU,System;background:url(../img/bg-a.jpg) repeat-x left -170px}
#page-wrap{width:1000px;margin:0 auto}
#header{position:relative;height:70px;background:#4eaeec url(../img/header-nav.jpg) no-repeat left top}
#logo{display:block;width:235px;height:70px;text-indent:-9999px}
#caremap{position:absolute;display:block;width:113px;height:35px;left:663px;top:0;text-indent:-9999px}
#navigation{height:25px;padding-left:25px;background-color:#4eaeec}
#content-wrap{padding-bottom:15px}
.flash{height:437px}
.page{padding:50px 50px 0 145px;background:url(../img/bg-page.jpg) no-repeat center top}
.getcsr{height:437px;background:url(../img/bg-download.jpg) no-repeat center top;position:relative}
.sitemap{height:437px;background:url(../img/bg-sitemap.jpg) no-repeat center top;position:relative}
#content{float:left;width:580px;margin-right:15px;min-height:300px;padding-bottom:15px}
a.next,a.next:hover,a.next:link{font:bold 13px "Microsoft JhengHei",SimHei;color:#000;bottom:60px;left:0}
#sidebar{float:left;width:160px;padding:10px;border:1px solid #d6d6d6;font-size:12px}
#footer{font-size:12px;min-height:115px;background:url(../img/bg-a.jpg) repeat-x left top}
form.gsc-search-box{position:absolute;right:0;top:0;font-size:12px;padding:10px 5px 0 0}
.gsc-search-button{vertical-align:middle}
input.gsc-input{color:#000;background-color:#c9dce8;border:none;vertical-align:middle;width:110px}
#navigation ul li{float:left;width:92px;height:25px}
#navigation ul li.hover a{background:url(../img/header-nav.jpg) no-repeat}
#navigation ul li a{display:block;width:92px;height:25px;line-height:25px;background:url(../img/header-nav.jpg) no-repeat;text-indent:-9999px}
#navigation ul li#volunteer a{background-position:-25px -70px}
#navigation ul li#community a{background-position:-117px -70px}
#navigation ul li#entrepreneurship-and-ethics a{background-position:-209px -70px}
#navigation ul li#environmental-protection a{background-position:-301px -70px}
#navigation ul li#society-involvement a{background-position:-393px -70px}
#navigation ul li#vision-and-promise a{background-position:-485px -70px}
#navigation ul li#corporate-management a{background-position:-577px -70px}
#navigation ul li#hall-of-fame a{background-position:-669px -70px}
#navigation ul li#from-the-board a{background-position:-761px -70px}
#navigation ul li#from-the-board,#navigation ul li#from-the-board a{width:98px}
#navigation ul li#sinyi a{background-position:-855px -70px}
#navigation ul li#volunteer.hover a,#navigation ul li#volunteer a:hover,#navigation ul li#volunteer a.act{background-position:-25px -95px}
#navigation ul li#community.hover a,#navigation ul li#community a:hover,#navigation ul li#community a.act{background-position:-117px -95px}
#navigation ul li#entrepreneurship-and-ethics.hover a,#navigation ul li#entrepreneurship-and-ethics a:hover,#navigation ul li#entrepreneurship-and-ethics a.act{background-position:-209px -95px}
#navigation ul li#environmental-protection.hover a,#navigation ul li#environmental-protection a:hover,#navigation ul li#environmental-protection a.act{background-position:-301px -95px}
#navigation ul li#society-involvement.hover a,#navigation ul li#society-involvement a:hover,#navigation ul li#society-involvement a.act{background-position:-393px -95px}
#navigation ul li#vision-and-promise.hover a,#navigation ul li#vision-and-promise a:hover,#navigation ul li#vision-and-promise a.act{background-position:-485px -95px}
#navigation ul li#corporate-management.hover a,#navigation ul li#corporate-management a:hover,#navigation ul li#corporate-management a.act{background-position:-577px -95px}
#navigation ul li#hall-of-fame.hover a,#navigation ul li#hall-of-fame a:hover,#navigation ul li#hall-of-fame a.act{background-position:-669px -95px}
#navigation ul li#from-the-board.hover a,#navigation ul li#from-the-board a:hover,#navigation ul li#from-the-board a.act{width:98px;background-position:-761px -95px}
#navigation ul li ul{display:none;position:absolute;background:url(../img/header-nav.jpg) no-repeat -26px -120px;z-index:100}
#navigation ul li ul li{float:none;padding:0 4px;width:84px;min-height:25px;height:auto}
#navigation ul li ul li a{font:normal 12px/120% "Microsoft JhengHei",SimHei;color:#fff;width:auto;height:auto;text-indent:0;text-align:center;background:none;padding:4px 0}
#navigation ul li#volunteer ul li a,#navigation ul li#volunteer.hover ul li a,#navigation ul li#community ul li a,#navigation ul li#community.hover ul li a,#navigation ul li#entrepreneurship-and-ethics ul li a,#navigation ul li#entrepreneurship-and-ethics.hover ul li a,#navigation ul li#environmental-protection ul li a,#navigation ul li#environmental-protection.hover ul li a,#navigation ul li#society-involvement ul li a,#navigation ul li#society-involvement.hover ul li a,#navigation ul li#vision-and-promise ul li a,#navigation ul li#vision-and-promise.hover ul li a,#navigation ul li#corporate-management ul li a,#navigation ul li#corporate-management.hover ul li a,#navigation ul li#hall-of-fame ul li a,#navigation ul li#hall-of-fame.hover ul li a,#navigation ul li#from-the-board ul li a,#navigation ul li#from-the-board.hover ul li a{background:url(../img/icon.gif) repeat-x left bottom}
#navigation ul li#community ul{background-position:-117px -120px}
.upper{padding:8px 0 0 150px;min-height:90px;width:850px}
.lower{display:block;text-align:center;width:1000px}
#footer .banner,#footer .col{float:left}
#footer .banner{width:400px;padding-top:15px}
#footer .banner a{margin-right:10px}
#footer .col{width:200px}
#news h1{line-height:200%;color:#b90000}
#news p{color:#535353;font:normal 11px/160% MingLiU,System;letter-spacing:-1px;padding:0 7px;vertical-align:baseline}
a.more{font-family:Arial,Helvetica,sans-serif;color:#535353;letter-spacing:0}
#report img{float:left}
a.download{float:left;display:block;width:75px;text-align:center;font-family:"Microsoft JhengHei",SimHei;color:#b90000;line-height:100%;margin-top:40px}
#footer ul li,#footer ul li a{display:inline;color:#777;font:normal 11px MingLiU,System;letter-spacing:-1px}
.head{padding:0 0 10px 10px}
.date{font:normal 12px/100% Arial;color:#5e5e5e}
.head h2{font:bold 22px"Microsoft JhengHei",SimHei}
.head h3{font:bold 16px"Microsoft JhengHei",SimHei}
.contentWrap .date,.contentWrap .head{color:#fff}
.contentWrap .head{padding-left:60px}
.page h1,.article h2,.article h3{color:#000}
.page h1{font:bold 15px/180% "Microsoft JhengHei",SimHei;border-bottom:1px solid #d6d6d6;margin-bottom:15px;padding-left:25px;background:url(../img/icon.gif) no-repeat left top;width:750px}
.page h1 a,.page h1 a:hover,.page h1 a:link,.page h1 a:visited{color:#000;text-decoration:none}
.article{position:relative;padding-bottom:20px}
.article .text{padding-bottom:40px}
.article .text p{color:#4c4c4c;padding-bottom:13px}
.article .fig{padding-bottom:10px;text-align:center}
.addthis_toolbox{float:right;padding-top:30px}
.addthis_toolbox a{float:left}
.addthis_separator{color:#999}
.addthis_default_style a.at300b{padding:0}
#connect{padding-top:20px}
#sidebar .block{margin-bottom:10px}
.thumb{padding-left:10px;position:relative}
.thumb a{position:absolute;left:15px;bottom:5px}
#sidebar #banner a{display:block;margin-bottom:5px}
#sidebar h4{color:#000;font:bold 13px/200% "Microsoft JhengHei",SimHei;padding-left:15px;background:url(../img/icon.gif) no-repeat left -30px;vertical-align:middle}
#sidebar #links ul li{line-height:120%;margin:0 0 8px 5px;padding-left:10px;background:url(../img/icon.gif) no-repeat left -60px}
#sidebar #links ul li a,#sidebar #links ul li a:link{color:#3c3c3c}
.getcsr h1,.sitemap h1{text-indent:-9999px}
#csr-list{position:absolute;left:540px;top:160px;width:400px}
#csr-list a{display:block;text-indent:-9999px;float:left;width:125px;height:136px}
#csr-list a.y2004{background:url(../img/yearbook/2004.png) no-repeat left top}
#csr-list a.y2005{background:url(../img/yearbook/2005.png) no-repeat left top}
#csr-list a.y2006{background:url(../img/yearbook/2006.png) no-repeat left top}
#csr-list a.y2007{background:url(../img/yearbook/2007.png) no-repeat left top}
#csr-list a.y2008{background:url(../img/yearbook/2008.png) no-repeat left top}
#csr-list a.y2009{background:url(../img/yearbook/2009.png) no-repeat left top}
#csr-list a.y2010{background:url(../img/yearbook/2010.png) no-repeat left top}
#csr-list a.y2011{background:url(../img/yearbook/2011.png) no-repeat left top}
#csr-list a.y2012{background:url(../img/yearbook/2012.png) no-repeat left top}
#csr-list a.y2013{background:url(../img/yearbook/2013.png) no-repeat left top}
#csr-list a.y2014{background:url(../img/yearbook/2014.png) no-repeat left top}
#csr-list a.y2015{background:url(../img/yearbook/2015.png) no-repeat left top}
#sitemap{padding:120px 30px 0 170px}
#sitemap ul.top-link{margin-bottom:30px}
#sitemap ul.top-link li{display:inline;font:bold 15px "Microsoft JhengHei",SimHei;padding:0 20px 0 15px;background:url(../img/icon.gif) no-repeat left -160px}
#sitemap ul.top-link li a,#sitemap ul.top-link li a:hover,#sitemap ul.top-link li a:link,#sitemap ul.top-link li a:visited{color:#000}
#sitemap ul.map{}
#sitemap ul.map li{font:bold 15px "Microsoft JhengHei",SimHei;float:left;min-width:105px;width:auto;min-height:25px;height:auto;margin:0 10px 30px 0;background:url(../img/icon.gif) no-repeat left -240px}
#sitemap ul.map li a{display:block;color:#000;line-height:25px;padding-left:20px;background:url(../img/icon.gif) no-repeat}
#sitemap ul.map li#s-volunteer a{background-position:left -400px}
#sitemap ul.map li#s-community a{background-position:left -425px}
#sitemap ul.map li#s-entrepreneurship-and-ethics a{background-position:left -450px}
#sitemap ul.map li#s-environmental-protection a{background-position:left -475px}
#sitemap ul.map li#s-society-involvement a{background-position:left -500px}
#sitemap ul.map li#s-vision-and-promise a{background-position:left -525px}
#sitemap ul.map li#s-corporate-management a{background-position:left -600px}
#sitemap ul.map li#s-hall-of-fame a{background-position:left -550px}
#sitemap ul.map li#s-from-the-board a{background-position:left -575px}
#sitemap ul.map li ul{margin-top:10px}
#sitemap ul.map li ul li{float:none;font-size:13px;padding:0 0 0 20px;margin:0;background:url(../img/icon.gif) no-repeat left -160px;min-height:20px}
#sitemap ul.map li.item1 ul li{background-position:left -160px}
#sitemap ul.map li.item2 ul li{background-position:left -200px}
#sitemap ul.map li ul li a{padding:0;line-height:140%;background:none;height:auto}
.err-msg #content-wrap{height:387px;padding:50px 70px 0 145px;background:url(../img/bg-page.jpg) no-repeat center top}
.err-msg h1,.err-msg h2{color:#0068B7;font-size:22px;padding-bottom:30px}
.err-msg h2{color:#000}
.err-msg #content-wrap a{color:#4C4C4C;font-family:Arial,Helvetica,sans-serif;text-decoration:underline}
.err-msg #content-wrap ul{padding-bottom:20px}
.err-msg .extraNote{font-size:12px}
.err-msg #footer .upper{display:none}
#footer.pass .upper{height:90px;padding:15px 0 0 125px}
.listblock{width:375px;float:left;margin-right:40px;padding-bottom:5px}
.listblock h4{background:url(../img/footer-h.gif) no-repeat left top;width:375px;height:20px;text-indent:-9999px}
.listblock h4.second{background-position:-400px top}
#footer .listblock ul li{color:#535353;display:block;position:relative;margin:0 5px 0;padding:0 5px 0;line-height:20px;border-bottom:1px dotted #535353;vertical-align:baseline}
.listblock ul li a{color:#95b5a0;position:absolute;line-height:20px;vertical-align:baseline;right:5px;font-family:Arial,Helvetica,sans-serif;letter-spacing:1px}
.passport{background:url(../img/bg-form.jpg) repeat-y left top}
.form-wrap{background:url(../img/bg-passport.jpg) no-repeat left top;padding:65px 0 0 220px;zoom:1}
.indent-box{padding:0 130px 0 100px}
.indent-box h1{font-size:22px;color:#000}
form#signup{font:normal inherit/150% Arial,Helvetica,sans-serif,system}
form#signup p{padding:5px 0}
form#signup em{color:#fa4700;font-style:normal}
form#signup ul.section{padding:15px 0 0 80px}
form#signup ul.section li{min-height:32px;position:relative;padding-left:15px}
form#signup span.bullet{position:absolute;color:#fa4700;left:0}
form#signup label{line-height:25px;vertical-align:middle;display:block;float:left;padding:0 10px 0 0;width:80px}
form#signup label.long{width:auto}
form#signup label.autowidth{float:none;display:inline;width:auto;padding:0}
form#signup input.text{width:200px;height:18px;line-height:18px;vertical-align:middle;border:1px solid #7f9db7}
form#signup select{height:20px;vertical-align:baseline;margin-right:5px;padding-left:5px;font:normal 12px Arial,Helvetica,sans-serif;border:1px solid #7f9db7;letter-spacing:1px}
.center{text-align:center;margin:15px auto}
form#signup textarea{width:430px;margin-bottom:10px}
form#signup .form-bot{text-align:center;background:url(../img/bg-form-bot.jpg) no-repeat left top;height:115px}
p.botline{border-bottom:2px solid #329532}
p.topline{border-top:2px solid #329532;padding:5px 0}
form#signup .data{color:#003482;width:200px;float:left;border-bottom:1px solid #8e908a;font-family:Arial,Helvetica,sans-serif;padding-left:10px}
form#signup .bleed{height:30px;margin-left:50px}
form#signup .bleed label{width:auto}
form#signup .bleed .data{width:150px;margin-right:15px}
form#signup .textdata{display:block;width:430px;clear:both;color:#003482;padding-bottom:10px}
a.moveon{font-weight:bold;color:#dc211c;text-decoration:underline}
.done{background:url(../img/bg-done.jpg) repeat-y left top;height:480px}
.indent-box h2{font:bold 15px MingLiU,System;padding:20px 0}
p.short{width:70%}
.fblike{height:65px;padding:0 0 10px;margin:10px 0 5px 0;border-top:2px solid #329532;border-bottom:2px solid #329532}
.fblike img{padding:10px;vertical-align:middle}
.article .text p.succeed{color:#009241;font:bold 20px "Microsoft JhengHei",SimHei;background:url(../img/icon.gif) no-repeat left -650px;padding:10px 0 20px 55px}
.article .text p.quote{padding:0 0 20px 30px;background:url(../img/icon-quote-l.gif) no-repeat left top;position:relative}
span.quote-end{display:block;width:40px;height:40px;background:url(../img/icon-quote-r.gif) no-repeat left top;position:absolute;right:0}
a.btn-signup{margin:auto}
h3.speaker{border-top:1px dotted #ccc;color:#4c4c4c;padding-top:10px;font-size:15px}
#sidebar2{float:left;width:190px}
.side-pass-login{width:180px;height:160px;padding:135px 0 0 15px;background:url(../img/bg-side-login.jpg) no-repeat left top;position:relative}
.side-pass-login ul li,.side-pass-login2 ul li{height:28px}
.side-pass-login label,.side-pass-login2 label{color:#fff}
.side-pass-login input.text,.side-pass-login2 input.text{width:120px;background:url(../img/bg-side-login.jpg) repeat-x left -300px;border:1px solid #b4b4b4}
.side-pass-login p,.side-pass-login2 p{color:#fff;width:150px;margin:auto}
.side-pass-login ul li a,.side-pass-login2 ul li a{font-size:12px;color:#aaa;text-decoration:underline}
.pass-page{height:390px;padding:65px 0 0 140px;background:url(../img/bg-pass-login.jpg) no-repeat left top}
.pass-page h1{font-size:22px;color:#000}
.pass-page #content{width:510px;margin-right:40px}
.imgholder{float:left;width:220px;height:170px;text-indent:-9999px}
.pass-login{float:left;padding:135px 0 0 0;position:relative;height:200px;width:265px}
.pass-login ul li{height:37px}
.pass-login label{color:#fff}
.pass-login input.text{width:170px;background:#fff;border:1px solid #aaa;height:20px;line-height:20px;vertical-align:baseline}
.pass-login ul li a{font-size:12px;color:#aaa;text-decoration:underline}
.pass-login a.forget{position:absolute;right:50px;top:240px;text-decoration:underline;color:#aaa}
.pass-login a.join-pass{position:absolute;display:block;width:190px;height:35px;right:0;bottom:30px;text-indent:-9999px}
.stamp-out{padding:12px 0 0 100px;background:url(../img/bg-stamp.jpg) no-repeat left top}
.stamp-out #content{margin-right:50px}
.friend{height:28px;padding:0 0 6px 10px;background:url(../img/bg-friend.gif) no-repeat left top}
.friend span{float:left;color:#fff;font:bold 14px/26px "Microsoft JhengHei",SimHei}
.friend .right{background:url(../img/bg-friend.gif) no-repeat right -40px;padding-right:10px}
.friend .name{background:#1f9201;padding:0 5px;font-size:16px}
.stamp-wrap{padding:50px 30px 25px;min-height:290px}
.stamp-wrap .half{float:left;width:258px}
img.stamp-img{width:120px;height:90px}
.prev-next{height:30px;position:relative;margin-bottom:30px}
.prev-next a{display:block;height:30px;width:100px;text-indent:-9999px}
.prev-next a:focus{outline:none}
.prev-next a.next{float:right;position:relative;top:-30px}
.fbshare{margin-left:190px;position:relative;top:-80px;margin-bottom:-60px;width:210px}
.fbshare a{display:block}
p.friend-p{color:#1f9201;font:bold 16px "Microsoft JhengHei",SimHei}
p.friend-p a{color:#1f9201;text-decoration:underline}
.side-pass-login2{width:180px;height:160px;padding:135px 0 0 15px;position:relative}
.stamp-out .side-pass-login2{background:url(../img/bg-side-login.png) no-repeat left top}
.side-pass-login2 ul li{height:28px}
.stamp-out .side-pass-login2 a.join-pass{position:absolute;display:block;width:160px;height:35px;right:0;bottom:30px;text-indent:-9999px}
.side-desc{width:200px}
.side-desc .top{height:15px;background:url(../img/bg-side-desc.gif) no-repeat left top}
.side-desc .bot{height:15px;background:url(../img/bg-side-desc.gif) no-repeat -200px top}
.side-desc .middle{padding:0 10px;background:#fff;border-left:2px solid #b6c395;border-right:2px solid #b6c395}
.side-desc h5{color:#39710a;font-weight:normal}
.stamp-share{padding:12px 0 0 100px;background:url(../img/bg-mystamp.jpg) no-repeat left top}
.stamp-share .stamp-wrap{padding-top:70px}
.stamp-share .side-pass-login2{background:url(../img/bg-side-member.png) no-repeat left top;position:relative}
.stamp-share .side-pass-login2 p.name{color:#555;text-align:center}
.side-pass-login2 span.left-crnr{background:url(../img/nametag.png) no-repeat left top;padding:10px 5px 5px}
.side-pass-login2 span.nametag{font:bold 16px "Microsoft JhengHei",SimHei;background:url(../img/nametag.png) repeat-x left -35px;padding:4px 10px}
.side-pass-login2 span.right-crnr{background:url(../img/nametag.png) no-repeat right top;padding:10px 5px 5px}
.stamp-share .side-pass-login2 a.logout,.stamp-share .side-pass-login2 a.logout:hover,.stamp-share .side-pass-login2 a.logout:link,.stamp-share .side-pass-login2 a.logout:visited{position:absolute;right:20px;top:165px;color:#aaa;font-size:12px;text-decoration:underline}
.stamp-share .side-pass-login2 a.edit{display:block;width:100px;height:30px;position:absolute;right:20px;bottom:20px;text-indent:-9999px}
.my-data{padding:15px 0;width:90%}
.my-data ul{margin-bottom:10px}
.my-data ul li{display:inline-block;padding:0 100px 0 20px;border-bottom:1px dotted #333;position:relative}
.my-data ul li a,.my-data ul li .desc{display:block;float:left;padding-left:15px;background:transparent url(../img/icon.gif) no-repeat left -118px;text-decoration:underline;width:150px}
.my-data ul li .desc{text-decoration:none}
.my-data ul li span{padding-left:10px}
.my-data ul.volunteer li .location{display:block;float:left;width:220px}
.my-data ul.volunteer li .date{position:absolute;right:20px;top:5px}
.my-data ul.history li .date{display:block;float:left;width:220px;padding-top:5px}
.my-data ul.history li .point{position:absolute;right:60px;padding:0}
span.point span{font-weight:bold;color:#b30000;padding:0 10px}
