@charset "utf-8";
/**
* Markup by SonicHTML
* http://www.sonichtml.com
*/
/* Defaults */
:focus{outline:0}
a:link,a:visited{text-decoration:none;color:#999}
a:hover{text-decoration:underline}
body{font:normal 11px arial,"細明體",Corbel,Verdana,Helvetica,sans-serif}
img{border:0;vertical-align:bottom}
fieldset{border:0}
h1, h2, h3, h4, h5, h6{font-size:1em;}
p{margin:0 0 1em}
/* Public Sytle
------------------------------------------------------------------------------------------------------------*/
/*-- Containers --*/
body{}
#skip{height:0px;overflow:hidden;width:0px}
#page{}
/*-- Header --*/
#header{position:relative;height:210px;width:900px;margin:0 auto;}
#logo{position:absolute;left:0;top:20px;width:320px;height:74px;background:url(img/logo.png) no-repeat;}
#logo a{display:block;height:74px;text-indent:-9999px;}
#header .ver{position:absolute;right:40px;top:54px}
#header .ver a{font-size:11px;padding:0 4px;color:#333;}
#header .ver .current{color:#999;}
/*- navigation -*/
#navigation{position:absolute;left:0;top:125px;width:900px;height:85px;background:url(img/main_box_top.png) no-repeat;}
#navigation .nav{}
#navigation .nav li{float:left;width:114px; }
#navigation .nav li a{display:block;text-align:center;color:#fff;line-height:85px;font-size:13px;}
/*-- Footer --*/
#footer{width:100%;height:90px;margin-top:-20px;background:url(img/footer_bg.png) no-repeat center top;}
#footer .inner{width:900px;margin:0 auto;padding:40px 0 0 0;}
#footer p{color:#fff;padding:0 0 0 10px;font-size:14px;}
/*-- Content --*/
#content{zoom:1;width:900px;margin:0 auto;background:url(img/content_bg2.png) no-repeat right top ; }
#content:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
#content .wrap{zoom:1;width:742px;padding-right:158px; min-height:680px;_height:680px;/*background:url(img/content_foot.png) no-repeat right bottom;*/}
#content .wrap:after{visibility:hidden;display: block;font-size:0;content:" ";clear: both;height:0;}
#content .side{float:left;width:230px;}
#content .main{overflow:hidden;float:right;width:470px;padding:20px 24px 20px 16px;}
#content address{font-style:normal;font-size:14px;font-weight:bold;color:#348f39;padding:20px 0;background:#fff; }
#content address span{padding:0 6px;}
/*- side_img -*/
.side .side_img{position:relative;width:216px; height:324px;margin-top:4px;background:#348f39;}
.side .side_img .box{position:absolute;width:25px; height: 25px;background:#348f39;border:4px solid #fff; }
/*- news -*/
.side .news{color:#fff;width:186px;height:106px;padding:12px 20px;background:url(img/news_box_bg.png) no-repeat;}
.side .news h2{font-size:20px;margin-bottom:8px;}
.side .news p{font-size:11px;margin:0 0 0.5em;}
.side .news a{color:#fff;}
.side .news .btn_more{text-indent:-9999px;float:right;width:32px;height:33px;background:url(img/btn_news_more.png) no-repeat;}
/*- object -*/
#content .main .mt{font-size:18px;font-weight:bold;margin:0 0 1em; }
#content .main h3{color:#999;font-weight:bold;font-size:13.5px;text-decoration:underline;line-height:1.8em;}
#content .main p{color:#999;font-size:12px;line-height:1.6em;}
#content .main .line{height:8px;margin:0.6em 0; background:url(img/line_bg.png) no-repeat right top;}
/*#portfolio .main .mt,#news .main .mt{font-size:16px;}
#portfolio .main h3,#news .main h3{font-size:14px;}
/*-自己修改-*/
/*-- Content --*/
#contents{zoom:1;width:900px;margin:0 auto;background:url(img/content_bg2.png) no-repeat right top ; }
#contents:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
#contents .wrap{zoom:1;width:742px;padding-right:158px; min-height:680px;_height:680px;/*background:url(img/content_foot.png) no-repeat right bottom;*/}
#contents .wrap:after{visibility:hidden;display: block;font-size:0;content:" ";clear: both;height:0;}
#contents .side{float:left;width:230px;}
#contents .main{float:right;width:470px;padding:20px 24px 20px 16px;}
#contents address{font-style:normal;font-size:14px;font-weight:bold;color:#348f39;padding:20px 0;background:#fff; }
#contents address span{padding:0 6px;}
/*- side_img -*/
.side .side_img{position:relative;width:216px; height:324px;margin-top:4px;background:#348f39;}
.side .side_img .box{position:absolute;width:25px; height: 25px;background:#348f39;border:4px solid #fff; }
/*- news -*/
.side .news{color:#fff;width:186px;height:106px;padding:12px 20px;background:url(img/news_box_bg.png) no-repeat;}
.side .news h2{font-size:20px;margin-bottom:8px;}
.side .news p{font-size:11px;margin:0 0 0.5em;}
.side .news a{color:#fff;}
.side .news .btn_more{text-indent:-9999px;float:right;width:32px;height:33px;background:url(img/btn_news_more.png) no-repeat;}
/*- object -*/
#contents .main .mt{font-size:18px;font-weight:bold;margin:0 0 1em; }
#contents .main h3{color:#999;font-weight:bold;font-size:13px;text-decoration:underline;line-height:2.2em;}
#contents .main p{color:#999;font-size:13px;line-height:2.2em;}
#contents .main .line{height:8px;margin:0.6em 0; background:url(img/line_bg.png) no-repeat right top;}
/*-end自己修改-*/
/*- title -*/
.title{overflow:hidden; zoom:1;*padding:0 0 1em;}
.title .tabs{margin:4px 0 0 0;}
.title .tabs li{float:left;_white:40px;white-space:nowrap;}
.title .tabs li a{color:#999;padding:0 8px 0 4px;background:url(img/a_dot.gif) no-repeat right center;}
.title .tabs .active a{color:#000;font-weight:bold;}
.title .tabs .actives a{background:none;color:#000;font-weight:bold;}
.title .tabs .last a{background:none;}
title .tabs .lasts a{color:#fff;font-weight:bold;}
.title .pagination{float:right;}
/*-- pagination --*/
.pagination{padding:0 3px;margin:3px;font-size:10px;text-align:center;}
.pagination a{padding:2px 4px;margin:1px;background-color:#ffffff;!important;text-decoration:none;color:#999;font-weight:bold;}
.pagination a:hover, div.pagination a:active {color:#fff;background:#999;text-decoration:none;font-weight:bold;}
.pagination a:hover, div.pagination a:lasts {color:#fff;background:#999;text-decoration:none;font-weight:bold;}
.pagination span.current{padding:2px 4px;margin:1px;font-weight:bold;color:#000;}
.pagination span.disabled{padding:2px 4px;margin:1px;color:#DDD;}
/* Home Sytle
------------------------------------------------------------------------------------------------------------*/
#index #content{padding:0;background:url(img/index_main_box_bg2.jpg) no-repeat;}
#index .banner{height:327px;}
#index #content .wrap{width:auto;height:auto;min-height:120px;background:none;padding:0; }
#index #content .main{width:670px;padding:0;}
/*- index_notice -*/
#index .index_notice{height:100px;padding:20px 0 0 40px;background:url(img/index_notice_bg.png) no-repeat 520px bottom;}
#index .index_notice .list{width:480px;}
#index .index_notice .list li{overflow:hidden;height:24px;margin:0 0 0.5em;padding:0 0 0 24px;background:url(img/list_dot.gif) no-repeat 0 4px;}
#index .index_notice .list li a{font-size:14px;font-weight:bold}
/* About Sytle
------------------------------------------------------------------------------------------------------------*/
#aboutus{}
#aboutus .side .side_img{background:url(img/about_side_img.png) no-repeat;}
#aboutus .maina{line-height:1.8em;}
/* Strategy Sytle
------------------------------------------------------------------------------------------------------------*/
#strategy{}
#strategy .side .side_img{background:url(img/strategy_side_img.png) no-repeat;}
#strategy .side .side_img .box{left:48px;top:-18px;}
#strategy .maina{line-height:1.8em;}
/* Strength Sytle
------------------------------------------------------------------------------------------------------------*/
#strength{}
#strength .side .side_img{background:url(img/strength_side_img.png) no-repeat;}
#strength .side .side_img .box{left:10px;top:-18px;}
/* Governance Sytle
------------------------------------------------------------------------------------------------------------*/
#governance{}
#governance .side .side_img{background:url(img/governance_side_img.png) no-repeat;}
#governance .side .side_img .box{left:166px;top:-12px;}
#governance .main h3{text-decoration:underline;}
/*#governance .main p{padding:0;margin:0;}*/
#governance .main p{text-indent:2em}
#governance .maina{line-height:1.8em;}
/* Governance Sytle-自己改的
------------------------------------------------------------------------------------------------------------*/
#governances{}
#governances .side .side_img{background:url(img/governance_side_img.png) no-repeat;}
#governances .side .side_img .box{left:166px;top:-12px;}
#governances .main h3{text-decoration:underline;}
/*#governance .main p{padding:0;margin:0;}*/
/*#governances .main p{text-indent:2em}*/
#governances .maina{line-height:1.8em;}
/*end自己改的 */
/* Contactus Sytle
------------------------------------------------------------------------------------------------------------*/
#contactus{}
#contactus .side .side_img{background:url(img/contact_side_img.png) no-repeat;}
#contactus .side .side_img .box{display:none;}
#contactus fieldset{}
#contactus fieldset p{margin:0;padding:2px 0;}
#contactus fieldset p label{float:left;width:90px;font-weight:bold;cursor:pointer;}
#contactus fieldset p .inp_txt{color:#333;line-height:16px;width:286px; height:16px;padding:2px;background:#fff;border:1px solid #ccc;}
#contactus fieldset p .inp_textarea{color:#333;line-height:18px;width:286px;height:72px;padding:2px;background:#fff;border:1px solid #ccc;}
#contactus fieldset .btn{padding:0 0 0 90px;}
#contactus fieldset .btn_send{overflow:hidden;line-height:999em;text-indent:-9999px;*text-indent:0;width: 72px; height: 19px;background:url(img/btn_send.png) no-repeat ;border:0;cursor:pointer;}
#contactus fieldset .btn_send_cn{overflow:hidden;line-height:999em;text-indent:-9999px;*text-indent:0;width: 72px; height: 19px;background:url(img/btn_send_cn.png) no-repeat ;border:0;cursor:pointer;}
/* Portfolio Sytle
------------------------------------------------------------------------------------------------------------*/
#portfolio{}
#portfolio .side .side_img{background:url(img/portfolio_side_img.png) no-repeat;}
#portfolio .side .side_img .box{display:none;}
#portfolio .title .mt{float:left;margin-right:30px;}
/*- item -*/
#portfolio .item{overflow:hidden; zoom:1;margin:0 0 2em;}
#portfolio .item h3{color:#999;margin:0 0 1em;}
#portfolio .item p{overflow:hidden;zoom:1;margin:0;}
#portfolio .item .t{float:left;width:260px;}
#portfolio .item cite{float:right;width:180px; }
#portfolio .item .btn_act{display:inline;float:right;text-indent:-9999px;width: 59px; height:16px;margin:0 36px 0 0; background:url(img/btn_act.png) no-repeat ; }
/*- item2 -*/
#portfolio .item2{overflow:hidden;zoom:1;margin:0.5em 0 2em;}
#portfolio .item2 h3{margin:0;font-size:1.2em}
#portfolio .item2 .list{}
#portfolio .item2 .list li{color:#999;font-size:1.2em;overflow:hidden; zoom:1;line-height:17px;margin:0; padding:6px 2px;}
#portfolio .item2 .list li.bg{background:#CAEBBC;}
#portfolio .item2 .list li .t{float:left;width:130px; }
/*#portfolio .item2 .list li .d{margin:0 0 0 140px;}*/
#portfolio .item2 .list li .d{float:right;width:324px;}
/*- item_detail -*/
#portfolio .item_detail{overflow:hidden;zoom:1;margin:1em 0 2em; }
#portfolio .item_detail h3{color:#333;}
#portfolio .item_detail h4{color:#999;font-weight:bold;font-size:1.2em;margin:0 0 0.5em; }
#portfolio .item_detail .left{overflow:hidden;float:left;width: 194px; }
#portfolio .item_detail .right{overflow:hidden;float:right;width:250px; }
#portfolio .item_detail .left .map{min-height:380px;_height:380px;margin:0 0 1em; }
/* desc */
#portfolio .item_detail .desc{min-height:380px;_height:380px;margin:0 0 1em; }
#portfolio .item_detail .desc li{color:#999;line-height:1.5em;overflow:hidden;margin:4px 0;padding:0 2px;zoom:1;*width:100%;}
#portfolio .item_detail .desc li.bg{background:#cee4d0;}
#portfolio .item_detail .desc li .t{float:left;width:90px;word-break:break-all;word-wrap:break-word;*width:80px;}
/*#portfolio .item_detail .desc li .d{margin:0 0 0 98px;*margin:0 0 0 150px;}*/
#portfolio .item_detail .desc li .d{float:right;width:156px;}
#portfolio .item_detail .desc li span{display:block;}
/* highlight */
#portfolio .item_detail .highlight li{color:#999;line-height:1.8em;overflow:hidden;padding:0 3px 0 16px;background:url(img/a_dot.gif) no-repeat 4px 6px #aed2b0; }
#portfolio .item_detail .highlight li.bg{background-color:#cee4d0;}
/*- item_detail_En -*/
#portfolio .item_detail_En{overflow:hidden;zoom:1;margin:1em 0 2em; }
#portfolio .item_detail_En h3{color:#333;}
#portfolio .item_detail_En h4{color:#999;font-weight:bold;font-size:1.2em;margin:0 0 0.5em; }
#portfolio .item_detail_En .left{overflow:hidden;float:left;width: 194px; }
#portfolio .item_detail_En .right{overflow:hidden;float:right;width:250px; }
#portfolio .item_detail_En .left .map{min-height:380px;_height:380px;margin:0 0 1em; }
/* desc */
#portfolio .item_detail_En .desc{min-height:380px;_height:380px;margin:0 0 1em; }
#portfolio .item_detail_En .desc li{color:#999;line-height:1.5em;overflow:hidden;margin:4px 0;padding:0 2px;zoom:1;*width:100%;}
#portfolio .item_detail_En .desc li.bg{background:#CAEBBC;}
#portfolio .item_detail_En .desc li .t{float:left;width:90px;word-break:break-all;word-wrap:break-word;}
/*#portfolio .item_detail_En .desc li .d{margin:0 0 0 98px;}*/
#portfolio .item_detail_En .desc li .d{float:right;width:156px;}
#portfolio .item_detail_En .desc li span{display:block;}
/* highlight */
#portfolio .item_detail_En .highlight li{color:#999;line-height:1.6em;overflow:hidden;padding:0 3px 0 16px;background:url(img/a_dot.gif) no-repeat 4px 6px; }
#portfolio .item_detail_En .highlight li.bg{background-color:#CAEBBC;}
/*- item_detail_En_1 -*/
#portfolio .item_detail_En_1{overflow:hidden;zoom:1;margin:1em 0 2em; }
#portfolio .item_detail_En_1 h3{color:#333;}
#portfolio .item_detail_En_1 h4{color:#999;font-weight:bold;font-size:1.2em;margin:0 0 0.5em; }
#portfolio .item_detail_En_1 .left{overflow:hidden;float:left;width: 194px; }
#portfolio .item_detail_En_1 .right{overflow:hidden;float:right;width:250px; }
#portfolio .item_detail_En_1 .left .map{min-height:240px;_height:240px;margin:0 0 1em; }
/* desc */
#portfolio .item_detail_En_1 .desc{min-height:260px;_height:260px;margin:0 0 1em; }
#portfolio .item_detail_En_1 .desc li{color:#999;line-height:1.5em;overflow:hidden;margin:4px 0;padding:0 2px;zoom:1;*width:100%;}
#portfolio .item_detail_En_1 .desc li.bg{background:#CAEBBC;}
#portfolio .item_detail_En_1 .desc li .t{float:left;width:90px;word-break:break-all;word-wrap:break-word;}
/*#portfolio .item_detail_En .desc li .d{margin:0 0 0 98px;}*/
#portfolio .item_detail_En_1 .desc li .d{float:right;width:156px;}
#portfolio .item_detail_En_1 .desc li span{display:block;}
/* highlight */
#portfolio .item_detail_En_1 .highlight li{color:#999;line-height:1.6em;overflow:hidden;padding:0 3px 0 16px;background:url(img/a_dot.gif) no-repeat 4px 6px; }
#portfolio .item_detail_En_1 .highlight li.bg{background-color:#CAEBBC;}
/* Portfolio Sytle-自己修改
------------------------------------------------------------------------------------------------------------*/
#portfolios{}
#portfolios .side .side_img{background:url(img/portfolio_side_img.png) no-repeat;}
#portfolios .side .side_img .box{display:none;}
#portfolios .title .mt{float:left;margin-right:30px;}
/*- item -*/
#portfolios .item{overflow:hidden; zoom:1;margin:0 0 2em;}
#portfolios .item h3{color:#333;margin:0 0 1em; }
#portfolios .item p{overflow:hidden;zoom:1;margin:0;}
#portfolios .item .t{float:left;width:260px;}
#portfolios .item cite{float:right;width:180px; }
#portfolios .item .btn_act{display:inline;float:right;text-indent:-9999px;width: 59px; height:16px;margin:0 36px 0 0; background:url(img/btn_act.png) no-repeat ; }
/*- item2 -*/
#portfolios .item2{overflow:hidden;zoom:1;margin:0.5em 0 2em;}
#portfolios .item2 h3{margin:0;font-size:1.2em}
#portfolios .item2 .list{}
#portfolios .item2 .list li{color:#999;font-size:1.2em;overflow:hidden; zoom:1;line-height:17px;margin:0; padding:6px 2px;}
#portfolios .item2 .list li.bg{background:#CAEBBC;}
#portfolios .item2 .list li .t{float:left;width:130px; }
/*#portfolios .item2 .list li .d{margin:0 0 0 140px;}*/
#portfolios .item2 .list li .d{float:right;width:324px;}
/*- item_detail -*/
#portfolios .item_detail{overflow:hidden;zoom:1;margin:1em 0 2em; }
#portfolios .item_detail h3{color:#333;}
#portfolios .item_detail h4{color:#999;font-weight:bold;font-size:1.2em;margin:0 0 0.5em; }
#portfolios .item_detail .left{overflow:hidden;float:left;width: 194px; }
#portfolios .item_detail .right{overflow:hidden;float:right;width:250px; }
#portfolios .item_detail .left .map{min-height:380px;_height:380px;margin:0 0 1em; }
/* desc */
#portfolios .item_detail .desc{min-height:380px;_height:380px;margin:0 0 1em; }
#portfolios .item_detail .desc li{color:#999;line-height:1.5em;overflow:hidden;margin:4px 0;padding:0 2px;zoom:1;*width:100%;}
#portfolios .item_detail .desc li.bg{background:#CAEBBC;}
#portfolios .item_detail .desc li .t{float:left;width:90px;word-break:break-all;word-wrap:break-word;}
/*#portfolios .item_detail .desc li .d{margin:0 0 0 98px;}*/
#portfolios .item_detail .desc li .d{float:right;width:156px;}
#portfolios .item_detail .desc li span{display:block;}
/* highlight */
#portfolios .item_detail .highlight li{color:#999;line-height:1.8em;overflow:hidden;padding:0 3px 0 16px;background:url(img/a_dot.gif) no-repeat 4px 6px; }
#portfolios .item_detail .highlight li.bg{background-color:#CAEBBC;}
#portfolios .main .mt,#news .main .mt{font-size:18px;font-weight:bold;}
#portfolios .main h3,#news .main h3{font-size:13px;font-weight:bold;color:#999;}
/*- item_detail_1 -*/
#portfolios .item_detail_1{overflow:hidden;zoom:1;margin:1em 0 2em; }
#portfolios .item_detail_1 h3{color:#333;}
#portfolios .item_detail_1 h4{color:#999;font-weight:bold;font-size:1.2em;margin:0 0 0.5em; }
#portfolios .item_detail_1 .left{overflow:hidden;float:left;width: 194px; }
#portfolios .item_detail_1 .right{overflow:hidden;float:right;width:250px; }
#portfolios .item_detail_1 .left .map{min-height:240px;_height:240px;margin:0 0 1em; }
/* desc */
#portfolios .item_detail_1 .desc{min-height:240px;_height:240px;margin:0 0 1em; }
#portfolios .item_detail_1 .desc li{color:#999;line-height:1.5em;overflow:hidden;margin:4px 0;padding:0 2px;zoom:1;*width:100%;}
#portfolios .item_detail_1 .desc li.bg{background:#CAEBBC;}
#portfolios .item_detail_1 .desc li .t{float:left;width:90px;word-break:break-all;word-wrap:break-word;}
/*#portfolios .item_detail .desc li .d{margin:0 0 0 98px;}*/
#portfolios .item_detail_1 .desc li .d{float:right;width:156px;}
#portfolios .item_detail_1 .desc li span{display:block;}
/* highlight */
#portfolios .item_detail_1 .highlight li{color:#999;line-height:1.8em;overflow:hidden;padding:0 3px 0 16px;background:url(img/a_dot.gif) no-repeat 4px 6px; }
#portfolios .item_detail_1 .highlight li.bg{background-color:#CAEBBC;}
/* Portfolio Sytle-end自己修改*/
/* Investors Sytle
------------------------------------------------------------------------------------------------------------*/
#investors{}
#investors .side .side_img{background:url(img/investors_side_img.png) no-repeat;}
#investors .side .side_img .box{left:14px;top:-18px;}
#investors .item{margin:0 0 1em;padding:0 0 20px 0; background:url(img/line_bg.png) no-repeat right bottom; }
#investors .last{background:none;}
#investors .item h3{margin:0 0 0.5em; }
#investors .item h3 a{text-decoration:underline; }
#investors .item label{font-size:0.8em;display:block;}
#investors .item label span{text-decoration:underline;font-size:1.2em;}
/*#investors .item .btn_act{display:inline;float:right;text-indent:-9999px;width: 59px; height:16px;margin:0 36px 0 0; background:url(img/btn_act.png) no-repeat ; }*/
#investors .item .btn_act{overflow:hidden;display:inline;float:right;line-height:999em;text-indent:-9999px;*text-indent:0px;width: 59px; height:16px;margin:0 36px 0 0; background:url(img/btn_act.png) no-repeat ; }
#investors .item dl{color:#999;}
#investors .item dt{margin:0 0 1em;font-size:1.4em;text-decoration:underline;}
#investors .item dd{font-size:1.2em;line-height:1.4em; }
/* News Sytle
------------------------------------------------------------------------------------------------------------*/
#news{}
#news .side .side_img{background:url(img/news_side_img.png) no-repeat;}
#news .side .side_img .box{display:none;}
#news .title .mt{float:left;margin-right:30px;}
/*- news_list -*/
#news .news_list{}
#news .news_list li{overflow:hidden;height:24px;margin:0 0 0.5em;padding:0 0 0 24px;background:url(img/list_dot.gif) no-repeat 2px 4px;}
#news .news_list li a{font-size:12px;font-weight:bold;}
/*- news_detail -*/
#news .news_detail{overflow:hidden;width:470px;word-break:break-all;word-wrap:break-word;}
#news .news_detail h3{margin:0 0 2em;}
#news .news_detail p img{margin:0 1px; }