﻿@charset "utf-8";@import url("pro_3.css");

#main{margin:auto;width:1000px;clear:both;}

/*-----------------------------------------------------------------  架構  ---------*/
#content{background:#fff;overflow:hidden; position:relative; zoom:1; width:1000px; margin:0 auto; padding:0 0 20px 0;}

#mainIndexL h1.tw {
    background: url(../../images/pagetitle_all_tw.png) no-repeat;
}
#mainIndexL {
    float: left;
    width: 187px;
    margin-left: 27px;
}
#mainIndexL.about h1 {
    background-position: 0 0;
}
#mainChildMenuList {
    float: left;
    width: 185px;
    margin-top: 5px;
    background-color: #f8f8f8;
    border: 1px solid #e7e7e7;
}
#mainIndexL #mainChildMenuList li {
    float: left;
}
#mainIndexL #mainChildMenuList li.nowChoose a {
    float: left;
    color: #344447;
    background-color: #c4c7c8;
}
/*#mainIndexL #mainChildMenuList a {
    color: #666666;
    float: left;
    width: 160px;
    height: 32px;
    padding-left: 25px;
    line-height: 30px;
}*/
#mainIndexL #mainChildMenuList a {
    color: #666666;
    float: left;
    width: 150px;
    padding-left: 25px;
	padding-right: 10px;
    line-height: 30px;
}
#mainIndexL #mainChildMenuList a:hover {
    color: #FFFFFF;
    background-color: #7f7f7f;
}
#mainIndexR.about #childNavBar {
    border-bottom: 3px solid #770b61;
}
#mainIndexL h1 {
    float: left;
    width: 187px;
    height: 36px;
    text-indent: -9999px;
}
#mainIndexR {
    float: left;
    width: 733px;
    margin-left: 25px;
}
#mainIndexR #sLink {
    margin-top: 8px;
    text-align: right;
    width: 733px;
    height: 30px;
    float: right;
    color: #9d9d9d;
}
#childNavBar {
    float: right;
    width: 733px;
}
#indexRightBox {
    margin-top: 15px;
    float: left;
    width: 480px;
    border-right: 0px solid #dadada;
    min-height: 300px;
    _height: 300px;
	padding-right: 15px;
}
#indexRightBox.full,
#indexRightBox.full #mainIndexR_middle2{
    width: 733px;
    padding-right: 0;
}
#indexRightBox2 {
    margin-top: 15px;
    float: left;
    width: 585px;
    border-right: 1px solid #dadada;
    min-height: 300px;
    _height: 300px;
    padding-right: 0px;
}
#indexRightBox2 input, #indexRightBox input, #indexRightBox input {
    background-color: #fafafa;
    border: 1px solid #a7a7a7;
}
#mainIndexR_R {
    margin-top: 15px;
    width: 234px;
    float: right;
}
#mainIndexR_R2 {
    margin-top: 15px;
    width: 140px;
    float: right;
}
#mainIndexR_R2 a.Request {
    width: 112px;
    height: 22px;
    display: block;
    background: url(../../images/quote.gif) no-repeat;
    margin-left: 13px;
    font-size: 11px;
    line-height: 22px;
    text-align: center;
    color: white;
    text-decoration: none;
    font-weight: 100;
}
#flashpic_sp {
    width: 234px;
    height: 234px;
    float: right;
    padding-left: 10px;
}
#mainIndexR_middle p {
    color: #666666;padding-bottom: 20px;
}
.forH7_color1 h6 {
    color: #770b61;
}
.about h2, .about h3 {
    color: #770b61;
}
h6 {
    font-size: 12px;
    font-weight: normal;
	color: #770b61;
}
.contact h2, .contact h3 {
    color: #cb5210;
}
#mainIndexR.contact #childNavBar {
    border-bottom: 3px solid #cb5210;
}
.contact1_1Table th em, .contact1_1Table td em {
    color: #cb5210;
    padding-right: 3px;
    font-style: normal;
}
table.short {
    width: 565px;
}
.contact1_1Table {
    font: Arial, Helvetica, sans-serifArial;
    float: left;
    border: 1px solid #cecece;
    border-bottom: 3px solid #cb5210;
    width: 100%;
}
.staffing7_9Table th, .staffing7_9Table td, .about2_5_2Table th, .about2_5_2Table td, .contact1_1Table th, .contact1_1Table td {
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
    font-weight: normal;
    border-left: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
}
.staffing7_9Table th, .about2_5_2Table th, .contact1_1Table th {
    color: #010101;
    background-color: #ededed;
    border-bottom: 1px solid #cecece;
}
#mainIndexR_middle #findPW_Nav.contact {
    padding-left: 230px;
    width: 335px;
}
#mainIndexR_middle #findPW_Nav {
    display: block;
    float: left;
    margin: 0;
    padding-left: 170px;
    padding-top: 30px;
    width: 395px;
}
#mainIndexR_middle ul, #mainIndexR_middle ol {
    margin-left: 15px;
    padding-bottom: 20px;
}
#findPW_Nav li {
    list-style: none;
    float: left;
    display: inline;
}
#mainIndexR_middle li {
    margin: 0;
    padding: 0;
    list-style: disc;
    list-style-position: outside;
    line-height: 22px;
}
#findPW_Nav.contact li a {
    width: 66px;
    height: 24px;
    background-image: url(../../images/contact_btn.jpg);
    background-repeat: no-repeat;
    display: block;
    color: #FFF;
    text-align: center;
    margin-right: 5px;
}

