@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------*/
/* 左選單 */

/* 整體設置*/ 
#sidemenu { padding-bottom:19px; background:#f6f6f6 url("../images/side_menu.png") no-repeat -240px bottom; }
#sidemenu .menu_list li { position:relative; }
#sidemenu .menu_list a { display:block; text-decoration:none; }
#sidemenu .menu_list a.sf-with-ul {  }
	
/* 標題*/ 
#sidemenu div.title { background-color:#fff; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; border-top:1px solid #e5e5e5; }
#sidemenu div.title span { padding:11px; display:block; font-size:128.57%; font-weight:bold; line-height:120%; color:#fff; background-color:#9a9a9a; }
	
/* 主選單*/ 
#sidemenu .menu_list { position:relative; z-index:98; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background-color:#fff; width:220px; padding:4px 9px 25px 9px; }
#sidemenu .menu_list > li { border-bottom:1px solid #d9d9d9; }
#sidemenu .menu_list > li , #sidemenu .menu_list > li > a { color:#000; }
#sidemenu .menu_list > li span { padding:12px 22px 12px 0; line-height:125%; font-size:100%; font-weight:bold; }
	/*左邊icon*/
	#sidemenu .menu_list > li > a > span { display:block; background:url("../images/side_menu.png") no-repeat 7px 12px; padding-left:20px; }
	#sidemenu .menu_list > li:hover > a > span { background-position:7px -188px; }
	/*右邊icon*/
	#sidemenu .menu_list > li > a.sf-with-ul {  }
	#sidemenu .menu_list > li > a.sf-with-ul.slideDown {  }
	
#sidemenu .menu_list > li:hover > a { color:#01afec; }/*主選單hover效果*/


/* 子選單*/ 
#sidemenu .menu_list ul a { line-height:133%; text-align:left; }
#sidemenu .menu_list ul a:visited { color:#8d8d8d; }

	/* 設定第1層子選單 */
	#sidemenu .menu_list > li > ul { border-top:1px solid #d9d9d9; padding:10px 0; position:relative; zoom:1; }/*add position and zoom to fix ie7 bug when menu siblings*/
	#sidemenu .menu_list > li > ul > li > a { 
		padding:5px 5px 5px 36px; color:#3f3f3f; font-size:100%; 
		background:url("../images/side_menu.png") no-repeat 24px -396px;/*子選單左邊icon*/
		}
	#sidemenu .menu_list > li > ul > li > a:hover { color:#01afec; }/*子選單hover效果*/
	
	/* 設定第2層,第3層子選單 */
	#sidemenu .menu_list > li > ul > li > ul { padding:3px 0 3px 37px; }
	#sidemenu .menu_list > li > ul > li > ul > li > ul { padding:3px 0 3px 12px; }
	#sidemenu .menu_list > li > ul > li > ul li { 
		padding:3px 0 3px 14px; 
		background:url("../images/side_menu.png") no-repeat 4px -399px; 
		}
	#sidemenu .menu_list > li > ul > li > ul > li a { color:#8d8d8d; font-size:92.86%; }
	#sidemenu .menu_list > li > ul > li > ul > li a:hover { color:#000; }


/*----------------------------------------------------------------------*/
/* 導覽列(麵包屑) */
#breadcrumbs { padding:7px 0 7px 13px; position:relative; font-size:92.86%; }
#breadcrumbs ul { overflow:hidden; }
#breadcrumbs ul li { float:left; padding-right:14px; margin:0 8px 0 0; background:url("../images/breadcrumbs.png") no-repeat right center; line-height:140%; }
#breadcrumbs ul a { display:block; }
#breadcrumbs ul a:hover { text-decoration:underline; color:#000; }
#breadcrumbs ul li:first-child a {  }
#breadcrumbs ul li.last { background-image:none; font-weight:bold; }
#breadcrumbs ul li, #breadcrumbs ul li a { color:#a2a2a2; text-decoration:none; }
#breadcrumbs ul li.last, #breadcrumbs ul li.last a { color:#000; }


