@charset "utf-8";

/*----------消虛線---------*/

a {noFocusLine:expression(this.onFocus=this.blur()); text-decoration:none;}      /* For IE, onFocus 的 F 要大寫*/

:focus {-moz-outline-style: none}                         /* For Firefox */



/*----------網頁png----------*/

div, img { behavior:url(../../images/temp_a/iepngfix.htc);}

body{font-family:"微軟正黑體";padding:0;margin:0;word-break:break-word;font-size:13px;}



#webcall{display:none;}

/* ------------- all ------------- */

header {background:rgba(255,255,255,.8);position: fixed;top:0;width: 100%;z-index: 999}



#banner_area {background: #ccc}



#top{width:1200px;height:130px;margin:auto;position:relative;zoom:1;z-index: 999;}

.logo{float:left;    margin-top: 20px;}



.change{ position:relative; float:right; display:none;}





.language {float: right;background: #000;padding:5px 10px;}

.language a{color:#fff;}

.language a:hover{color:#0085C9;}

.language a img {padding-right:5px;vertical-align: baseline;}



/*menu structure*/

.menu_top 			  {float: right;text-align: right;margin-top:40px;}

.menu_top>ul          {display:table;text-align: left;}

.menu_top>ul>li       {display: table-cell;}

.menu_top>ul>li ul    {display:none;}

.menu_top>ul>li ul li {display:block;}

.menu_top>ul>li:hover ul {display:block;}



.menu_top>ul>li>a	  	{display:block;position: relative;}

.menu_top>ul>li>a>span 	{display: block}

.menu_top>ul>li>ul 	    {position: absolute;}



/*menu style */

.menu_top *	  	                {font-size:13px;}

.menu_top>ul>li>a	  	        {padding:0 30px;border-right:1px solid #aaa;color:#000;}

.menu_top>ul>li>a>span 	        {color:#0085C9;font-weight: bold;font-size: 15px}

.menu_top>ul>li.active>a:after,

.menu_top>ul>li:hover>a:after   {content:'';display:block;height: 10px;width:100%;position: absolute;left:0;bottom:-15px;}

.menu_top>ul>li:first-child>a 	{border-left:1px solid #aaa;}

.menu_top>ul>li>ul 	            {width: 200px;padding-top:20px;}

.menu_top>ul>li>ul li           {}

.menu_top>ul>li>ul li a         {display:block;padding:13px 20px;color:#333;border-bottom:1px solid rgb(0, 131, 187);}

.menu_top>ul>li>ul li:after     {content:'';display: inline-block;width: 100%;height: 1px;background:rgba(0, 131, 187,.8)}



.menu_top>ul>li>ul li,

.menu_top>ul>li.active>a:after,

.menu_top>ul>li:hover>a:after   {

									background: rgb(0,149,218); /* Old browsers */

									background: -moz-linear-gradient(left,  rgba(0,149,218,1) 0%, rgba(0,149,218,1) 28%, rgba(0,174,238,1) 51%, rgba(43,196,243,1) 100%); /* FF3.6-15 */

									background: -webkit-linear-gradient(left,  rgba(0,149,218,1) 0%,rgba(0,149,218,1) 28%,rgba(0,174,238,1) 51%,rgba(43,196,243,1) 100%); /* Chrome10-25,Safari5.1-6 */

									background: linear-gradient(to right,  rgba(0,149,218,1) 0%,rgba(0,149,218,1) 28%,rgba(0,174,238,1) 51%,rgba(43,196,243,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

									filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0095da', endColorstr='#2bc4f3',GradientType=1 ); /* IE6-9 */

								}



.menu_top>ul>li>ul li.active,

.menu_top>ul>li>ul li:hover {

							background: rgb(250,170,24); /* Owd browsers */

							background: -moz-linear-gradient(top,  rgba(250,170,24,1) 0%, rgba(179,77,32,1) 100%); /* FF3.6-15 */

							background: -webkit-linear-gradient(top,  rgba(250,170,24,1) 0%,rgba(179,77,32,1) 100%); /* Chrome10-25,Safari5.1-6 */

							background: linear-gradient(to bottom,  rgba(250,170,24,1) 0%,rgba(179,77,32,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

							filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faaa18', endColorstr='#b34d20',GradientType=0 ); /* IE6-9 */

							}



.menu_top>ul>li>ul li a       {background: url(../../images/menu-arrow-b.png) no-repeat;background-position-y:center;background-position-x:90%}

.menu_top>ul>li>ul li.active a,

.menu_top>ul>li>ul li a:hover  {background: url(../../images/menu-arrow-w.png) no-repeat;background-position-y:center;background-position-x:90%;color:#fff;}









.index_block_title {text-align: center;margin-top:60px;margin-bottom: 40px}

.index_block_title 				{background: url(../../images/index_title_line_1.png) no-repeat center bottom;}

.index_block_title.public		{background: url(../../images/index_title_line_2.png) no-repeat center bottom;}

.index_block_title 	span	    {display: block;font-size: 28px;font-weight: bold;line-height: 1em;}

.index_block_title span:first-child {font-size: 15px;}

.index_block_title span {

background: rgb(43,196,243); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(43,196,243,1) 1%, rgba(0,174,238,1) 53%, rgba(0,149,218,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  rgba(43,196,243,1) 1%,rgba(0,174,238,1) 53%,rgba(0,149,218,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  rgba(43,196,243,1) 1%,rgba(0,174,238,1) 53%,rgba(0,149,218,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2bc4f3', endColorstr='#0095da',GradientType=0 ); /* IE6-9 */

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;

}







img.cover   {position: absolute;left: 50%;  -webkit-transform: translateX(-50%) translateY(-50%);  transform: translateX(-50%) translateY(-50%);  top:50%;  min-width: 100%;   min-height: 100%;   max-width: 200%; max-height: 200%;width: auto;height: auto;}









.index_news .news_item      {display: table;margin:0 auto;}

.index_news .news_item ul   {display: table-row}

.index_news .news_item ul li{display: table-cell;padding:10px;text-align: center;width:240px;overflow: hidden;}

.index_news .news_img       {width: 100%;height:160px;background: url("../../images/news_default.jpg") no-repeat;overflow: hidden;position: relative;}



.index_news .news_text      {width: 80%;color:#000;margin: 0 auto;clear: both;font-size: 17px;display: table;margin-top:10px;}



.index_news .news_date      {width: 70px;height: 70px;background: #000;color:#fff;border-radius: 100%;position: relative;margin:0 auto;margin-top:-37px;}

.index_news .news_ym        {display: block;position: absolute;bottom:13px;width: 100%;text-align: center;font-size: 12px;}

.index_news .news_d         {display: block;position: absolute;top:5px;width: 80%;left:10%;text-align: center;font-size: 21px;border-bottom: 1px solid #fff}











.index_public                             {background: url(../../images/index_public_bk.jpg);background-size:cover;color:#fff;padding-bottom: 20px}

.index_public .public_item                {display: table;margin:0 auto;}

.index_public .public_item ul             {display: table-row}

.index_public .public_item ul li          {display: table-cell;padding:10px;text-align: center;width: 240px}

.index_public .public_img                 {width: 240px;height:160px;position: relative;overflow:hidden}

.index_public .public_title               {display:inline-block;padding:5px 10px;font-size:17px;margin:10px 0;margin-top:-20px;position: relative;z-index: 100;

											background: rgb(143,205,250); /* Old browsers */

											background: -moz-linear-gradient(top,  rgba(143,205,250,1) 2%, rgba(18,46,102,1) 100%); /* FF3.6-15 */

											background: -webkit-linear-gradient(top,  rgba(143,205,250,1) 2%,rgba(18,46,102,1) 100%); /* Chrome10-25,Safari5.1-6 */

											background: linear-gradient(to bottom,  rgba(143,205,250,1) 2%,rgba(18,46,102,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

											filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fcdfa', endColorstr='#122e66',GradientType=0 ); /* IE6-9 */

											}



.index_public .public_text               {font-size:13px;width:80%;display: table;margin:0 auto;}



.index_public a 	{color:#fff}

.index_public a:hover .public_title	{background: rgb(250,170,24); /* Owd browsers */

									background: -moz-linear-gradient(top,  rgba(250,170,24,1) 0%, rgba(179,77,32,1) 100%); /* FF3.6-15 */

									background: -webkit-linear-gradient(top,  rgba(250,170,24,1) 0%,rgba(179,77,32,1) 100%); /* Chrome10-25,Safari5.1-6 */

									background: linear-gradient(to bottom,  rgba(250,170,24,1) 0%,rgba(179,77,32,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

									filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faaa18', endColorstr='#b34d20',GradientType=0 ); /* IE6-9 */

									}

.index_public li:nth-child(1) .public_img {background: url("../../images/index_public_itme_1.jpg") no-repeat;}

.index_public li:nth-child(2) .public_img {background: url("../../images/index_public_itme_2.jpg") no-repeat;}

.index_public li:nth-child(3) .public_img {background: url("../../images/index_public_itme_3.jpg") no-repeat;}





.index_public_desc {display: block;max-width: 760px;text-align: center;margin:0 auto;font-size:15px;padding:45px 0;}







.public_item a:hover .public_img,

.index_news a:hover .news_img {position: relative;}

.public_item a:hover .public_img:after,

.index_news a:hover .news_img:after{content:'+';width: 100%;height: 100%;position: absolute;top:0;left: 0;background: rgba(255,255,255,.6);font-size:36px;color:#000;line-height: 160px;text-align: center;}









/* ------------- copyright ------------- */

#footer{ display:block;  background: #000;margin-top: 130px}

#foot{ display: table; margin:auto; width:1200px;border-bottom: 1px solid #0085C9;position: relative;}

#foot:after{content:'';position: absolute;width: 1180px;left: 10px;bottom: -1px;height: 1px;background: rgba(255,255,255,.85); }



.copy {color:#fff;display:block; overflow:hidden;text-align: center;display: table-cell;vertical-align: middle;padding-top:20px;}

.copy a:hover{color:#0085C9}

.copy a:hover span{color:#fff}

.copy *{color:#fff;}

.copy ul li{float: left;text-align: left;padding:0 30px;border-right: 1px solid #0085C9;}

.copy ul li:first-child{border-left: 1px solid #0085C9; }

.copy ul li span{display: block;color:#999;}

.copy ul{display: inline-block;padding-bottom: 5px;padding-left:40px;}



.design{color:#aaa;display:table;margin:0 auto;width:1200px;padding:10px;box-sizing: border-box;padding-left: 115px;padding-right:90px;}

.design>div{display: table-row;}

.design>div>div{display: table-cell;vertical-align: middle;}

.design a{ color:#aaa;}  

.design a:hover{ color:#fff;}

.design .copy_03{padding-left: 50px}

.design .aplus{text-align: right;}





#gotop {text-align: center;margin-top:-25px;position: relative;display: inline-block;width: 100%;}



header,
body>div,
#main,
#main>div {min-width: 1200px}
header {position: absolute;} #main{position: relative;}