#findPW_Nav.contact li input {
    width: 66px;
    height: 24px;
    background-image: url(../../images/contact_btn.jpg);
    background-repeat: no-repeat;
    display: block;
    color: #FFF;
    text-align: center;
    margin-right: 5px;
    border: 0px;
    cursor: pointer;
}



#mainIndexL.contact h1 {
    background-position: 0 -252px;
}
#mainIndexR_middle #contact2UL {
    padding-right: 20px;
}
#mainIndexR_middle #contact2UL li, #mainIndexR_middle ul.contact2ULChild li {
    list-style: none;
    min-height: 26px;
    _height: 26px;
    line-height: 26px;
}
#mainIndexR_middle ul.contact2ULChild {
    margin-bottom: 5px;
}
#mainIndexR_middle ul.contact2ULChild li.title {
    background-color: #f8f8f8;
}
#mainIndexR_middle ul.contact2ULChild li {
    padding-left: 20px;
}
#mainIndexR_middle ul.contact2ULChild li.address span {
    float: left;
}
#mainIndexR_middle2 {
    float: left;
    width: 480px;
    padding-right: 15px;
}
#mainIndexR_middle {
    float: left;
    width: 570px;
    padding-right: 15px;
}
#mainIndexR_middle a {
    text-decoration: underline;
    color: #00F;
}
#mainIndexR_middle #contact2UL, #mainIndexR_middle ul.contact2ULChild {
    margin: 0;
    padding: 0;
}
#mainIndexR_middle ul.contact2ULChild li.address a {
    display: block;
    background-image: url(../../images/icon_map.gif);
    background-repeat: no-repeat;
    background-position: 0 5px;
    padding-left: 25px;
    width: 30px;
    height: 22px;
    float: left;
    margin-left: 30px;
    color: #666;
}
#mainIndexR_middle ul.contact2ULChild li.tel {
    background-image: url(../../images/icon_tel.jpg);
}
#mainIndexR_middle ul.contact2ULChild li.fax {
    background-image: url(../../images/icon_fax.jpg);
}
#mainIndexR_middle ul.contact2ULChild li.mail {
    background-image: url(../../images/icon_mail.jpg);
}
#mainIndexR_middle ul.contact2ULChild li.tel, #mainIndexR_middle ul.contact2ULChild li.fax, #mainIndexR_middle ul.contact2ULChild li.mail {
    background-repeat: no-repeat;
    padding-left: 43px;
    background-position: 18px 2px;
}
ol, ul {
list-style: none;}
#mainIndexR_middle ul.contact2ULChild li.mail a {
    text-decoration: underline;
    color: #666;
}
#mainIndexR.news #childNavBar {
    border-bottom: 3px solid #53acf2;
}
.news h2, .news h3 {
    color: #53acf2;
}
#mainIndexL.news h1 {
    background-position: 0 -36px;
}
#firstNews {
    width: 565px;
    border-right: 1px solid #dadada;
    border-left: 1px solid #dadada;
    border-bottom: 3px solid #53acf2;
}
#firstNews span {
    background-color: #a5d1f2;
    width: 537px;
    display: block;
    color: #FFF;
    padding-left: 28px;
    line-height: 25px;
    height: 25px;
}
.newsTable tr.title td {
    color: #FFF;
}
.newsTable td {
	padding-left: 5px;
	line-height: 25px;
	height: 25px;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.newsTable tr.title {
    background-color: #a4ceee;
}
.contact h2, .contact h3 {
    color: #cb5210;
}
.sitemap dl {
    float: left;
    width: 125px;
    padding: 0;
    margin: 0 10px 20px 0;
    border: 1px solid #e3e3e3;
    background: #f2f2f2;
}
.sitemap dt {
    line-height: 25px;
    line-height: 25px;
    text-indent: 5px;
    background-image: url(../../images/sitemap_dt.gif);
    background-repeat: repeat-x;
    color: #FFF;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
}
.sitemap dt, .sitemap dd {
    float: left;
    width: 125px;
    padding: 0;
    margin: 0;
}
.sitemap dd {
    padding-left: 15px;
    width: 110px;
    background: url(../../images/dot.gif) no-repeat left 5px;
}
#mainIndexR_middle.sitemap {
    float: left;
    width: 570px;
    padding-right: 15px;
    border-bottom: 3px solid #cb5210;
}
.sitemap .energy dt {
    background-position: 0 -75px;
}
.sitemap .equipment dt {
    background-position: 0 -100px;
}
.sitemap .staffing dt {
    background-position: 0 -125px;
}
.sitemap .service dt {
    background-position: 0 -150px;
}
.sitemap .contact dt {
    background-position: 0 -175px;
}
#mainIndexL.rotor h1 {
    background-position: 0 -72px;
}
.sitemap .about dt {
    background-position: 0 0;
}
.sitemap .news dt {
    background-position: 0 -25px;
}
.sitemap .rotor dt {
    background-position: 0 -50px;
}
#mainIndexL.equiment h1 {
    background-position: 0 -144px;
}
.sitemap dd {
    padding-left: 15px;
    width: 110px;
    background: url(../../images/dot.gif) no-repeat left 5px;
}
.sitemap a {
    color: #999;
}
#mainIndexL.energy h1 {
    background-position: 0 -108px;
}
.energy h2, .energy h3 {
    color: #c8d85b;
}
#childNavBar .energy li a {
    float: left;
    width: 81px;
    height: 20px;
    line-height: 1;
    display: block;
    padding-top: 7px;
    background: url(../../images/childnav_btn_energy_bg.gif) no-repeat;
    text-align: center;
}
#childNavBar {
    float: right;
    width: 733px;
}
#childNavBar ul {
    float: right;
    height: 27px;
}
#childNavBar li {
    float: left;
    width: 81px;
    height: 27px;
    margin-left: 5px;
}
#childNavBar li.nowChoose a {
    color: #FFFFFF;
    background-position: right;
}
#childNavBar .energy li a:hover {
    color: #FFFFFF;
    background: url(../../images/childnav_btn_energy_over.gif) no-repeat;
    background-position: right;
}
#mainIndexR.energy #childNavBar {
    border-bottom: 3px solid #c8d85b;
}
.searchResult dt {
    background: #f3f3f3;
    width: 100%;
    padding: 0;
    margin: 0;
    text-indent: 5px;
}
.searchResult dl {
    margin: 0;
    padding: 10px 0 0 0;
    clear: both;
}
.searchResult dt a {
    color: #d16c14;
    width: 100%;
    display: block;
	background: #f3f3f3;
}
.searchResult dd {
    margin: 5px 15px 15px 15px;
    color: #777;
}
.searchResult dt {
    text-indent: 5px;
}
#mainIndexR_middle.searchResult {
    float: left;
    width: 570px;
    padding-right: 15px;
    border-bottom: 3px solid #cb5210;
}
.clear {
    clear: both;
    height: 0;
    line-height: 0;
}
#mainIndexR_middle p {
    color: #666666;
}
.pageNav {
    list-style-type: none;
    text-align: center;
}
#mainIndexR_middle a {
    text-decoration: underline;
    color: #00F;
}
.pageNav a {
    font-size: 11px;
    color: #afafaf;
    margin: 0 2px;
    padding: 0px 5px;
    border: 1px solid #d9d9d9;
    text-decoration: none;
}
#flashpic {
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    float: right;
    position: relative;
    z-index: -100;
}