/*----------------------------------------------------------------------*/
/* 字級變換及工具列 */
.toolbar { padding:8px 0; overflow:hidden; border-top:1px solid #dadada; border-bottom:1px solid #dadada; margin:40px 0 30px; font-size:92.86%; }
.toolbar > div { float:right; }
.toolbar .toolbar_left { float:left; overflow:hidden; }
.toolbar .toolbar_right { float:left; overflow:hidden; }
.toolbar { line-height:23px; color:#9b9b9b; }
.toolbar a { display:block; background:url("../images/icon_toolbar.png") no-repeat; }

.toolbar .toolbar_left span { display:block; float:left; border-left:1px solid #dadada; padding-left:12px; margin-left:12px;  }
	.toolbar .toolbar_left span:first-child { border-left:0; padding-left:0; margin-left:0; }
.toolbar .toolbar_left span a { color:#9b9b9b; padding-left:20px; }
	.toolbar .toolbar_left span.return a { background-position:0 0; }
	.toolbar .toolbar_left span.print a { background-position:0 -23px; }
	.toolbar .toolbar_left span.mail a { background-position:0 -46px; }

.toolbar .toolbar_right dl { float:left; overflow:hidden; border-left:1px solid #dadada; padding-left:12px; margin-left:12px; }
.toolbar .toolbar_right dl:first-child {  }
.toolbar .toolbar_right dl dt, .toolbar .toolbar_right dl dd { float:left; }
.toolbar .toolbar_right a { text-indent:-10000px; }

/* 字級 */
.fontsize { overflow:hidden; line-height:23px; margin-bottom:20px; }
.fontsize dl { float:right; overflow:hidden; }
.fontsize dt { float:left; }
.fontsize dd { float:left; margin-left:3px; }
.fontsize dl a { width:17px; display:block; text-indent:-10000px; background:url("../images/icon_toolbar.png") no-repeat; } 
	.fontsize dl .font_small a { background-position:0 -69px; }
	.fontsize dl .font_medium a { background-position:0 -92px; }
	.fontsize dl .font_big a { background-position:0 -115px; }
.fontsize .noscript { clear:both; display:block; text-align:right; }
	
.toolbar .toolbar_right dl.share dd { margin-left:4px; }
.toolbar .toolbar_right dl.share a { width:20px; } 
	.toolbar .toolbar_right dl.share .twitter a { background-position:0 -138px; }
	.toolbar .toolbar_right dl.share .plurk a { background-position:0 -161px; }
	.toolbar .toolbar_right dl.share .facebook a { background-position:0 -184px; }
	.toolbar .toolbar_right dl.share .google_plus a { background-position:0 -207px; }

.toolbar .toolbar_right a:hover { opacity:0.8; filter:alpha(opacity=80); }


/*----------------------------------------------------------------------*/
/* Content */
/* 發表日期 */
p.postdate { padding-bottom:5px; margin:-30px 0 0; font-size:85.71%; color:#a0a0a0; font-family:Georgia, "Times New Roman", Times, serif; line-height:120%; }
/* 大標題 */
h1.title { clear:both; font-size:128.57%; line-height:120%; color:#fff; padding:10px 25px 15px; margin:0 -25px 12px; background:#03a3a4 url("../images/title_bg.png") repeat-x 0 bottom;  text-align:left;}
h2.title { font-size:171.43%; line-height:120%; color:#000; padding-bottom:5px; margin-bottom:20px; overflow:hidden; text-align:left;}
h3.title { font-size:128.57%; line-height:130%; color:#0073d4; padding:10px 0 5px; overflow:hidden; }

/* 子分類選擇 */
.cat_select { overflow:hidden; margin-top:20px; margin-bottom:20px; }
.cat_select h2 { float:left; font-size:128.57%; line-height:120%; color:#000; }
.cat_select h2 strong { color:#4f658d; }
.cat_select .select { float:right; }

/* 回最上層 */
.btn_top { text-align:center; padding-top:40px; }
.btn_top a { display:block; width:65px; height:26px; margin:0 auto; background:url("../images/btn_top.png") no-repeat 0 0; text-indent:-10000px; }
.btn_top a:hover { background-position:0 -26px; }


/*----------------------------------------------------------------------*/
/* 網站導覽 */
.sitemap_list { margin-left:40px; padding:10px 0; }
	ol.sitemap_list { list-style-type:decimal; }
	ul.sitemap_list { list-style-type:disc; }
.sitemap_list ul { list-style-type:disc; margin-left:20px; padding:5px 0 5px 0; }
.sitemap_list li { padding-bottom:5px; line-height:170%; }
.sitemap_list li strong { color:#77b900; }

.sitemap_tree {  }
.sitemap_tree .home a { border-left:0; padding-left:0; font-size:142.86%; color:#01afec; font-weight:bold; }
.sitemap_tree li { padding-top:5px; padding-bottom:5px; }
.sitemap_tree li a { display:block; text-decoration:none; }
.sitemap_tree li a:hover { text-decoration:underline; }
.sitemap_tree li.last { padding-bottom:0px; }
.sitemap_tree li.arrow > a {  }
.sitemap_tree > li li { line-height:130%; }
.sitemap_tree > li > ol > li a { padding:0; }

/* 第1層 */
.sitemap_tree > li { font-size:114.29%; font-weight:bold; color:#a10530; line-height:170%; }
	.sitemap_tree > li > a { color:#01afec; padding:2px 0 2px 5px; border-left:3px solid #01afec; }
/* 第2層 */
.sitemap_tree > li > ol { border-left:3px solid #dcdcdc; }
.sitemap_tree > li > ol > li { margin-left:20px; font-size:93.75%; font-weight:bold; color:#000; }
	.sitemap_tree > li > ol > li > a { color:#77b900; }
/* 第3層 */
.sitemap_tree > li > ol > li > ol { margin-left:30px; }
.sitemap_tree > li > ol > li > ol > li { font-size:93.33%; font-weight:bold; color:#4f658d; }
	.sitemap_tree > li > ol > li > ol > li > a { color:#4f658d; }
/* 第4層 */
.sitemap_tree > li > ol > li > ol > li > ol { margin-left:37px; }
.sitemap_tree > li > ol > li > ol > li > ol > li { font-size:92.86%; font-weight:bold; color:#818181; }
	.sitemap_tree > li > ol > li > ol > li > ol > li a { color:#818181; }
/* 第5層 */
.sitemap_tree > li > ol > li > ol > li > ol > li > ol { margin-left:46px; }
.sitemap_tree > li > ol > li > ol > li > ol > li > ol > li { font-size:92.86%; color:#818181; line-height:120%; }
	.sitemap_tree > li > ol > li > ol > li > ol > li > ol > li a { color:#818181; }


/*----------------------------------------------------------------------*/
/* 全球據點 */
.location_list { padding-top:20px !important; }
.location_list, .location_list ul { list-style-type:none !important; }
.location_list > li { line-height:133% !important; margin:10px 0; padding-left:16px; font-size:107.14%; background:url("../images/icon_pin.png") no-repeat; }
.location_list a { color:#7f7f7f; }
.location_list a:hover { color:#01afec; }
.location_list ul { margin-left:15px !important; padding-top:5px !important; }
.location_list ul li { font-size:93.33%; background:url("../images/icon_module.png") no-repeat 0 -195px; padding-left:10px; }