@charset "utf-8";
html {}
body {background:url(../images/background/header_bg.jpg) repeat-x; font-family:Arial, Helvetica, "微軟正黑體","Microsoft JhengHei", "微软雅黑体","Microsoft YaHei", "新細明體", "PMingLiU", "細明體", "MingLiU", "標楷體", "DFKai-sb","宋体",SimSun, sans-serif;}

/*    header         */
/***********************************************/
#header{ width:1000px; height:91px; margin:0 auto;}
#logo{ float:left; width: 330px; height: 60px; background-image: url(../images/logo.png); overflow: hidden; white-space:nowrap; font-size:0px; text-indent:-9999px; z-index:1; margin:18px 0 0 29px;}
#logo a{ background:url(../images/logo.png) top left no-repeat; height:60px; text-indent:-9999px; display:block; white-space:nowrap;}
#logo a:hover{ background:url(../images/logo.png) top left no-repeat; text-align:center;}
/*    語系        */
/***********************************************/
#language{ width:164px; height:91px; padding-top:0px; float:right;}
#language ul{width:150px; font-size:0.75em; margin-top:30px;}
#language li{ float:left; width:40px; height:40px; background-image:url(../images/button/button_language.png); background-repeat:no-repeat; background-position:center top; text-align:center;}
#language li a { display:block; width:40px;height:40px; white-space:nowrap; line-height:40px; color:#333;}
#language li a:hover{ background-image:url(../images/button/button_language.png); background-repeat:no-repeat; background-position:center bottom; color:#000 !important ; }
#language li.active a{ background-image:url(../images/button/button_language.png); background-repeat:no-repeat; background-position:center bottom; color:#000 !important ; }
/*    sub-nav  內頁()       */
/***********************************************/
/*    wrapper        */
/***********************************************/
#wrapper{ width:100%; background-color:#eee; height:auto; border-top-width: 1px; border-top-style: solid; border-top-color: #FFF;}


/*    container集裝箱         */
/***********************************************/
#container_wrap{ width:1000px; margin:0 auto; height:auto;}
#container_cap{ width:1000px; height:45px; background-image:url(../images/background/visual_cap.jpg); margin:0 auto;}
#container{ background-color:#FFF; width:948px; margin:0 auto; height:auto; border-right-width: 1px; border-left-width: 1px; border-right-style: solid;
	border-left-style: solid; border-right-color: #d4d4d4; border-left-color: #d4d4d4;}
/*    visual_ad_視覺輪播         */
/***********************************************/
#visual{ width:948px;}
.visual_main{ width:948px; height:310px;}
.visual_sub{}
#visual_fg{position:absolute; width:948px; height:310px; background:url(../images/visual_fg.png); left:0px; top:0px; z-index:100;}
/*    mid 首頁(中)        */
/***********************************************/
#mid{ width:948px; height:auto; overflow:hidden; background-image:url(../images/background/mid_bg.gif); background-repeat:repeat-y;}
#certificate{ width:470px; float:left; background-image:url(../images/background/box_bg_right.jpg); background-position:right top; background-repeat:no-repeat; padding-right:37px; margin-left:19px; background-color:#FFF;}
#certificate ul{ width:470px;}
#certificate ul li{ float:left; text-align:center; margin:0 8px 0; width:140px; }
#certificate ul li a{ font-size:0.75em; }
#certificate ul li a:hover{ }
/*    頁面靠上回頂端        */
/**********************************************
.up{ float:left; width: 25px; height: 22px; background-image: url(../images/button/bt_up.png); overflow: hidden; text-indent:-9999px;
	z-index:2; position:fixed; left:50%; bottom:130px; margin-left:485px;}
.up a{ background:url(../images/button/bt_up.png) top left no-repeat; height:22px; text-indent:-9999px; display:block; white-space:nowrap;}
.up a:hover{ background:url(../images/button/bt_up.png) bottom left no-repeat; text-align:center;}*/