#mainIndexR_middle span.energy_Nav_SP {
    color: #c8d85b;
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
}
#mainIndexR_middle span.energy_Nav_SP a.on {
    color: #c8d85b;
    text-decoration: none;
}
#mainIndexR_middle span.energy_Nav_SP a {
    color: #4a4a4a;
}
.orange h2, .orange h3 {
    color: #ffb400;
}
#mainIndexR_R a.color3 {
    color: #ffb400;
}
#mainIndexR.orange #childNavBar {
    border-bottom: 3px solid #ffb400;
}
.color3 {
    border-color: #ffb400;
}
#mainIndexR_R2 a.color3 {
    color: #ffb400;
}
#mainIndexR_R2 a.pdfLogo {
    display: inline;
    width: 73px;
    float: left;
    margin-top: 5px;
    margin-left: 15px;
    text-decoration: underline;
    background: url(../../images/pdf_logo.gif) no-repeat;
    padding-left: 40px;
    line-height: 2;
}
#imageOfPdf {
    width: 110px;
    height: 149px;
    margin-left: 13px;
    margin-top: 10px;
    border-width: 1px;
    border-style: solid;
}
#childNavBar .orange li a {
    float: left;
    width: 81px;
    height: 20px;
    line-height: 1;
    display: block;
    padding-top: 7px;
    background: url(../../images/childnav_btn_rotor_bg.gif) no-repeat;
    text-align: center;
}
#childNavBar .orange li a:hover,
#childNavBar .orange li.nowChoose a {
    color: #FFFFFF;
    background: url(../../images/childnav_btn_rotor_over.gif) no-repeat;
    background-position: right;
}
.blue h2, .blue h3 {
    color: #aed6f5;
}
#mainIndexR.blue #childNavBar {
    border-bottom: 3px solid #aed6f5;
}
#childNavBar .blue li a {
    float: left;
    width: 81px;
    height: 20px;
    line-height: 1;
    display: block;
    padding-top: 7px;
    background: url(../../images/childnav_btn_equiment_bg.gif) no-repeat;
    text-align: center;
}
#childNavBar .blue li a:hover,
#childNavBar .blue li.nowChoose a{
    color: #FFFFFF;
    background: url(../../images/childnav_btn_equiment_over.gif) no-repeat;
    background-position: right;
}
#childNavBar .energy li a:hover {
    color: #FFFFFF;
    background: url(../../images/childnav_btn_energy_over.gif) no-repeat;
    background-position: right;
}
#mainIndexL.staffing h1 {
    background-position: 0 -180px;
}
#mainIndexR.red #childNavBar {
    border-bottom: 3px solid #d4003d;
}
.red h2, .red h3 {
    color: #d4003d;
}
#childNavBar .red li a, #childNavBar .red2 li a {
    float: left;
    width: 81px;
    height: 20px;
    line-height: 1;
    display: block;
    padding-top: 7px;
    background: url(../../images/childnav_btn_staffing_bg.gif) no-repeat;
    text-align: center;
}
#mainIndexR.red #childNavBar {
    border-bottom: 3px solid #d4003d;
}
.red h2, .red h3 {
    color: #d4003d;
}
#childNavBar .red li a:hover, #childNavBar .red2 li a:hover,
#childNavBar .red li.nowChoose a, #childNavBar .red2 li.nowChoose a {
    color: #FFFFFF;
    background: url(../../images/childnav_btn_staffing_over.gif) no-repeat;
    background-position: right;
}
.purple h2, .purple h3 {
    color: #402b8a;
}
#mainIndexR.purple #childNavBar {
    border-bottom: 3px solid #402b8a;
}
#rightbox{float:right;background:url(../../images/temp_a/bg_right.jpg) top repeat-x #FFF;display:block;width:756px;min-height:400px;padding:0 5px 15px 20px;}
.content-main{ padding:10px 15px}


