@charset "utf-8";

#main{margin:auto;width:100%;clear:both;min-height: 700px}

/*-----------------------------------------------------------------  架構  ---------*/
#content{overflow:hidden; position:relative; zoom:1; width:1200px; margin:0 auto; padding:0 0 20px 0;}
#left{display:table-cell;width:240px;vertical-align:top;}

#rightbox{display: table-cell;min-height:400px;width:960px;}
.content-main{ padding:10px 15px}

/* ------------- search -------------*/
.prod_search label{ display:none;}
.prod_search form{background:url(../../images/temp_a/under_search.gif) left top;}
.prod_search span input{ width:130px; margin-left:15px;border:none; background:none;}

/*-------------- menu list -------------*/
.menu-box{	text-align: left; padding-bottom: 100px;clear:both;}
.menutitle {font-size: 21px;color:#0085C9;font-weight: bold;margin-bottom: 10px}
.menu {word-wrap:break-word;font-size:15px; display:block;}
.menu li {padding:10px 0 ;border-left:1px solid #0096DF;}
.menu li a { color:#000; display:block;margin:0;padding:0 20px;margin-left: -1px;}
.menu li.active a,
.menu li a:hover { color:#0085C9;}

/*.menu_s01{color:#999;font-size:12px;  display:block;padding:0}
.menu_s01 a{color:#2566af;display:block; padding-left:30px;  text-decoration: none; border-bottom:1px dashed #ccc; padding:10px 0 8px 30px;}*/
/*.menu_s01 a:hover{color:#999;padding-left:30px;  text-decoration: none;background:url(../../images/temp_a/mn_over.gif) no-repeat; border-bottom:1px dashed #ccc;}*/

/*.menu_s02 {color:#999;font-size: 11px;line-height:18px;}
.menu_s02 a{color:#595959;width:170px; min-height:26px;margin-left:20px; BACKGROUND: url(../../images/temp_a/mus_03.gif) no-repeat 0px 50%; display:inline-block; }
.menu_s02 a:link, .menu_s02 a:visited{color:#999;padding-left:20px; text-decoration:none; background:url(../../images/temp_a/mus_03.gif) no-repeat; border-bottom:1px dotted #ccc;}
.menu_s02 a:active, .menu_s02 a:hover{color:#538400;padding-left:20px; text-decoration:none; background:url(../../images/temp_a/mus_03.gif) no-repeat; : 0px 50%; border-bottom:1px dotted #ccc;}*/
/*-------------  prod con ---*/
.prod_con{ display:block; text-align:center;}

/*---------------------------------------------------------------------------------*/
.title{ overflow:hidden; display:block; padding:15px 0 20px 10px;font-size: 13px}

.title span{color:#000;float:right; font-size:11px;  text-align:right; margin:0; padding:5px 0 0 0; }
.title span a{ color:#000;}
.title span a:hover{ color:#0085C9; }
.title span b{ color:#0085C9; font-weight: normal}



.back{ text-align:center; clear:both;margin-top:80px;}
button,
.btn a,
.back a{color:#000;display: inline-block;font-size: 17px !important;background: none;border:0;padding:0 20px;position: relative;z-index: 100;cursor: pointer;background: #fff}

button:after,
.btn a:after,
.back a:after
    {content:'';display: inline-block;width: 100%;height: 5px;position: absolute;left:0;bottom:-5px;z-index: 0;
	background: rgb(0,149,218);
    background: -moz-linear-gradient(left, rgba(0,149,218,1) 0%, rgba(0,174,238,1) 51%, rgba(43,196,243,1) 100%);
    background: -webkit-linear-gradient(left, rgba(0,149,218,1) 0%,rgba(0,174,238,1) 51%,rgba(43,196,243,1) 100%);
    background: linear-gradient(to right, rgba(0,149,218,1) 0%,rgba(0,174,238,1) 51%,rgba(43,196,243,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0095da', endColorstr='#2bc4f3',GradientType=1 );}

button:hover,
.btn a:hover,
.back a:hover{background:#0085C9;color:#fff;}    





/*----------------------------------------------------------------  各頁面內容  ---------------*/
.m_com{display:block;padding:5px 20px;text-align:justify;}
.m_com p{ font-size:13px; line-height:24px;display:block;padding:0 0 10px 0;}
/*.m_com h1{ color:#F00; font-size:16px; font-weight:bold}*/
.m_com h2{ color:#600; font-size:15px; font-weight:bold}

/*---  iqnuriy2.php ------------*/
.Prd_Photo {display: inline;position: absolute;float:left;z-index:10;margin:40px 0 0 -250px;}
.Prd_Photo div {display: none;position:relative;background:#fff;top: -11px;text-align:left;}
.Prd_Name {display: inline;text-align: left; width:100%;float:left;}
.Prd_Photo img { max-width:300px;max-height:300px; border:1px solid #888;}





#accordion { width:92%; margin:auto}

/* ------------- page ------------- */
#move_page { clear:both;text-align:center; margin-top:20px; margin-bottom:30px;font-size:14px; }
#move_page .onthis{color:#0085C9;font-weight:bold; padding-right:5px; padding-left:5px; }
#move_page a {color:#000;font-weight:normal;text-decoration:none; padding-right:5px; padding-left:5px; }



/* -------------  (有圖new)------------- */
#news_tab2 a { color:#666; font-size:13px;margin:auto;width:98%;}
#news_tab2 p { padding:0 0 0 20px}
#news_tab2 small{ float:right}
#news_tab2 tr td{ height:90px; vertical-align:top;overflow:hidden; padding:10px 0 0 0}
.news_date{ float:right;}
.news_listpic{width:68px; height:68px; background-color:#f9f9f9; text-align:center; position:relative;
display:table-cell; vertical-align:middle;; border:1px #d1d1d1 solid; padding:2px;}


/* -------------  (有圖new)------------- */
#news_tab2 a { color:#666; font-size:13px;}
#news_tab2 p { padding:0 0 0 20px}
#news_tab2 small{ float:right}
#news_tab2 tr td{ height:90px; vertical-align:top;overflow:hidden; padding:10px 0 0 0}
.news_date{ float:right;}
.news_listpic{width:68px; height:68px; background-color:#f9f9f9; text-align:center; position:relative;
display:table-cell; vertical-align:middle;; border:1px #d1d1d1 solid; padding:2px;}

/*--------------------------  video  --------------------------*/
.video_box{margin:0 0 0 20px; width:800px}
.vid {text-align:center;word-break:break-all;float:left;background:#eee;width:215px;height:190px;overflow:hidden;margin:15px 8px;padding:0px 5px 20px; border:px solid #f00;}
.vid img { width:200px; height:140px;border:1px solid #fff}
.vid_name { width:96%; margin:0px auto 5px}
.vid a {color:#000; width:200px;text-align:center;word-break:break-all;display:block;margin:auto;padding:5px 0 0 0; overflow:hidden;}
.vid a img{clear:both;text-align:center; display:block;padding:1px;margin-bottom:5px;border:1px solid #fff}

/*-----------------------------------------------------------------   download  ------------------*/
#down{margin:auto;width:98%;}
#down tr th{color:#333;background:url(../../images/temp_a/icon_line.jpg) left no-repeat #f6f6f6; line-height:30px;text-align:left;padding:0 0 0 5px;border-top:3px #224f78 solid;}
#down tr td{padding:7px 0;border-bottom:1px #CCC solid;}
#down a{color:#666;}
#down a:hover{color:#0c2fad;text-decoration:underline;}
#down small{color:#666;margin:0 0 0 20px;}

/*-----------------------------------------------------------------   download 有圖 ------------------*/
.down2 {line-height:14px;float:left;width:47%;height:146px;padding:5px;background:url(../images/pro_frame_06.jp) no-repeat 0px 0px;
margin:10px 5px ;border:1px solid #eee;}
.down2_pic {width:140px;height:140px;background-color: #F9F9F9;text-align: center;position: relative;display:table-cell;vertical-align: middle;border: 1px solid #CCC;}
.down2_pic img { max-width:140px; max-height:140px; padding:1px}
.down2_des {line-height:18px;float:right;width:55%; margin-top:-140px}
.down2_name { padding:5px 0px; margin:0px 0 10px 0px;border-bottom:1px solid #eee} 
.down2_name a{ color:#666; font-weight:bold} .down2_name a:hover{ color:#000;}
.down2_des small { color:#900;display:block}

/*---------------------------------   form ---*/
#ctt_form{margin:auto;width:700px;}
#ctt_form tr th{text-align:right;border-bottom:1px #999 solid;padding:8px 10px 0 15px;vertical-align:top;}
#ctt_form tr th span{color:#F00;margin:0 5px 0 0;}
#ctt_form tr td{padding:5px 20px 5px 15px;border-bottom:1px #ccc solid;}
#ctt_form tr td select{color:#333;width:400px;background:#F2F2F2;border:1px #CCC solid;height:22px;}
#ctt_form tr td input{color:#333;width:385px;background:#F2F2F2;height:22px;padding:0 5px;border:1px #CCC solid;}
#ctt_form tr td textarea{color:#333;width:385px;background:#F2F2F2;height:100px;padding:5px;border:1px #CCC solid;}


/* ------------- contact 左右樣式 ------------- */
.contact_add{color:#adb0a5;font-size:10px; line-height:18px;  background:url(../../images/temp_a/mutitle_contact.png) no-repeat 0 0; padding:150px 50px 30px 10px; width:200px; display:none}
.contact_add strong{ color:#000;}
.contact_add iframe{ } 

.contact_form{ display: table;margin: 0 auto;width: 700px}
.contact_form .orgarea{font-size: 15px;font-weight: bold;}
.contact_form h1{margin:20px 0;}
.contact_form table{width: 80%;margin:0 auto;}
.contact_form th{width:90px;}
.contact_form tr td{padding:5px 0;}
.contact_form .label{ width:95%; height:24px; margin:3px 0px;}
.contact_form textarea{ width:95%;  margin:3px 0px;height:100px;}
.contact_form a {color: #f39800;}
.contact_form .code{ width:auto; height:24px;}   .contact_form a { color:#333}

/* ------------- button ------------- */
.but_cancel{color:#FFF;font-size:10px;  margin:0 20px 0 0; border:0px;}
.but_send{color:#FFF;font-size:12px;  margin:0; border:0px;}
/* ------------- table ------------- */
.td_01{	border-bottom: 1px dotted #c0c0c0;padding:5px;}
.td_02{	border-bottom:1px solid #e8e8e8;	padding-top: 3px;}
.td_03{	border-bottom:1px solid #e8e8e8;	padding-top: 3px;}
/* ------------- topbar ------------- */
#webcall { width:16px; position:absolute;right:0px;top:0px;z-index:1; margin-left:4px;}


/* -------------- album ------------- */
.album_box{float:left;padding:15px 0 15px 40px;width:760px;}
.album{background:url(../../images/temp_a/album_bg.png) no-repeat 0 0;width:215px;min-height:198px;float:left;margin-right:25px;padding:0 0 15px 0;}
.albumimgfix{width:232px;height:160px;text-align:center;position:relative;display:table-cell;vertical-align:middle;}
.albumimgfix img { max-width:200px; max-height:140px}
.albumlist_description{padding-top:10px;}
.albumlist_description img{ float:right; border:0px;}
.album_name{text-align:center;}
.album a{ color:#666}  .album a:hover{ color:#000}
.album_imb{float:left;margin-right:20px;}
.album_imb img{border:1px solid #cbcbc9;}
.album_description{width:480px;float:right;}
.album_descriptionimg{margin-bottom:20px;}
.album_name02{font-size:32px;color:black;margin-bottom:20px;}

.c_orang{color: #F00;}
.f9px{ font-size:10px;}
.f12px{font-size:12px;}
.f10px{font-size:10px;}
.c_gray01{ color:#828282;}
.c_gray02{ color:#a9a9a9;}
.c_black{ color:#000;}
.c_red{ color:#ac1100;}
.fhight16{ line-height:16px;}
.point01{ list-style-image:url(../../images/temp_a/ico_point01.gif);}






/* page title*/
#banner {position: relative;width:100%;overflow: hidden;}
#banner img {display: block;       /* 設置為塊級元素 */
               margin: 0 auto;       /* 自動調整左右邊距 */}
.page_title {width: 100%;position: absolute;bottom:15px;}
.page_title >div{margin:0 auto;display:table;width:1200px;}
.page_title >div h2 {color:black;font-size:17px;display: inline-block;position: relative;padding-right: 40px;padding-left:10px;}
/*
.page_title >div h2:before {content:'';display: inline-block;width: 100%;height:15px;position: absolute;bottom:0;z-index: 0;left:0;
							background: rgb(0,149,218); /* Old browsers
							background: -moz-linear-gradient(left,  rgba(0,149,218,1) 0%, 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,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,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
							}
*/
.page_title h2 span  {position: relative;z-index: 100;}
.page_title h2 span:first-child {font-size:36px;padding-right: 25px}





/*-----------------------------------------------------------------   news public welfare ------------------*/

#rightbox .public_item ul li          {display: inline-block;width: 100%;margin-bottom: 20px}

#rightbox .public_img                 {width: 240px;height:160px;position: relative;overflow:hidden;float:left;}
#rightbox .public_title               {display:inline-block;padding:5px 10px;font-size:17px;z-index: 100;float: right;width: 650px;
											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 */
											}
#rightbox .public_title  *{display: inline;}											

#rightbox .public_text               {font-size:13px;display: table;margin:0 auto;float: right;width: 650px;padding: 15px 10px;line-height: 1.5em}
#rightbox .public_item a 	{display: inline-block;}
#rightbox a .public_title 	{color:#fff}
#rightbox a .public_text 	{color:#333}

#rightbox 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 */
									}

#rightbox a .public_title .newsdate{float: right;}

#rightbox li.no1 .public_img {background: url("../../images/index_public_itme_1.jpg") no-repeat;}
#rightbox li.no2 .public_img {background: url("../../images/index_public_itme_2.jpg") no-repeat;}
#rightbox li.no3 .public_img {background: url("../../images/index_public_itme_3.jpg") no-repeat;}

#rightbox .public_item.news .public_img {background: url("../../images/news_default.jpg") no-repeat;}
#rightbox .public_item.news .news_img {position: relative;overflow:hidden;float:left;}



/*--------------  news detail  -------*/
#news_d_tit {display: block;clear:both;}
#content h1,
#news_d_tit h1 {font-size: 22px;border-left:2px solid #0096DF;padding-left:10px;font-weight: bold;line-height: 1em;margin-bottom: 20px;}
#news_d_tit h1 {float: left;}
#news_d_tit .newsdate {float: right;}
#news_d_info {clear: both;width: 680px}
#news_d_info .content {font-size: 18px;line-height: 28px;}
.content *{font-size: 13px;line-height: 2em;}
.content p{margin-bottom: 20px}

.content .orgarea{background: #FF9900;padding:25px 30px;color:#fff;margin-bottom: 40px;box-sizing:border-box;display: table}
.container img {
    float: left;
	margin: 10px;
}




/*sitemap*/
.sitemap a{color:#000;padding:20px;display: inline-block;border-left: 2px solid #0085C9;}
.sitemap>ul{display: table;}
.sitemap>ul>li{display: table-cell;margin-bottom: 20px;box-sizing:border-box;vertical-align: top;padding:10px;width: 20%}
.sitemap>ul>li>a{display:inline-block;border:0;color:#fff;font-size:17px;padding:0 15px;box-sizing:border-box;width:100%;
	background: rgb(250,170,24);
    background: -moz-linear-gradient(top, rgba(250,170,24,1) 0%, rgba(179,77,32,1) 100%);
    background: -webkit-linear-gradient(top, rgba(250,170,24,1) 0%,rgba(179,77,32,1) 100%);
    background: linear-gradient(to bottom, rgba(250,170,24,1) 0%,rgba(179,77,32,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faaa18', endColorstr='#b34d20',GradientType=0 );}
.sitemap>ul>li>a span{padding-left:10px;color:#000;}
.sitemap>ul>li>a:hover {background:#06B1EF;}
.sitemap>ul>li ul a:hover {color:#06B1EF;}



.sitemap ul ul {margin-top:10px;}
.sitemap ul ul li a {padding:10px 0 20px 10px;line-height: 1.5em}
.sitemap ul ul li a span{display: block;line-height: 1.5em}