*{ margin:0px; padding:0px;}
a{ outline: none; /* for Firefox Google Chrome  */  behavior:expression(this.onFocus=this.blur()); /* for IE */}
img{ border:0px;}
*:link, *:visited, *:hover, *:active, *:focus , * {
-o-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
-webkit-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
-moz-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
transition: color .10s linear, background-color .10s linear, border-color .10s linear;
}

.my-placeholder { color: #7a8792; }

#gotop{ width:45px; height:45px; position:fixed; right:20px; bottom:15px; cursor:pointer; display:none;}
#gotop a{ display:inline-block; width:45px; height:45px; line-height:50px; text-align:center; font-size:15px; font-family:Verdana, Geneva, sans-serif; font-weight:normal; color:#ffffff; background:#7a8792; filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8;}
#gotop a:hover{ background:#919ca6; filter:alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7;}

#header_bg{ position:absolute; z-index:999; width:100%; min-width:1220px; overflow:hidden; background:url(../images/top_line.png) repeat-x;}
#header{ margin:0 auto; width:1200px; height:48px; padding-top:40px;}
#logo{ float:left; width:160px; height:40px; margin-top:-5px;}
.logo { background:url(../images/logo.png); background-size:auto 100%; width:160px; height:40px; text-indent:-9999px; position:absolute; z-index:888;}
.logo a { height:100%; width:100%; display:block; }
#sbtn{ float:left; width:1040px; height:28px; text-align:right;}
#sbtn a{ margin-left:10px;}
#header_btn_bg{ width:100%; min-width:1220px; overflow:hidden; background:#ffffff;}
#header_btn{ margin:0 auto; width:1220px; height:28px;}
#header_btn_01{ float:left; width:1190px; height:28px; line-height:28px; margin-left:-16px;}
#header_btn_01 ul{ margin:0; padding:0; list-style:none;}
#header_btn_01 li{ float:left; width:80px; height:28px; line-height:28px; padding:0 23px; font-size:13px; font-family: 'Open Sans', sans-serif; overflow:hidden; text-align:center; }
#header_btn_01 a{ width:80px; float:left; overflow:hidden; color:#7a8792;}
#header_btn_01 span{display:block;margin-top:-28px;}
#header_btn_01 a:hover{padding-top:28px; color:#ff6c00; font-size:13px; font-family:"微軟正黑體", 'Open Sans', sans-serif; font-weight:bold;}
#header_btn_01 img{ float:left; width:7px; height:7px; line-height:28px; margin-top:10px;}

#header_btn_01_en{ float:left; width:1190px; height:28px; line-height:28px; margin-left:-16px;}
#header_btn_01_en ul{ margin:0; padding:0; list-style:none;}
#header_btn_01_en li{ float:left; width:80px; height:28px; line-height:28px; padding:0 23px; font-size:13px; font-family: 'Open Sans', sans-serif; overflow:hidden; text-align:center; }
#header_btn_01_en a{ color:#7a8792;}
#header_btn_01_en a:hover{ color:#ff6c00;}
#header_btn_01_en img{ float:left; width:7px; height:7px; line-height:28px; margin-top:10px;}

#header_language{ float:left; width:32px; height:27px; line-height:26px; text-align:right;}
#header_language a{ font-size:13px; font-family: 'Open Sans', sans-serif; color:#7a8792;}
#header_language a:hover{ color:#ff6c00;}

#banner{ width:100%; min-width:1220px; overflow:hidden;}
#abanner{ position:relative; width:100%; min-width:1220px; overflow:hidden;}
#abanner_f{ position:absolute; z-index:99; width:100%; min-width:1220px; text-align:center; line-height:1.7; font-size:18px; font-family:"微軟正黑體"; color:#ffffff; text-shadow:1px 2px 3px #000; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#000000')"; top:50%; letter-spacing:2px;}
#abanner img{ width:100%;}

#down_bg{ width:100%; min-width:1220px; overflow:hidden; background:#f5f3ef; padding:30px 0;}
#down{ margin:0 auto; width:1220px; overflow:hidden;}
#down_c{ float:left; width:345px; overflow:hidden; padding:0 45px 0 10px; border-right:1px solid #ffffff;}
#down_c_tt{ width:343px; overflow:hidden; border-bottom:1px solid #ef7a00; font-size:16px; font-family: 'Open Sans', sans-serif; color:#707c87; padding-bottom:4px; padding-left:2px;}
#down_c_c{ width:345px; overflow:hidden; padding-top:13px; color:#575353;}
#down_c_c li{ width:345px; overflow:hidden; margin-bottom:5px; list-style:none;}
/*#down_c_c_t{ float:left; width:68px; font-size:13px; font-family:Verdana, Geneva, sans-serif; line-height:1.5;}
#down_c_c_t_en{ float:left; width:68px; font-size:12px; font-family: 'Open Sans', sans-serif; line-height:1.5;}
#down_c_c_f{ float:left; width:277px; font-size:13px; font-family:Verdana, Geneva, sans-serif; text-align:right;}*/
#down_c_send{ width:345px; text-align:right; font-size:12px; font-family:Verdana, Geneva, sans-serif; line-height:1.7; color:#575353;}
#down_c_send_en{ width:345px; text-align:right; font-size:12px; font-family: 'Open Sans', sans-serif; line-height:1.7; color:#575353; letter-spacing:-1px;}
#down_c_send_en_bg{ width:345px; overflow:hidden;}
#down_c_send_en_f{ float:left; width:275px; text-align:right; font-size:12px; font-family: 'Open Sans', sans-serif; line-height:1.2; color:#575353;}
#down_c_send_en_b{ float:left; width:70px; text-align:right; margin-top:6px;}
#down_a{ float:left; width:360px; overflow:hidden; padding:0 22px 0 44px;}
#down_a_tt{ width:358px; overflow:hidden; border-bottom:1px solid #ef7a00; font-size:16px; font-family: 'Open Sans', sans-serif; color:#707c87; padding-bottom:4px; padding-left:2px;}
#down_a_c{ width:360px; height:190px; overflow:hidden; padding-top:13px;}
#down_f{ float:left; width:360px; overflow:hidden; padding:0 11px 0 22px;}
#down_f_tt{ width:358px; overflow:hidden; border-bottom:1px solid #ef7a00; font-size:16px; font-family: 'Open Sans', sans-serif; color:#707c87; padding-bottom:4px; padding-left:2px;}

#footer{ width:100%; min-width:1220px; overflow:hidden; padding:20px 0; font-size:11px; font-family:'Open Sans', sans-serif; text-align:center; -webkit-transform:scale(0.91); color:#798590; line-height:1.7;}
#footer a{ color:#798590;}
#footer a:hover{ color:#505d69;}

#content_bg{ width:100%; min-width:1220px; overflow:hidden; background:#f5f3ef; padding:70px 0;}
#content{ margin:0 auto; width:1220px; overflow:hidden;}

/*about*/
#ab_content{ margin:0 auto; width:1200px; overflow:hidden;}
#ab_content table{ margin:5px 0;}
#ab_content td{padding:5px;}
#ab_content ul,ol{ padding-left:25px;}
#ab_content img,iframe{ margin:5px 0;}

/*projects*/
#pr_content{ margin:0 auto; width:1220px; overflow:hidden;}
#pr_category{ margin:0 auto; width:1214px; overflow:hidden; margin-bottom:20px; font-size:14px; font-family:"微軟正黑體"; font-weight:bold; color:#ff8608;}
#pr_category a{ color:#7a8792;}
#pr_category a:hover{ color:#ff8608;}
#pr_category_en{ margin:0 auto; width:1214px; overflow:hidden; margin-bottom:20px; font-size:14px; font-family:'Open Sans', sans-serif; color:#ff8608;}
#pr_category_en a{ color:#7a8792;}
#pr_category_en a:hover{ color:#ff8608;}
#pr_list{ width:1220px; overflow:hidden;}
#pr_list li{ list-style:none;}
#pr_c{ margin:0 auto; width:990px; overflow:hidden;}
#pr_pic{ position:relative; width:990px; height:660px;}
#pr_pic_img{ width:990px; height:660px; text-align:center;}
#pr_pic_img * {vertical-align:middle; text-align:center;}
#pr_pic_img i {height:100%; display:inline-block; }
#pr_pic_img img{margin:0px; max-height:660px; max-width:990px; width:expression(this.width >990 && this.height < this.width ? 990: true); height: expression(this.height > 660 ? 660: true);}
#pr_f_bg{ position:absolute; z-index:1; width:990px; overflow:hidden; bottom:0; background:url(../images/pr_info.png); color:#545c63; font-size:14px; font-family:"微軟正黑體"; font-weight:bold;}
#pr_f_bg_en{ position:absolute; z-index:1; width:990px; overflow:hidden; bottom:0; background:url(../images/pr_info.png); color:#545c63; font-size:14px; font-family:'Open Sans', sans-serif;}
#pr_f_tt{ width:990px; overflow:hidden; margin:20px 0 10px 0; font-size:24px; font-family: 'Open Sans',"微軟正黑體", sans-serif; font-weight:bold; text-align:center;}
#pr_f01{ float:left; width:470px; overflow:hidden; border-right:1px solid #7e8489; padding-right:24px; text-align:right;}
#pr_f02{ float:left; width:460px; overflow:hidden; padding-left:25px;}
#pr_f_c{ clear:both; margin:0 auto; width:950px; overflow:hidden; text-align:center; padding-top:10px; padding-bottom:25px; line-height:1.5;}
#pr_f_b{ clear:both; width:990px; overflow:hidden; text-align:center; margin-top:10px;}
#pr_f_b a{ display:inline-block; width:30px; height:30px; line-height:30px; text-align:center; font-size:13px; font-family:'Open Sans', sans-serif; font-weight:normal; color:#ffffff; background:#7a8792; filter:alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7; margin:0 2px;}
#pr_f_b a:hover{ background:#ef7a00; filter:alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7;}
#pr_no{ margin:0 auto; width:990px; padding-top:15px; font-size:15px; font-family: 'Open Sans', sans-serif; color:#7a8792; text-align:center;}

/*press*/
#pre_content{ margin:0 auto; width:1220px; overflow:hidden;}
#pre_tt{ margin:0 auto; width:1200px; overflow:hidden; margin-bottom:10px;}
#pre_list{ width:1220px; overflow:hidden; margin-bottom:60px;}
#pre_list a{ display:inline-block; width:296px; margin:3px; overflow:hidden; background:#ef7a00; text-align:center;}
#pre_list img:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";     /*Best for Internet Explorer 8 */
filter: alpha(opacity=80);    /*Internet Explorer 5, 6, 7, 8 */
-moz-opacity: 0.8;    /* Old Mozilla Browsers */
-webkit-opacity: 0.8;    /* Old Webkit browsers (Safari, Chrome, various others) */
-khtml-opacity: 0.8;    /* Really old Safari browsers and Konqueror */
opacity: 0.8;    /* Modern browsers */}
#pre_list2{ width:1220px; overflow:hidden;}
#pre_list2 a{ display:inline-block; width:296px; margin:3px; overflow:hidden; background:#ef7a00; text-align:center;}
#pre_list2 img:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";     /*Best for Internet Explorer 8 */
filter: alpha(opacity=80);    /*Internet Explorer 5, 6, 7, 8 */
-moz-opacity: 0.8;    /* Old Mozilla Browsers */
-webkit-opacity: 0.8;    /* Old Webkit browsers (Safari, Chrome, various others) */
-khtml-opacity: 0.8;    /* Really old Safari browsers and Konqueror */
opacity: 0.8;    /* Modern browsers */}

