@charset "utf-8";

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 分頁框架設設定 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.pagination { line-height:150%; background:url(../images/layout/main_bg.jpg) repeat-y left top;}/*分頁共用*/
.index {}
.about {}/*公司簡介*/
.news {}/*最新消息*/
.news_in {}/*最新消息-內文*/
.products {}/*產品介紹*/
.album {}/*活動相簿*/
.contact {}/*聯絡我們*/


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 主架構設定 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.main_area { margin:0 20px; width:700px; min-height:400px;}
.content { position:relative; padding:5px 15px;}
.info_frame { min-height:250px;}

/*------------------------------------------------------------------------------------------------------------------------*/

/*內頁-小標題*/
.pagination h3 { font-weight:bold; letter-spacing:1px;}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 內頁標題 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.pagination .pgTitle { margin-left:-25px; margin-bottom:0px; height:40px; text-indent:-9999px;}

.index .pgTitle { background:url(../images/layout/index_slogen.png) no-repeat left top; margin-left:-15px;}/*首頁*/
.about .pgTitle { background:url(../images/layout/pg_title/menu_title_01.png) no-repeat left top;}/*關於我們*/
.news .pgTitle, .news_in .pgTitle { background:url(../images/layout/pg_title/menu_title_02.png) no-repeat left top;}/*新聞動態*/
.QnA .pgTitle, .QnA_in .pgTitle { background:url(../images/layout/pg_title/menu_title_03.png) no-repeat left top;}/*常見問題*/
.application .pgTitle { background:url(../images/layout/pg_title/menu_title_04.png) no-repeat left top;}/*外勞申請*/
.links .pgTitle { background:url(../images/layout/pg_title/menu_title_05.png) no-repeat left top;}/*相關連結*/
.search .pgTitle { background:url(../images/layout/pg_title/menu_title_08.png) no-repeat left top;}/*協尋逃跑外籍勞工*/


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 搜尋列 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.content .serch { position:absolute; display:inline-block; left:440px; top:15px;}
.content .serch input { float:left; margin:0; padding:0; width:200px; height:20px; line-height:20px; font-size:11px; border:#ccc 1px solid;}
.content .serch a { margin-left:-1px; float:left; display:block; width:40px; height:20px; background: url(../images/icon/serch_01.jpg) no-repeat center center; border:#CCC 1px solid;}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 首頁 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.index .main_area { background:url(../images/layout/index_img.png) no-repeat left top;}
.index .item_text { margin-left:240px; min-height:400px;}
.index .item_text p { margin-bottom:20px; color:#666;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 分頁-公司簡介 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.about .content h3 { margin-bottom:5px; line-height:30px; color:#E60;}
.about .item_text { padding:15px 0px;}
.about .content .item_text > p { padding-bottom:15px; font-size:13px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 分頁-最新消息 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.news .info_frame { margin:5px 0px 15px 0px; padding: 10px 10px 15px 10px; font-size:12px; letter-spacing:2px;}
.news .item_list > li { padding:2px 10px; border-bottom:1px #eee solid;}
.news .item_list > li:hover { background:#eee;}
.news .item_list .date {}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 分頁-最新消息-內文 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.news_in .content h3 { margin:0 0px; margin-bottom:5px; line-height:30px; color:#6D5A3D;}
.news_in .info_frame { margin:5px 0px 15px 0px; padding: 10px 10px; font-size:12px; letter-spacing:2px;}
.news_in .info_frame .item_text { padding:10px 5px;}
.news_in .info_frame .hr { border-color:#eee;}
.news_in .info_frame .date { text-align:right; color:#999;}
.news_in .info_frame .back { text-align:center;}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 分頁-常見問題 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.QnA .info_frame { margin:5px 0px 15px 0px; padding:5px; font-size:12px; letter-spacing:2px;}

.QnA .item_list { width:100%; border-collapse:separate; border-spacing:1px;}
.QnA .item_list th, .QnA .item_list td { padding:4px 8px; font-size:12px;}

.QnA .item_list > thead > tr > th { background:#CCC; text-align:center;}
.QnA .item_list > thead > tr > th a { color:#333;}
.QnA .item_list > thead > tr > th a:hover { color:#000; text-decoration:underline;}

.QnA .item_list > tbody > tr td { border-bottom:1px #eee solid;}
.QnA .item_list > tbody > tr:hover { background:#f3f3f3;}
.QnA .item_list > tbody > tr > .item_icon { width:20px; background:url(../images/icon/Q.png) no-repeat center center;}
.QnA .item_list > tbody > tr > .item_title a {}
.QnA .item_list > tbody > tr > .item_date { width:100px; text-align:center; color:#999;}
.QnA .item_list > tbody > tr > .item_read { width:60px; text-align:center; color:#999;}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 分頁-常見問題-內文 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.QnA_in  .content h3 { margin:0 0px; margin-bottom:5px; line-height:30px; color:#C60; background:url(../images/icon/Q.png) no-repeat 0px 4px; text-indent:30px;}
.QnA_in .info_frame { margin:5px 0px 15px 0px; padding: 10px 10px; font-size:12px; letter-spacing:2px;}
.QnA_in .info_frame .item_text { padding:10px 5px;}
.QnA_in .info_frame .hr { border-color:#eee;}
.QnA_in .info_frame .verdana { text-align:right; color:#69C;}
.QnA_in .info_frame .verdana span { color:#69C;}
.QnA_in .info_frame .back { text-align:center;}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 分頁-外勞申請 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.application .content h3 { margin-top:10px; margin-bottom:5px; line-height:30px; border-bottom:#ddd 1px solid; color:#F60; font-size:18px;}
.application .item_text { padding:5px 0px;}
.application .content .item_text p { padding-bottom:15px;}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 分頁-常見問題 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.links .info_frame { margin:5px 0px 15px 0px; padding: 10px 10px 15px 10px; font-size:12px; letter-spacing:2px;}
.links .item_list > li { padding:4px 10px; border-bottom:1px #eee solid; background:url(../images/icon/links.png) no-repeat 0px 3px; text-indent:25px;}
.links .item_list > li:hover { background:#f3f3f3 url(../images/icon/links.png) no-repeat 3px 3px;}
.links .item_list .date {}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 分頁-聯絡我們 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.contact, .contact .sidebar, .contact .main_area { height:900px;}
.contact .sidebar .company_info { margin:10px;} 
.contact .sidebar .company_info * { color:#fff;}
.contact .sidebar .company_info h1 { line-height:30px; font-size:15px; font-weight:bold;}
.contact .sidebar .company_info h3 { margin-top:15px; line-height:16px; font-size:12px;}
.contact .info_frame { margin: 15px 1px; padding:5px; font-size:12px; letter-spacing:2px;}
.contact .feedback { margin:0px auto; width:100%;}
.contact .feedback tr:hover { background:#fafafa;}
.contact .feedback th, .contact .feedback td { padding:5px 0; vertical-align:middle; border-bottom:#aaa 1px dashed; border-top:#aaa 1px dashed;}
.contact .feedback th { text-indent:20px; width:110px; height:20px; line-height:20px; text-align:left; letter-spacing:5px;}
.contact .feedback input { margin:0; padding:0 5px; border:#ddd 1px solid; height:22px; line-height:22px; font-size:12px;}
.contact .feedback .input1 { width:200px;}
.contact .feedback .input2 { width:565px;}
.contact .feedback .input3 { width:60px;}
.contact .feedback textarea { margin:0; padding:5px; border:#ddd 1px solid; width:565px; height:80px;}
.contact .feedback #reset, .contact .feedback #submit { width:100px; height:30px; line-height:28px; font-size:13px; color:#666; border:#aaa 1px solid;}
.contact .feedback #reset:hover, .contact .feedback #submit:hover { background:#666; color:#fff; border:#333 1px solid;}