/* ------------- 表格 -------------*/
#mainIndexR_down {
    padding-top: 15px;
    float: left;
    width: 585px;
    border-top: 1px solid #dadada;
}
.rotor1_3Table {
    font-family: "Century Gothic";
    font-weight: 100;
    float: left;
    width: 565px;
    margin-top: 10px;
    border-top: 1px solid #cecece;
    border-left: 1px solid #cecece;
    border-right: 1px solid #cecece;
    border-bottom: 3px solid #ffb400;
}
.rotor1_3Table th {
    width: 240px;
    line-height: 2;
    color: #010101;
    font-weight: 100;
    text-align: left;
    background-color: #f8f8f8;
    border-bottom: 1px solid #cecece;
    border-right: 1px solid #cecece;
    padding-left: 10px;
}
.rotor1_3Table td {
    width: 305px;
    height: 28px;
    line-height: 2;
    color: #666666;
    text-align: left;
    padding-left: 10px;
    border-bottom: 1px solid #cecece;
}
/* ------------- 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;}
.menu {word-wrap:break-word;font-size:13px; display:block; padding:0 0 10px 5px;}
.menu li a { color:#666; display:block; padding:8px 0 8px 15px; margin:0; border-bottom:1px #999 dashed; }
.menu li a:hover { color:#fff; background:url(../../images/temp_a/mn_over.gif) no-repeat;}

.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;border-bottom:0px solid #e5e5e5}
.title h1{color:#000;float:left; font-size:16px; font-weight:bold; text-transform:uppercase; display:inline-block;
background:url(../../images/temp_a/title.png) no-repeat 0 3px; padding:0 0 0 22px; }
.title span{color:#333;float:right; font-size:11px;  text-align:right; margin:0; padding:5px 0 0 0; }
.title span a{ color:#999;}
.title span a:hover{ color:#666; }
.title span b{ color:#666; font-weight: normal}
*/

