Font Awesome icon usage statistics

  • 0 types of Font Awesome iconic font are used and found 0 times in total.
  • BFW.COM.TW used 0 Font Awesome classes per each class in average.
  • Font Awesome usage statistics of BFW.COM.TW are based on first landing page and within top 1M websites only. Click the font icon to see all websites using it.
  • BFW.COM.TW includes "http://BFW.COM.TW/min/?f=/assets/css/etime_style.css,/assets/css/edward-fixed.css,/assets/plugins/font-awesome/css/font-awesome.min.css,/assets/css/index.css,/assets/plugins/flexslider/flexslider.css" to use Font Awesome and information from CSS is like below.
  • @font-face{font-family:eurostile;src:url("/assets/fonts/eurostile.edt");src:local("eurostile"),url("/assets/fonts/eurostile.woff")}.menu{height:100px;width:560px;margin-right:50px;background-image:url(/assets/images/menu_bg_end.png);background-repeat:no-repeat;background-position:right top;font-family:"eurostile","Microsoft JhengHei","微軟正黑體",Verdana,Arial,Helvetica,sans-serif}.menu ul
    li{display:block;float:left;height:100px;width:80px;text-align:center}.menu ul li
    a{background:url(/assets/images/menu_bg.png) no-repeat;display:block;height:60px;width:80px;font-size:14px;color:#333;text-decoration:none;padding-top:40px}.menu ul li a:hover{background:url(/assets/images/menu_bg-on.png) no-repeat;color:#FFF}a.menu_on:link{background:url(/assets/images/menu_bg-on.png) no-repeat;display:block;height:60px;width:80px;font-size:14px;color:#FFF;text-decoration:none;padding-top:40px}a.menu_on:visited{background:url(/assets/images/menu_bg-on.png) no-repeat;display:block;height:60px;width:80px;font-size:14px;color:#FFF;text-decoration:none;padding-top:40px}a.menu_on:hover{background:url(/assets/images/menu_bg-on.png) no-repeat;display:block;height:60px;width:80px;font-size:14px;color:#FFF;text-decoration:none;padding-top:40px}.enfont{font-family:eurostile}.logo
    img{border:none;margin-right:20px}.state{font-family:Verdana,"Microsoft JhengHei","微軟正黑體",Arial,Helvetica,sans-serif}.login{height:43px;line-height:35px;width:180px;color:#FFF;font-size:13px;text-align:center;background-image:url(/assets/images/topbg.gif);background-repeat:repeat-x;background-position:top}.login
    a{color:#FFF;text-decoration:none}.login a:hover{color:#FFF;text-decoration:underline}.login
    img{margin-bottom:0px}.facebook{margin-top:7px;text-align:center}.facebook
    a{color:#FFF;font-size:10px;line-height:18px;letter-spacing:1px;-webkit-text-size-adjust:none;text-decoration:none}.facebook_title{height:18px;background:#008cc7;padding-left:5px}.facebook_content{padding-top:10px}.facebook_text{color:#FFF;font-size:13px;text-align:center}.content{margin-top:10px;font-family:"Microsoft JhengHei","微軟正黑體",Verdana,Arial,Helvetica,sans-serif}.content-in{margin-top:0px;font-family:"Microsoft JhengHei","微軟正黑體",Verdana,Arial,Helvetica,sans-serif}.content-inshow1{margin-top:-10px;font-family:"Microsoft JhengHei","微軟正黑體",Verdana,Arial,Helvetica,sans-serif}.content-inshow2{margin-top:-20px;font-family:"Microsoft JhengHei","微軟正黑體",Verdana,Arial,Helvetica,sans-serif}.content-inshow3{margin-top:10px;font-family:"Microsoft JhengHei","微軟正黑體",Verdana,Arial,Helvetica,sans-serif}.back{width:560px;height:20px;text-align:right;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#ccc;font-weight:700}.back
    a{line-height:20px;font-size:12px;color:#333;text-decoration:none}.back a:hover{line-height:20px;font-size:12px;color:#008cc7;text-decoration:underline}.contentTitle{font-size:15px;color:#008cc7;font-weight:700;line-height:20px;margin-bottom:25px}.contentText{font-size:13px;line-height:24px;color:#555;margin-bottom:25px;margin-top:25px}.contentText-onepage{font-size:13px;line-height:24px;color:#555;margin-bottom:25px;margin-top:10px}.news{width:560px}.news
    img{border:1px
    solid #c5c4c2}.news_title{height:65px;line-height:35px;font-size:14px;color:#008cc7;font-weight:700;border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#ccc}.news_content{text-align:center;margin-top:10px}.news_photo-r{width:230px;margin-top:5px;margin-left:25px}.news_photo-r
    img{margin-bottom:25px}.news_photo,.news_photo-r{width:230px;margin-top:5px;margin-right:25px}.news_photo img,.news_photo-r
    img{margin-bottom:25px}.products{width:545px;margin-left:15px}.products
    img{border:0}.products_class{width:560px;height:30px;text-align:left;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#ccc;font-size:20px;color:#008cc7}.products_class
    a{color:#008cc7;text-decoration:none}.products_title{line-height:40px;font-size:20px;color:#008cc7}.products_photo{width:240px;margin-top:15px;margin-left:25px}.products_photo
    img{margin-bottom:5px}.products_list_Pname{line-height:40px;text-align:center;padding-top:10px;width:255px}.products_list_Pname a:link, .products_list_Pname a:visited{font-size:15px;color:#333;text-decoration:none;letter-spacing:1px}.products_list_Pname a:hover{color:#008cc7;text-decoration:none}.products_show_Pclass{width:560px;text-align:left;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#ccc;padding-top:10px;padding-bottom:10px}.products_show_Pclass a:link, .products_show_Pclass a:visited{line-height:20px;font-size:13px;color:#333;text-decoration:none;padding-right:10px;padding-left:10px}.products_show_Pclass a:hover{color:#ff6400;text-decoration:none}.products_show_Pclass a.at:link, .products_show_Pclass a.at:visited{line-height:20px;font-size:13px;color:#ff6400;text-decoration:none;padding-right:10px;padding-left:10px}.products_show_Pclass a.at:hover{color:#ff6400;text-decoration:none}.products_show_noteleft{width:300px;margin-top:0px;margin-left:0px;margin-right:15px}.products_show_noteleft-title{line-height:40px;font-size:20px;color:#555;padding-top:8px;padding-bottom:8px;padding-left:10px}.products_show_noteleft-text{line-height:23px;font-size:13px;color:#555;padding-top:8px;padding-bottom:8px;padding-left:10px}.products_show_noteleft a:link, .products_show_noteleft a:visited{line-height:20px;font-size:14px;color:#008cc7;text-decoration:none}.products_show_noteleft a:hover{text-decoration:underline}.products_show_noteright{width:245px;margin-top:0px;margin-left:0px;margin-right:0px}.products_show_noteright-t0{font-size:13px;color:#555;padding-top:6px;padding-bottom:6px}.products_show_noteright-t1{font-size:14px;color:#555;font-weight:bold;padding-top:6px;padding-bottom:6px;padding-left:5px}.products_show_noteright-t2{font-size:14px;color:#555;padding-top:6px;padding-bottom:6px}.products_show_noteright-t3{font-size:14px;color:#555;font-weight:bold;padding-top:15px;padding-bottom:15px;padding-left:5px}.products_show_noteright-price{font-size:14px;color:#900;padding-top:6px;padding-bottom:6px;font-weight:bolder}.td_products-bg01{background-image:url(/assets/images/use/page_img-001.gif);background-repeat:no-repeat;background-position:right bottom;padding:10px}.td_products-bg02{padding:10px}.td_products-text01{font-size:13px;line-height:18px;color:#555;padding-top:8px;padding-bottom:8px}.td_products-title01{font-size:15px;line-height:25px;color:#555;margin-bottom:5px}.td_space-bg01{padding-top:10px}.td_space-bg02{padding-top:10px;background-image:url(/assets/images/use/page_img-004.gif);background-repeat:no-repeat;background-position:center center;width:12px}.form_select_01{background-color:#FFF;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;font-weight:normal;color:#555;vertical-align:middle}.service{width:545px;margin-left:15px}.service
    a{color:#008cc7;text-decoration:none}.service_store_Text{font-size:13px;line-height:24px;color:#555;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#CCC;padding-top:6px;padding-bottom:6px}.service_store_Title{font-size:14px;line-height:24px;color:#008cc7;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#CCC;padding-top:10px;padding-bottom:10px;padding-left:10px}.service_qa_menu{width:560px;text-align:left;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#ccc}.service_qa_menu
    a{padding-left:5px;padding-right:12px}.service_qa_menu
    img{margin-bottom:20px}.service_qa_onoff{margin-bottom:10px}.service_qa_onoff-black{font-size:13px;line-height:24px;color:#555}.service_qa_onoff
    a{font-size:16px;line-height:24px;font-family:Verdana,"Microsoft JhengHei","微軟正黑體",Arial,Helvetica,sans-serif;color:#F60;text-decoration:none;font-weight:bold}.Text_contact_title{font-size:14px;color:#333;line-height:28px}.Text_contact_text{font-size:12px;color:#555;line-height:20px}.Text_contact_icon{font-size:13px;line-height:18px;color:#F60}.form_btn1{border:1px
    solid #999;background-color:#008cc7;font-size:12px;color:#FFF;text-decoration:none;padding:5px;margin-left:0px}.form_textarea_01{background-color:#f5f5f5;font-size:11px;font-weight:normal;color:#666;width:250px;border:1px
    solid #aaa;height:25px;vertical-align:middle}.form_textarea_02{background-color:#f5f5f5;font-size:11px;font-weight:normal;color:#666;width:323px;border:1px
    solid #aaa;height:25px;vertical-align:middle}.form_textarea_11{background-color:#f5f5f5;font-size:11px;font-weight:normal;color:#666;width:320px;border:1px
    solid #aaa}.form_textarea_21{background-color:#f5f5f5;color:#666;border:1px
    solid #aaa;height:30px;vertical-align:middle;margin-left:0px}.recipe_class1{width:540px;padding-top:0px;padding-left:20px}.recipe_btn_list1
    img{margin-bottom:15px;margin-right:15px}.recipe_class2{width:550px;padding-top:0px;padding-left:10px}.recipe_foodname{width:560px;height:30px;text-align:left;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#ccc;font-size:20px;color:#ECA705}.recipe_free{width:560px;height:30px;text-align:left;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#ccc;font-size:20px;color:#ECA705;padding-top:30px}.recipe_pro{width:560px;height:30px;text-align:left;font-size:20px;color:#ECA705;padding-top:30px}.recipe_pro_sub{width:560px;text-align:left;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#ccc;padding-top:15px;padding-bottom:20px}.recipe_td1{border-top-width:1px;border-top-style:solid;border-top-color:#CCC;padding-top:15px;padding-bottom:15px}.recipe_td2{font-size:13px;color:#555;padding-top:15px;padding-bottom:15px;padding-left:25px;line-height:20px}.recipe_td2_num{list-style-type:decimal;margin-left:20px}.recipe_td3{padding-right:10px}.recipe_td3_title{font-size:15px;font-weight:bold;padding-bottom:10px}.recipe_td3_title-color{color:#51676D}.recipe_td3
    ul{list-style-type:decimal;margin-left:20px}.recipe_td4{font-size:14px;line-height:24px;color:#008cc7;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#CCC;padding-top:10px;padding-bottom:10px;padding-left:10px}.recipe_td4_contentText{font-size:13px;line-height:24px;color:#555;margin-bottom:25px;margin-top:25px}.recipe_td4_contentText
    ul{list-style-type:disc;margin-left:20px}.recipe_td5{font-size:14px;line-height:24px;color:#008cc7;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#CCC;padding-top:20px;padding-bottom:10px;padding-left:10px}.recipe_td5_title-color{font-size:14px;line-height:24px;color:#F60;padding-top:10px;padding-bottom:10px;padding-left:10px}.recipe_back{text-align:right;font-weight:700;margin-top:-23px}.recipe_back
    a{line-height:20px;font-size:12px;color:#333;text-decoration:none}.recipe_back a:hover{line-height:20px;font-size:12px;color:#008cc7;text-decoration:underline}.media_list_Title{font-size:14px;line-height:24px;color:#008cc7;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#CCC;padding-top:10px;padding-bottom:10px;padding-left:0px;padding-right:15px}.media_list_Text{font-size:13px;line-height:24px;color:#555;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#CCC;padding-top:6px;padding-bottom:6px}a.link_media-tilte:link{line-height:30px;font-size:16px;color:#008CC7;text-decoration:none}a.link_media-tilte:visited{line-height:30px;font-size:16px;color:#008CC7;text-decoration:none}a.link_media-tilte:hover{line-height:30px;font-size:16px;color:#F90;text-decoration:none}.action_content{font-size:12px;line-height:22px;padding-bottom:35px}.action_img_info{font-size:11px;line-height:16px;color:#938f8f;padding-top:10px}.action_list_td{padding-bottom:15px;padding-left:15px}.action_title_date_1{font-size:12px;line-height:16px;color:#938f8f;letter-spacing:1px;padding-left:8px;padding-top:10px;padding-bottom:7px}.action_title_01{font-size:12px;line-height:16px;color:#555;padding-left:8px;padding-bottom:10px}.action_title_02{font-size:12px;line-height:16px;color:#d8982b;padding-left:8px;padding-top:10px;padding-bottom:20px;font-weight:bold}#info{width:550px;padding-left:10px;padding-top:0px}#post-news
    img{float:left;height:100px;width:100px;margin-right:15px;margin-bottom:5px}#post-news
    ul{font-size:13px;line-height:20px;color:#555}#post-news
    li{clear:left;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#CCC;padding-bottom:20px;padding-top:20px}#post-news li
    a{color:#008cc7;text-decoration:none}#post-news li a:hover{color:#F60;text-decoration:none}.post-news_title{clear:right;font-size:15px;line-height:30px;color:#008CC7}.post-note{float:right;width:300px;padding-top:20px;margin-top:50px;padding-bottom:20px;border-top-width:1px;border-bottom-width:1px;border-top-style:solid;border-bottom-style:solid;border-top-color:#F90;border-bottom-color:#F60}.post-note
    img{border:0;display:block;margin-bottom:10px}.about_title{height:18px;background:#008cc7;color:#FFF;padding-top:2px;padding-right:5px;padding-bottom:2px;padding-left:5px}.about_text{font-size:13px;line-height:22px;color:#555;padding-top:15px;padding-bottom:15px}.about_textMark{font-size:13px;line-height:22px;color:#ECA705}.about_td1{padding-top:15px;padding-bottom:15px}.about_td2{border-top-width:1px;border-top-style:solid;border-top-color:#CCC;padding-top:15px;padding-bottom:15px}.brand_title{height:18px;background:#008cc7;color:#FFF;padding-top:2px;padding-right:5px;padding-bottom:2px;padding-left:5px}.brand_text{font-size:13px;line-height:22px;color:#555;padding-top:12px;padding-bottom:15px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#999}.brand_textMark{font-size:13px;line-height:22px;color:#ECA705}a.link_brand-tilte:link{font-size:14px;color:#008CC7;text-decoration:none}a.link_brand-tilte:visited{font-size:14px;color:#008CC7;text-decoration:none}a.link_brand-tilte:hover{font-size:14px;color:#F90;text-decoration:none}.pagenav{clear:left;text-align:center;font-size:13px;line-height:20px;padding-top:20px}.pagenav
    a{color:#333;display:inline-block;margin-right:1px;text-decoration:none;padding-right:5px;padding-left:5px}.pagenav a:hover{color:#008cc7;display:inline-block;margin-right:1px;text-decoration:none;padding-right:5px;padding-left:5px}.pagenav a.current:link, .pagenav a.current:visited{color:#F60;display:inline-block;margin-right:1px;text-decoration:none;padding-right:5px;padding-left:5px;font-weight:bold}.btn1{display:inline;margin-right:5px}.btn1 a:link, .btn1 a:visited, .btn1 a:active{background:#52686e;color:#FFF;padding:5px;text-decoration:none}.btn1 a:hover{background:#ffc847;color:#FFF;text-decoration:none}.btn1_at{display:inline;margin-right:5px}.btn1_at a:link, .btn1_at a:visited, .btn1_at a:active{background:#ffc847;color:#FFF;padding:5px;text-decoration:none}.btn1_at a:hover{background:#ffc847;color:#FFF;text-decoration:none}.btn2{display:block;margin-right:60px;margin-bottom:20px}.btn2 a:link, .btn2 a:visited, .btn2 a:active{display:block;background-color:#008cc7;color:#FFF;padding:5px;text-decoration:none;width:200px}.btn2 a:hover{display:block;color:#FFF;text-decoration:none;background-color:#F90}.btn2
    img{float:right;margin-top:8px}.btn3{display:inline;margin-right:5px}.btn3 a:link, .btn3 a:visited, .btn3 a:active{font-size:13px;color:#333;padding:5px;text-decoration:none;background-color:#EEE}.btn3 a:hover{background:#008cc7;color:#FFF;text-decoration:none}.btn3_at{font-size:13px;display:inline;margin-right:5px}.btn3_at a:link, .btn3_at a:visited, .btn3_at a:active{background:#008cc7;color:#FFF;padding:5px;text-decoration:none}.btn3_at a:hover{background:#008cc7;color:#FFF;text-decoration:none}.btn4_all{width:100%;font-size:13px;color:#555}ul.btn4{float:right;height:25px}ul.btn4
    li{float:left;height:25px;line-height:25px;overflow:hidden;position:relative;margin-right:10px;border:1px
    solid #CCC;background-color:#F60}ul.btn4 li
    a{display:block;padding:0
    10px;color:#FFF;text-decoration:none}ul.btn4 li a:hover{background:#ECA604}.class_sub{clear:left;width:245px;font-size:12px;color:#555;margin-top:15px;margin-bottom:35px}ul.pname{width:250px;height:50px}ul.pname
    li{float:left;width:50px;height:62px;line-height:20px;overflow:hidden;position:relative;margin-right:10px;text-align:center}ul.pname li a:link{display:block;color:#000;text-decoration:none;background-color:#EFEFEF}ul.pname li a:visited{color:#000}ul.pname li a:hover{color:#FFF;background:#ffc847;display:block}ul.pname li a.at:link{display:block;color:#FFF;text-decoration:none;background-color:#ffc847}ul.pname li a.at:visited{color:#FFF;background-color:#ffc847;display:block}ul.pname li a.at:hover{color:#FFF;background:#ffc847}.pnameIMG{width:50px}.Part_sub_show{width:560px;height:130px;text-align:center;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#ccc;padding-top:10px;padding-bottom:10px}.w20-l{display:block;width:30px;border-right-width:1px;border-right-style:solid;border-right-color:#CCC;padding-right:10px}.w20-r{display:block;width:30px;padding-left:10px}.Part_sub{width:120%;font-size:12px;line-height:17px;-webkit-transform:scale(0.9);-o-transform:scale(1);margin-left:-18px}ul.partname{width:100%}ul.partname
    li{display:block;float:left;width:105px;height:140px;text-align:center;border-right-width:1px;border-right-style:solid;border-right-color:#CCC;padding-right:10px;padding-left:10px}ul.partname li a:link{color:#555;text-decoration:none}ul.partname li a:visited{color:#555}ul.partname li a:hover{color:#008cc7}ul.partname li a.at:link{display:block;color:#008cc7;text-decoration:none}ul.partname li a.at:visited{color:#008cc7}ul.partname li a.at:hover{color:#008cc7}.partnameIMG{width:105px}.abgne_tab{clear:left;width:245px;margin:0px
    0;line-height:23px;font-size:13px;color:#555}ul.tabs{width:100%;height:25px}ul.tabs
    li{float:left;height:25px;line-height:25px;overflow:hidden;position:relative;margin-right:10px;border:1px
    solid #CCC;background:#fff}ul.tabs li
    a{display:block;padding:0
    10px;color:#000;text-decoration:none}ul.tabs li a:hover{background:#ccc}ul.tabs
    li.active{background:#ffc847;color:#FFF}ul.tabs li.active a:hover{background:#ffc847;color:#FFF}div.tab_container{clear:left;width:100%;height:350px;border:1px
    solid #fff;background:#fff}div.tab_container
    .tab_content{padding-top:15px;padding-bottom:10px;padding-left:5px}div.tab_container .tab_content
    h2{font-weight:bold;margin-top:15px;margin-bottom:15px;color:#008cc7}.leftmenu{width:140px;margin-top:10px;margin-left:3px;margin-right:20px;font-family:Verdana,"Microsoft JhengHei","微軟正黑體",Arial,Helvetica,sans-serif}.nav{list-style:none;margin:0;padding:0;width:140px;border-top:#ccc 1px solid}.nav
    li{border-bottom:#ccc 1px solid}.nav li a:link, .nav li a:visited{background-color:#FFF;color:#666;padding:0.4em;display:block;text-decoration:none;font-size:18px}.nav li a:hover{background-color:#52676e;color:#FFF;font-size:18px}.nav li a.on:link, .nav li a.on:visited{background-color:#52676e;color:#FFF;padding:0.4em;display:block;text-decoration:none;font-size:18px}.nav li a.on:hover{background-color:#52676e;color:#FFF;font-size:18px}.nav
    ul{list-style:none;margin:0;padding:0;border:0}.nav ul
    li{border:0}.nav ul li a:link, .nav ul li a:visited{background-color:#FFF;color:#666;padding:0.8em 0.8em 0.5em 1em;display:block;text-decoration:none;font-size:13px}.nav ul li a:hover{background-color:#f6f6f6;color:#008cc7;font-size:13px}.nav ul li a.at:link, .nav ul li a.at:visited{background-color:#f6f6f6;color:#008cc7;padding:0.8em 0.8em 0.5em 1em;display:block;text-decoration:none;font-size:13px}.nav ul li a.at:hover{background-color:#f6f6f6;color:#008cc7;font-size:13px}.leftmenuP{width:140px;margin-top:10px;margin-left:3px;margin-right:20px;font-family:Verdana,"Microsoft JhengHei","微軟正黑體",Arial,Helvetica,sans-serif}.navP{list-style:none;margin:0;padding:0;width:140px;border-top:#ccc 1px solid}.navP
    li{border-bottom:#ccc 1px solid}.navP li a:link, .navP li a:visited{background-color:#FFF;color:#666;padding:0.4em;display:block;text-decoration:none;font-size:13px;line-height:23px}.navP li a:hover{background-color:#52676e;color:#FFF;font-size:13px;line-height:23px}.navP li a.on:link, .navP li a.on:visited{background-color:#52676e;color:#FFF;padding:0.4em;display:block;text-decoration:none;font-size:13px;line-height:23px}.navP li a.on:hover{background-color:#52676e;color:#FFF;font-size:13px;line-height:23px}.navP
    ul{margin:0;padding:0;border-bottom:#ccc 1px solid}.navP ul
    li{border:0}.navP ul li a:link, .navP ul li a:visited{background-image:url(/assets/images/dot_02.png);background-repeat:no-repeat;background-position:left center;color:#666;padding:0.2em 0.2em 0.5em 1.5em;display:block;text-decoration:none;font-size:13px}.navP ul li a:hover{background-color:#f6f6f6;color:#008cc7;font-size:13px}.navP ul li a.at:link, .navP ul li a.at:visited{background-color:#f6f6f6;color:#008cc7;padding:0.2em 0.2em 0.5em 1.5em;display:block;text-decoration:none;font-size:13px}.navP ul li a.at:hover{background-color:#f6f6f6;color:#008cc7;font-size:13px}.right_banner{margin-top:10px;margin-left:50px}.right_banner
    li{margin-bottom:15px}.right_banner li
    img{border:none}.footer{width:100%;background-color:#f4f4f4;height:60px;position:relative;margin-top:-70px;clear:both;padding-top:10px}.footer
    p{height:25px;line-height:22px;text-align:center;color:#333;font-size:13px;font-family:"Microsoft JhengHei","微軟正黑體",Verdana,Arial,Helvetica,sans-serif}.CR_s{font-size:11px;color:#333;letter-spacing:1px;-webkit-transform:scale(0.9);-o-transform:scale(1);display:inline-block}#back-top{position:fixed;bottom:30px;right:6px}#back-top
    a{width:20px;display:block;text-align:center;text-decoration:none;color:#333;-webkit-transition:1s;-moz-transition:1s;transition:1s;font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:100%;-webkit-transform:scale(0.9);-o-transform:scale(1);display:inline-block}#back-top a:hover{color:#000}.leftmenu ul.nav li
    ul{display:none}.leftmenuP ul.navP li
    ul{display:none}.products_show_Pclass{width:auto}.leftmenuP ul.navP li a.on+ul{display:inline}.mycontainer{overflow:auto;display:block}.mycontainer>.thumbnail{margin:5px;width:245px;height:200px;float:left;text-align:center;padding-bottom:15px;padding-right:15px}.mycontainer > .thumbnail a
    h3{font-size:9pt;color:#666;margin-top:5px;line-height:13pt}.mycontainer > .thumbnail
    a{text-decoration:none}.mycontainer
    img{border-right-width:10px;border-left-width:10px;border-right-style:solid;border-left-style:solid;border-top-color:#000;border-right-color:#000;border-bottom-color:#000;border-left-color:#000;background-color:#000}#dialog-form fieldset
    div{padding-top:10px}#dialog-form fieldset
    label{width:100px;display:inline-block}#dialog-form fieldset
    input{width:250px}#dialog-form
    .detail{padding:1em}.paginationControl
    .page_active{color:#39F}.x-hidden{display:none}#Comment
    label{width:250px;color:#F00;font-size:9pt}@font-face{font-family:'FontAwesome';src:url('/assets/plugins/font-awesome/font/fontawesome-webfont.eot?v=3.2.1');src:url('/assets/plugins/font-awesome/font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'),url('/assets/plugins/font-awesome/font/fontawesome-webfont.woff?v=3.2.1') format('woff'),url('/assets/plugins/font-awesome/font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'),url('/assets/plugins/font-awesome/font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');font-weight:normal;font-style:normal;}

Examples and source code

fa-lemon-o hidden-print t1

Place Font Awesome icons just about anywhere with the <i> tag.

<i class=" fa-lemon-o hidden-print t1"></i> fa-lemon-o hidden-print t1
Icon classes are echoed via CSS :before.

fa-lemon-o hidden-print t1

fa-lemon-o hidden-print t1

fa-lemon-o hidden-print t1

fa-lemon-o hidden-print t1

To increase icon sizes relative to their container, use the icon-large (33% increase), icon-2x, icon-3x, icon-4x, or icon-5x classes.

<p><i class=" fa-lemon-o hidden-print t1 icon-large"></i> fa-lemon-o hidden-print t1</p>
<p><i class=" fa-lemon-o hidden-print t1 icon-2x"></i> fa-lemon-o hidden-print t1</p>
<p><i class=" fa-lemon-o hidden-print t1 icon-3x"></i> fa-lemon-o hidden-print t1</p>
<p><i class=" fa-lemon-o hidden-print t1 icon-4x"></i> fa-lemon-o hidden-print t1</p>
If your icons are getting chopped off on top and bottom, make sure you have sufficient line-height.
  • Font Awesome icon can be used
  • to easily replace lists

Use icon-ul and icon-li to easily replace default bullets in unordered lists.

<ul class="icon-ul">
  <li><i class="icon-li  fa-lemon-o hidden-print t1"></i>Font Awesome icon can be used</li>
  <li><i class="icon-li  fa-lemon-o hidden-print t1 icon-spin"></i>to easily replace lists</li>
</ul>

Use a few styles together and you'll have easy pull quotes or a great introductory article icon.

Use icon-border and pull-right or pull-left for easy pull quotes or article graphics.

<i class=" fa-lemon-o hidden-print t1 icon-2x pull-left icon-border"></i>
Use a few styles together and you'll have easy pull quotes or a great introductory article icon.

  normal
  icon-rotate-90
  icon-rotate-180
  icon-rotate-270
  icon-flip-horizontal
  icon-flip-vertical

To arbitrarily rotate and flip icons, use the icon-rotate-* and icon-flip-* classes.

<i class=" fa-lemon-o hidden-print t1"></i>  normal<br>
<i class=" fa-lemon-o hidden-print t1 icon-rotate-90"></i>  icon-rotate-90<br>
<i class=" fa-lemon-o hidden-print t1 icon-rotate-180"></i>  icon-rotate-180<br>
<i class=" fa-lemon-o hidden-print t1 icon-rotate-270"></i>  icon-rotate-270<br>
<i class=" fa-lemon-o hidden-print t1 icon-flip-horizontal"></i>  icon-flip-horizontal<br>
<i class=" fa-lemon-o hidden-print t1 icon-flip-vertical"></i>  icon-flip-vertical

Use the icon-spin class to get any icon to rotate.

<i class=" fa-lemon-o hidden-print t1 icon-2x icon-spin"></i>
<i class=" fa-lemon-o hidden-print t1 icon-3x icon-spin"></i>
<i class=" fa-lemon-o hidden-print t1 icon-4x icon-spin"></i>

CSS3 animations aren't supported in IE8 - IE9.

fa-lemon-o hidden-print t1 on icon-check-empty
fa-lemon-o hidden-print t1 on icon-circle
fa-lemon-o hidden-print t1l on icon-sign-blank
icon-ban-circle on fa-lemon-o hidden-print t1

To stack multiple icons, use the icon-stack class on the parent, the icon-light for the regularly sized icon, and icon-stack-base for the larger icon. icon-light can be used as an alternative icon color. You can even throw larger icon classes on the parent to get further control of sizing.

<span class="icon-stack">
  <i class=" icon-check-empty icon-stack-base"></i>
  <i class=" fa-lemon-o hidden-print t1 "></i>
</span>
fa-lemon-o hidden-print t1 on icon-check-empty<br>
<span class="icon-stack">
  <i class=" icon-circle icon-stack-base"></i>
  <i class=" fa-lemon-o hidden-print t1 icon-light"></i>
</span>
fa-lemon-o hidden-print t1 on icon-circle<br>
<span class="icon-stack">
  <i class=" icon-sign-blank icon-stack-base"></i>
  <i class=" fa-lemon-o hidden-print t1 icon-light "></i>
</span>
fa-lemon-o hidden-print t1 on icon-sign-blank<br>
<span class="icon-stack">
  <i class=" fa-lemon-o hidden-print t1 icon-light"></i>
  <i class=" icon-ban-circle icon-stack-base text-error"></i>
</span>
icon-ban-circle on fa-lemon-o hidden-print t1