/*    contact 首頁(中右)        */
/***********************************************/
#contact{ width:385px; float:right; background-image:url(../images/background/box_bg_right.jpg); background-position:right top; background-repeat:no-repeat; padding-right:37px; margin-left:0px;}
.tit_cap{ width:100%; height:63px; background-image:url(../images/background/box_bg_cap.jpg); background-position:right top;}
.tit_cap h2{ font-size:1em; display:block; width:98px; height:43px; background:url(../images/background/tit_bg.jpg) no-repeat left; padding:20px 0 0 45px; float:left; color:#116e6b;}
.more{ height: 20px; width: 38px; float:right; background-repeat: no-repeat; background-image:url(../images/button/bt_more.png); overflow: hidden; white-space:nowrap; font-size:0px; text-indent:-9999px; margin:20px 5px 0 0 ;}
.more a{ background-image:url(../images/button/bt_more.png) top left no-repeat; height:20px; font-size:0px; text-indent:-9999px; display:block; white-space:nowrap;}
.more a:hover{ background-image:url(../images/button/bt_more.png) top left no-repeat;}
#container_below{ width:1000px; height:40px; background-image:url(../images/background/content_below.jpg); margin:0 auto;}

/*    side 內頁(側)         */
/***********************************************/
#side_cap{ width:192px; height:17px; background-color:#fff;}
#side{ width:191px; float:left; margin:0 8px 0 0; border-right:1px solid #ddd; height:auto;}
#side dl{ width:170px; float:right;}
#side dt {width:160px; height:30px; background-image:url(../images/background/side_tit_bg.jpg); color:#FFF; padding:0 0 0 10px; line-height:27px; margin-bottom:4px;}

#side dd{ display:block; width:170px; border-bottom:#ededed 1px solid; font-size:0.8em; margin-bottom:1px;}
#side dd a{ display:block; width:150px; padding:8px 0 6px 20px; background-image:url(../images/background/dot-1.gif); background-repeat:no-repeat; background-position:10px 13px; line-height:1.3;}
#side dd a:hover{ background-color:#dbf0ff;}
#side dd.active a{ color:#174686; background-color:#dbf0ff;}

/*排版對齊樣式*/
/***********************************************/
.reset, dl.reset dd{ margin:0; padding:0; list-style: none;}
.clear-both { clear: both; display: block; font: 0px/0px sans-serif;}
.clear-left { clear:left;}
.clear-right { clear:right;}
.float-left { float: left;}
.float-right { float: right;}
.text-center{ text-align:center;}
.text-left{ text-align: left;}
.text-right{ text-align: right;}
.space{ margin:0 5px 0;}
.margin_5{ margin:5px;}
.margin_10{ margin:10px;}

/*    main 內頁(右)         */
/***********************************************/
#main{ width:748px; height:auto; float:right;}


/*    breadcrumb麵包屑 內頁(右)         */
/***********************************************/
/*確保用戶能夠區分每個麵包屑級別之間的差異。 電平之間的最常見的分離器是“大於”字符（>）。 其他好的分離器包括右雙角引號（»），斜杠（/）和箭頭（→）。 如果使用純文本字符，只能使用一個。（»更具吸引力，比有效的>>）*/
/***********************************************/

#breadcrumb{ width:700px; text-align:right; margin:0 auto 12px; font-size:75%;}
#breadcrumb strong{color:#174686;}
#breadcrumb .point{ margin:0 6px 0; font-size:16px; text-align:justify; vertical-align:middle; line-height:16px;}

/*    內容區 內頁(右)         */
/***********************************************/
#content{ width:700px; margin:0 auto; font-size:93.8%; line-height:1.5; height:auto; letter-spacing:0.05em;}
#content h1{ display:block; width:700px; border-bottom:2px solid #3574a7; color:#173f59;}
/*    footer         */
/***********************************************/
#footer{ width:100%; height:100px; background-color:#013162; border-top-width: 2px; border-top-style: solid; border-top-color: #d2d6e2; font-size:0.8em;}
#footer_wrap{ width:980px; margin:0 auto; background-color:#013162;}
/*    copyright 版權資訊        */
/***********************************************/
#copyright_info{ width:980px; height:60px; margin:5px auto 0px; line-height:1.6; color:#FFF; text-align:center;}
#copyright_info a{ color:#fff;}

#footer_nav{ width:980px; text-align:center;}
#footer_nav ul.tw{ display:block; width:310px; color:#fff000; margin:0 auto; text-align:center;}
#footer_nav ul.tw li{ float:left; padding:0 4px 0 8px; line-height: 33px; background:url(../images/background/dashed_white.gif) no-repeat left center; background-color:#013162;}
#footer_nav ul.tw li a{ color:#fff000;}
#footer_nav ul.tw li a:hover{}
#footer_nav ul.tw li.break { background-image:none;}

#footer_nav ul.jp{ display:block; width:430px; color:#fff000; margin:0 auto; text-align:center;}
#footer_nav ul.jp li{ float:left; padding:0 4px 0 8px; line-height: 33px; background:url(../images/background/dashed_white.gif) no-repeat left center;}
#footer_nav ul.jp li a{ color:#fff000;}
#footer_nav ul.jp li a:hover{}
#footer_nav ul.jp li.break { background-image:none;}

#footer_nav ul.en{ display:block; width:370px; color:#fff000; margin:0 auto; text-align:center;}
#footer_nav ul.en li{ float:left; padding:0 4px 0 8px; line-height: 33px; background:url(../images/background/dashed_white.gif) no-repeat left center;}
#footer_nav ul.en li a{ color:#fff000;}
#footer_nav ul.en li a:hover{}
#footer_nav ul.en li.break { background-image:none;}

.icon_arrow{ border-radius:10px 10px 10px 10px; display:inline-block; border-color:transparent transparent transparent #F00; border-style:solid; border-width:5px 0px 5px 5px; margin-right:7px;}
.icon_whirl{border:#76a01f 5px dotted; border-radius:5px; width:5px; height:5px;}