/*----------------------------------------------------------------  各頁面內容  ---------------*/
.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;}

/*-----------------------------------------------------------------   news  ------------------*/
#news_tab{margin:auto;width:98%;}
#news_tab 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;}
#news_tab tr td{padding:7px 0;border-bottom:1px #CCC solid;}
#news_tab a{color:#666;padding:0 0 0 10px;}
#news_tab a:hover{color:#224f78;text-decoration:underline;}
#news_tab small{color:#666;margin:0 0 0 10px;}

.td_bg01{ background:#fff; padding:5px;border-bottom:1px solid #e7e7e7; }
.td_bg02{ background:#fafafa; padding:5px;border-bottom:1px solid #e7e7e7; }

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

/* ------------- page ------------- */
#move_page { clear:both;text-align:center; margin-top:20px; margin-bottom:30px;}
#move_page .onthis{color:#900;font-size:14px; font-weight:bold;text-decoration:underline; padding-right:5px; padding-left:5px; }
#move_page a {color:#000;font-size:11px; font-weight:normal;text-decoration:none; padding-right:5px; padding-left:5px; }
/*--------------  detail  -------*/
#news_d_tit{overflow:hidden;position:relative;margin:auto;width:100%;font-size:12px;padding:0px 0;}
#news_d_tit h1{ color:#333;font-size:15px;font-weight:bold;display:inline-block;float:left;background:url(../../images/temp_a/prod_des3.png) no-repeat 0 3px;padding:0 0 0 25px;margin:0 0 0 5px;}
#news_d_tit address{color:#CCC;float:right; padding:0px 20px;}
#news_d_info{display:block;clear:both;padding:10px 25px;text-align:justify;}
#news_d_info p{display:block;padding:0 0 15px 0;}

/* -------------  (有圖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:0px 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{ margin-left:120px; width:96%;}
.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);}

/* ------------- copyright ------------- */
#footer{color:#CCC;clear:both; display:block;  height:; background:url(../../images/temp_a/foot_bg2.jpg) repeat-x #ececec;}
#foot{ clear:both; margin:auto; width:1000px; height:100px; overflow:hidden;background:url(../../images/temp_a/foot_bg3.jpg) top center no-repeat;}


.mainIndexSliderImg  .slick-arrow{
    display: none!important;
}