#pre01_bg{ margin:0 auto; position:relative; width:1200px; overflow:hidden; margin-bottom:6px;}
#pre01_logo{ width:600px; overflow:hidden;}
#pre01_close{ position:absolute; bottom:0; right:0; font-size:15px; font-family: 'Open Sans', sans-serif; color:#7a8792;}
#pre01_close a{ display:inline-block; width:30px; height:30px; line-height:30px; text-align:center; font-size:13px; font-family:'Open Sans', sans-serif; font-weight:normal; color:#ffffff; background:#7a8792; filter:alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7; margin:0 2px;}
#pre01_close a:hover{ background:#ef7a00; filter:alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7;}
#pre01_c{ margin:0 auto; width:1200px; overflow:hidden; background:#ffffff; text-align:center;}
#pre01_c_img{ width:1200px; overflow:hidden; text-align:center;}
#pre01_url{ margin:0 auto; width:1200px; text-align:right; margin-top:10px; font-size:14px; font-family:'Open Sans', sans-serif; color:#7a8792;}
#pre02_no{ margin:0 auto; width:1200px; padding-top:15px; font-size:15px; font-family: 'Open Sans', sans-serif; color:#7a8792; text-align:center;}

/*contact*/
#co_content{ margin:0 auto; width:1200px; overflow:hidden;}
#co_pic{ float:left; width:355px; overflow:hidden;}
#co_c{ float:left; width:760px; margin-left:85px; overflow:hidden;}
#co_tw{ width:760px; overflow:hidden; color:#798590; font-size:14px; font-family:"微軟正黑體"; font-weight:bold; margin-top:10px; margin-bottom:80px;}
#co_en{ width:760px; overflow:hidden; color:#798590; font-size:14px; font-family: 'Open Sans', sans-serif; margin-top:10px; margin-bottom:80px;}
#co_f{ float:left; width:285px; overflow:hidden; border-right:1px solid #ffffff; padding-right:9px;}
#co_table{ float:left; width:445px; overflow:hidden; margin-left:20px;}
#co_table li{ width:425px; margin-left:10px; overflow:hidden; margin-bottom:8px; list-style:none; text-align:right;}
#co_table_send{ width:425px; margin-left:10px; text-align:right; font-size:12px; font-family:Verdana, Geneva, sans-serif; line-height:1.7; color:#7a8792;}
#co_table_send_en{ width:425px; margin-left:10px; text-align:right; font-size:12px; font-family: 'Open Sans', sans-serif; line-height:1.7; color:#7a8792;}