@charset "utf-8";
/* 永續人力 RWD
   開發日期:2017/01/24
   開發人員：Karen
----------------------------------*/



/*=======================================全域設定=======================================*/



/*html5 標籤元素
------------------------*/
header, nav, section, article, aside, time,.Footer { display:block;}

/*全域屬性
------------------------*/
*, *:before, *:after { box-sizing: border-box;}
html, body { padding:0; margin:0;}
html { -webkit-text-size-adjust: 100%;}
body { font-family:'Roboto', "微軟正黑體";  }

/*共用元件
------------------------*/
.Div-W1000 { width:100%; height:auto; overflow:hidden; margin:0 auto; max-width:1120px;}
.Div-W1280 { width:100%; height:auto; overflow:hidden; margin:0 auto; max-width:1280px;}
.Wrapper { width:100%; height:auto; overflow:hidden; margin:0 auto;}



/*=======================================上方設定=======================================*/



/*Header
------------------------*/
.Header { width:100%; height:auto; overflow:visible; margin:0 auto; border-top:5px solid #fdb719; }
.Header .Login { width:80px; height:80px; overflow:hidden; position:fixed; top:25px; right:20px; z-index:100; }
.Header .Login a { width:100%; height:80px; display:block; text-decoration:none; text-align:center; font-size:15px; color:#fff; padding:12px 0; transition:all 0.3s; 
-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
background: rgb(236,68,147); 
background: -moz-linear-gradient(top,  rgb(236,68,147) 0%, rgb(210,43,122) 100%);
background: -webkit-linear-gradient(top,  rgb(236,68,147) 0%,rgb(210,43,122) 100%);
background: linear-gradient(to bottom,  rgb(236,68,147) 0%,rgb(210,43,122) 100%); }
.Header .Login a:hover { 
background: rgb(234,82,153);
background: -moz-linear-gradient(top,  rgb(234,82,153) 0%, rgb(209,31,114) 100%);
background: -webkit-linear-gradient(top,  rgb(234,82,153) 0%,rgb(209,31,114) 100%);
background: linear-gradient(to bottom,  rgb(234,82,153) 0%,rgb(209,31,114) 100%); }
.Header .Login a img { width:30px; height:auto; display:block; margin:0 auto 5px auto;}
.Header .Div-W1280 { padding:35px 15px 35px 460px; position:relative; }
.Header .Logo { width:430px; height:80px; overflow:hidden; position:absolute; left:15px; top:50%; margin-top:-40px;}
.Header .Logo a { display:block; width:100%; height:80px; overflow:hidden; background:url(../Images/Layout/Logo.png) no-repeat; text-indent:-9999px;}
.Header .Tel { width:auto; height:50px; float:right; color:#fff; font-size:20px; font-weight:400; line-height:50px; padding:0 15px; cursor:default;
-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
background: rgb(68,136,219);
background: -moz-linear-gradient(top,  rgb(68,136,219) 0%, rgb(43,111,193) 100%);
background: -webkit-linear-gradient(top,  rgb(68,136,219) 0%,rgb(43,111,193) 100%);
background: linear-gradient(to bottom,  rgb(68,136,219) 0%,rgb(43,111,193) 100%); }
.Header .Tel a { text-decoration:none;}
.Header .Tel img { width:25px; height:auto; display:block; float:left; margin:8px 10px 0 0; }
.Header .Free { margin-left:10px;}

/*Nav
------------------------*/
.Header .Nav { width:100%; height:70px; overflow:visible; margin:0 auto; background:#f7ab00;}
.Header .Nav * { padding:0; margin:0; list-style:none;  text-decoration:none;}
.Header .Nav ul.MainMenu { width:100%; max-width:1280px; height:70px; overflow:visible; margin:0 auto; display:flex; flex-wrap:wrap; /*水平對齊狀態*/
justify-content:space-between; }
.Header .Nav ul.MainMenu li.MainMenuLi { width:10%; width:auto; display:inline-block; height:70px; line-height:70px; font-size:17px; text-align:center; float:left; position:relative; overflow:visible;}
.Header .Nav ul.MainMenu li.MainMenuLi a { display:block;  width:100%; height:auto; overflow:hidden; position:relative; padding:0 15px; transition: all .3s; color:#fff; white-space:nowrap;}
.Header .Nav ul.MainMenu li.MainMenuLi>a:before { width:8px; height:8px; content:''; display:block; background:#fff;-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position:absolute; bottom:7px; left:50%; margin-left:-4px; opacity:0; transition: all .3s; }
.Header .Nav ul.MainMenu li.MainMenuLi>a:after { width:1px; height:10px; content:''; display:block; background:#fff;-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position:absolute; bottom:0; left:50%; margin-left:-0.5px; opacity:0; transition: all .3s;}
.Header .Nav ul.MainMenu li.MainMenuLi:hover>a { background:#2d71c4;}
.Header .Nav ul.MainMenu li.MainMenuLi:hover>a:before { opacity:1; }
.Header .Nav ul.MainMenu li.MainMenuLi:hover>a:after { opacity:1; }
.Header .Nav ul.MainMenu li.MainMenuLi ul.MainMenuSub { display:inline-block; width:auto; min-width:100%; height:auto; overflow:hidden; left:0; top:70px; position:absolute; z-index:9999; background:rgba(255,255,255,.95); display:none; border-bottom:1px solid #2d71c4; }
.Header .Nav ul.MainMenu li.MainMenuLi ul.MainMenuSub li { width:100%; height:auto; line-height:1.2em; text-align:left; overflow:hidden;}
.Header .Nav ul.MainMenu li.MainMenuLi ul.MainMenuSub li a {padding:12px 10px 12px 23px; color:#5b5b5b; font-size:15px; white-space:nowrap;}
.Header .Nav ul.MainMenu li.MainMenuLi ul.MainMenuSub li a:before { width:4px; height:4px; content:''; display:block; background:#2d71c4;-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position:absolute; top:18px; left:8px; }
.Header .Nav ul.MainMenu li.MainMenuLi ul.MainMenuSub li a:hover { color:#2d71c4; background:none;}


/*Banner
------------------------*/
.DefBanner { width:100%; height:auto; overflow:hidden; margin:0 auto; position:relative;}
.Banner { width:100%; height:auto; overflow:hidden; margin:0 auto; position:relative; }
.Banner .BannerText { width:1225px; height:55px; overflow:hidden; position:absolute; top:50%; margin-top:-27.5px; left:50%; margin-left:-612.5px; z-index:5; display:none; }
.Banner .BannerText img { max-width:100%; height:auto; display:block; border:none;}
.Banner .Bg { width:100%; height:auto; display:block; border:none; }



/*=======================================首頁設定=======================================*/



/*ScllDownBu
------------------------*/
.ScllDown { width:50px; height:50px; overflow:hidden; display:block; border:1px solid #ababab; background:rgba(255,255,255,.8); border-radius: 50%; position:absolute; bottom:30px; left:50%; margin-left:-25px; z-index:10; }
.ScllDown i { position:absolute; color:#ababab; font-size:30px; right:15px; animation:ScllDownEffect 1.3s infinite; }
@-webkit-keyframes ScllDownEffect {
	0%   { top:8px; opacity:.7; }
	50%  { top:10px; opacity:1; }
	100%   { top:8px; opacity:.7; }
}
@keyframes ScllDownEffect {
	0%   { top:8px; opacity:.7; }
	50%  { top:10px; opacity:1; }
	100%   { top:8px; opacity:.7; }
}


/*RightMenu
------------------------*/
.RightMenu { width:10px; height:42px; overflow:hidden; list-style:none; position:fixed; right:15px; top:50%; margin:-21px 0 0 0; z-index:80; padding:0;}
.RightMenu * { margin:0; padding:0; list-style:none; text-decoration:none;  }
.RightMenu li { width:10px; height:10px; overflow:hidden; margin-top:6px; }
.RightMenu li:nth-child(1) { margin-top:0;}
.RightMenu li a { width:10px; height:10px; display:block; text-indent:-999999px;  background:#fff; border:1px solid #f7ab00; margin:0 auto; border-radius: 50%;
 -webkit-transition:all .3s; transition:all .3s; }
.RightMenu li a:hover {  background:#f7ab00;}
.RightMenu li.active a { background:#f7ab00;}


/*DefService
------------------------*/
.DefService { width:100%; height:auto; overflow:hidden; padding:70px 15px; margin:0 auto; background:url(../Images/Layout/DefBg_01.jpg) center no-repeat;-moz-background-size:cover;
-webkit-background-size:cover;-o-background-size:cover; background-size:cover;}
.DefService .DefTitle { width:15.5%; height:200px; overflow:hidden; display:block; margin:0; padding:0; float:left; position:relative; }
.DefService .DefTitle:after { width:100%; height:1px; content:''; display:block; background:#fdb719; right:0; top:50%; margin-top:-.5px; position:absolute; z-index:0; }
.DefService .DefTitle h1 { width:130px; height:130px; display:block;  border-radius: 50%; background:#fdb719; padding:27px 0; position:absolute; left:0; top:50%; margin-top:-65px; z-index:5; }
.DefService .DefTitle h1 span.Zh { width:2em; height:auto; display:block; text-align:center; color:#fff; font-weight:300; margin:0 auto; line-height:1.2em; font-size:24px; }
.DefService .DefTitle h1 span.En { width:100%; height:auto; display:block; text-align:center; color:#fff; font-weight:300; margin:0 auto;line-height:1.2em; font-size:20px;  }
.DefService .swiper-container2 { width:84.5%; height:auto; overflow:hidden; float:right;padding:0 30px; margin:0 auto; }
.DefService .swiper-button-next { width:24px; height:24px; border-radius: 50%; background:#fdb719; line-height:24px; display:block; color:#fff; text-align:center; right:1px; margin-top:-12px; opacity:1; -webkit-transition:all .2s; transition:all .2s;}
.DefService .swiper-button-prev { width:24px; height:24px; border-radius: 50%; background:#fdb719; line-height:24px; display:block; color:#fff; text-align:center; left:0; margin-top:-12px; opacity:1; -webkit-transition:all .3s; transition:all .3s;}
.DefService .swiper-slide a { width:100%;  height:200px; overflow:hidden; position:relative; display:block; padding:35px 0; }
.DefService .swiper-slide:nth-child(10n+1) a{ 
background: rgb(221,90,177);
background: -moz-linear-gradient(top,  rgb(221,90,177) 1%, rgb(196,65,151) 100%);
background: -webkit-linear-gradient(top,  rgb(221,90,177) 1%,rgb(196,65,151) 100%);
background: linear-gradient(to bottom,  rgb(221,90,177) 1%,rgb(196,65,151) 100%); }
.DefService .swiper-slide:nth-child(10n+2) a{ 
background: rgb(25,166,239);
background: -moz-linear-gradient(top,  rgb(25,166,239) 0%, rgb(1,142,216) 100%);
background: -webkit-linear-gradient(top,  rgb(25,166,239) 0%,rgb(1,142,216) 100%);
background: linear-gradient(to bottom,  rgb(25,166,239) 0%,rgb(1,142,216) 100%); }
.DefService .swiper-slide:nth-child(10n+3) a{ 
background: rgb(79,175,95);
background: -moz-linear-gradient(top,  rgb(79,175,95) 0%, rgb(54,150,70) 100%);
background: -webkit-linear-gradient(top,  rgb(79,175,95) 0%,rgb(54,150,70) 100%);
background: linear-gradient(to bottom,  rgb(79,175,95) 0%,rgb(54,150,70) 100%);}
.DefService .swiper-slide:nth-child(10n+4) a{ 
background: rgb(251,184,36);
background: -moz-linear-gradient(top,  rgb(251,184,36) 0%, rgb(226,159,11) 100%);
background: -webkit-linear-gradient(top,  rgb(251,184,36) 0%,rgb(226,159,11) 100%);
background: linear-gradient(to bottom,  rgb(251,184,36) 0%,rgb(226,159,11) 100%);}
.DefService .swiper-slide:nth-child(10n+5) a{ 
background: rgb(168,96,214);
background: -moz-linear-gradient(top,  rgb(168,96,214) 0%, rgb(136,68,180) 100%);
background: -webkit-linear-gradient(top,  rgb(168,96,214) 0%,rgb(136,68,180) 100%);
background: linear-gradient(to bottom,  rgb(168,96,214) 0%,rgb(136,68,180) 100%);}
.DefService .swiper-slide:nth-child(10n+6) a{ 
background: rgb(73,81,192);
background: -moz-linear-gradient(top,  rgb(73,81,192) 0%, rgb(48,56,167) 100%);
background: -webkit-linear-gradient(top,  rgb(73,81,192) 0%,rgb(48,56,167) 100%);
background: linear-gradient(to bottom,  rgb(73,81,192) 0%,rgb(48,56,167) 100%);}
.DefService .swiper-slide:nth-child(10n+7) a{
background: rgb(125,224,105);
background: -moz-linear-gradient(top,  rgb(125,224,105) 0%, rgb(99,199,79) 100%);
background: -webkit-linear-gradient(top,  rgb(125,224,105) 0%,rgb(99,199,79) 100%);
background: linear-gradient(to bottom,  rgb(125,224,105) 0%,rgb(99,199,79) 100%);}
.DefService .swiper-slide:nth-child(10n+8) a{
background: rgb(243,127,57);
background: -moz-linear-gradient(top,  rgb(243,127,57) 0%, rgb(218,102,32) 100%);
background: -webkit-linear-gradient(top,  rgb(243,127,57) 0%,rgb(218,102,32) 100%);
background: linear-gradient(to bottom,  rgb(243,127,57) 0%,rgb(218,102,32) 100%);}
.DefService .swiper-slide:nth-child(10n+9) a{
background: rgb(243,117,221);
background: -moz-linear-gradient(top,  rgb(243,117,221) 0%, rgb(205,79,183) 100%);
background: -webkit-linear-gradient(top,  rgb(243,117,221) 0%,rgb(205,79,183) 100%);
background: linear-gradient(to bottom,  rgb(243,117,221) 0%,rgb(205,79,183) 100%); }
.DefService .swiper-slide:nth-child(10n+10) a{
background: rgb(139,207,217);
background: -moz-linear-gradient(top,  rgb(139,207,217) 0%, rgb(122,190,200) 100%);
background: -webkit-linear-gradient(top,  rgb(139,207,217) 0%,rgb(122,190,200) 100%);
background: linear-gradient(to bottom,  rgb(139,207,217) 0%,rgb(122,190,200) 100%); }
.DefService .swiper-slide .Icon { width:80px; height:auto; display:block; margin:0 auto ;}
.DefService .swiper-slide .HoverImg { min-width:100%; width:auto; height:auto; max-height:200px;  position:absolute; opacity:0; z-index:5; top:0; left:50%; margin-left:-100px; -webkit-transition:all .3s; transition:all .3s; }
.DefService .swiper-slide:hover .HoverImg { opacity:1; }
.DefService .swiper-slide h2 { position:relative; z-index:10; font-weight:300; text-align:center; color:#fff; font-size:24px; margin:10px auto 0 auto; padding:5px 0; }
.DefService .swiper-slide:nth-child(10n+1):hover h2 { background:rgba(199,68,154,.7);}
.DefService .swiper-slide:nth-child(10n+2):hover h2 { background:rgba(0,143,199,.7);}
.DefService .swiper-slide:nth-child(10n+3):hover h2 { background:rgba(54,150,70,.7);}
.DefService .swiper-slide:nth-child(10n+4):hover h2 { background:rgba(226,159,11,.7);}
.DefService .swiper-slide:nth-child(10n+5):hover h2 { background:rgba(136,68,180,.7);}
.DefService .swiper-slide:nth-child(10n+6):hover h2 { background:rgba(48,56,167,.7);}
.DefService .swiper-slide:nth-child(10n+7):hover h2 { background:rgba(99,199,80,.7);}
.DefService .swiper-slide:nth-child(10n+8):hover h2 { background:rgba(218,102,32,.7);}
.DefService .swiper-slide:nth-child(10n+9):hover h2 { background:rgba(205,79,183,.7);}
.DefService .swiper-slide:nth-child(10n+10):hover h2 { background:rgba(122,190,200,.7);}


/*DefNews
------------------------*/
.DefNews { width:100%; height:auto; overflow:hidden; padding:70px 30px; margin:0 auto; background:url(../Images/Layout/DefBg_02.jpg) center no-repeat;-moz-background-size:cover;
-webkit-background-size:cover;-o-background-size:cover; background-size:cover;}
.DefNews .DefContentTitle { width:100%; max-width:500px; height:auto; display:block; position:relative; margin:0 auto; padding:0; font-weight:normal; text-align:center; font-size:30px; color:#3175c8; border-bottom:1px solid #3175c8; line-height:60px; cursor:default; }
.DefNews .DefContentTitle:after {width:150px;height:2px; display:block; background:#3175c8; overflow:hidden; content:''; position:absolute; bottom:0; left:50%; margin-left:-75px;}
.DefNews .swiper-container3 { padding:0 30px; margin:40px auto;}
.DefNews .swiper-button-next { width:24px; height:24px; border-radius: 50%; background:#3175c8; line-height:24px; display:block; color:#fff; text-align:center; right:0; margin-top:-12px; opacity:1; -webkit-transition:all .2s; transition:all .2s;}
.DefNews .swiper-button-prev { width:24px; height:24px; border-radius: 50%; background:#3175c8; line-height:24px; display:block; color:#fff; text-align:center; left:0; margin-top:-12px; opacity:1; -webkit-transition:all .3s; transition:all .3s;}
.DefNews .swiper-slide {  padding:2px; }
.DefNews .swiper-slide a { width:100%; height:auto; overflow:hidden; display:block; -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2); box-shadow: 0 2px 5px rgba(0,0,0,0.2);-webkit-transition:all .3s; transition:all .3s;    }
.DefNews .swiper-slide a:hover {  -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.4); -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.4); box-shadow: 0 2px 5px rgba(0,0,0,0.4); }
.DefNews .swiper-slide .NewsGalleryPhoto { width:100%; height:auto; overflow:hidden; position:relative; }
.DefNews .swiper-slide .NewsGalleryPhoto img { display:block; border:none; }
.DefNews .swiper-slide .NewsGalleryPhoto img.Img { min-width:100%; width:auto; max-width:none;  max-height:100%;  position:absolute; top:0; left:0; z-index:2; }
.DefNews .swiper-slide .NewsGalleryPhoto img.ImgBg { width:100%; height:auto; position:relative; z-index:1;}
.DefNews .swiper-slide .NewsGalleryText { width:100%; height:auto; overflow:hidden; background:#fff; padding:10px 0;}
.DefNews .swiper-slide h1 { width:auto; display:inline-block; height:auto; overflow:hidden; padding:0 15px; line-height:2em; font-size:15px; color:#fff; background:#3175c8; font-weight:300; margin:0 0 10px 0;-webkit-transition:all .2s; transition:all .2s; }
.DefNews .swiper-slide a:hover h1 { background:#f7ab00; }
.DefNews .swiper-slide p { width:100%; height:3em; overflow:hidden; padding:0 15px;  line-height:1.5em; max-height: 3em; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size:17px; color:#303030;  }


/*DefMember
------------------------*/
.DefMember { width:100%; height:auto; overflow:hidden; padding:60px 0 0 0; margin:0 auto; background:url(../Images/Layout/DefBg_03-1.jpg) center no-repeat;
-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover; background-size:cover;  }
.DefMember .Div-W1000 { max-width:600px; background:rgba(255,255,255,.9); padding:40px 50px;  border-radius:10px; 
-moz-box-shadow: 0 0 5px 2px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,0.1);
box-shadow: 0 0 5px 2px rgba(0,0,0,0.1);}
.DefMember .DefContentTitle { width:100%; height:auto; display:block; position:relative; margin:0 auto 10px auto; padding:0; font-weight:normal; text-align:center; font-size:30px; color:#54730f; border-bottom:1px solid #c3de84; line-height:60px; cursor:default; }
.DefMember .DefContentTitle:after {width:150px;height:2px; display:block; background:#c3de84;overflow:hidden; content:'';position:absolute; bottom:0; left:50%; margin-left:-75px;}
.DefMember .memberlogin ul { max-width:none; }
.DefMember .GoBackDef { border:1px solid #93ba3d; color:#93ba3d;}
.DefMember .GoBackDef:hover { background:#93ba3d; border:1px solid #93ba3d;}
.DefMemberBg { width:100%; height:auto; overflow:hidden; padding:0; margin:50px auto 0 auto; }
.DefMemberBg img { width:100%; height:auto; display:block; border:none; }



/*=======================================各單元中間共用框架設定=======================================*/



.clear{clear:both;_height:0px;_overflow:hidden;}
div#tbContent { width:100%; height:auto; overflow:hidden;}

/*分類說明區塊
------------------------*/
.PageMenuContent { width:100%; height:auto; overflow:hidden; margin:0 auto;     word-wrap: break-word;    word-break: break-word; }

/*內容設定
------------------------*/
.PageContentBg { width:100%; height:auto; overflow:hidden; padding:0; margin:0 auto; /*background:url(../Images/Layout/PageContent_Bg.jpg) bottom center no-repeat,#f7fcff; 
-moz-background-size:100%;-webkit-background-size:100%;-o-background-size:100%;background-size:100%;*/
background:url(../Images/Layout/PageContent_Bg2.jpg) center no-repeat;
background-attachment: fixed; -moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;}
.PageContentWrap { width:100%; max-width:1280px; height:auto; overflow:hidden; margin:0 auto; padding:0 65px; background:rgba(255,255,255,.5);/*
background:url(../Images/Layout/Bg_PageContentWrap.jpg) top center repeat-y;*/}
.PageContent { width:100%; height:auto; overflow:hidden; padding:0 0 50px 0; margin:0 auto;}
.PageArticle { width:100%; height:auto; overflow:hidden; margin:0 auto; font-size:16px; color:#333;}
.PageArticle .PageArticleH1 { font-weight:normal; text-align:center; font-size:24px; color:#3175c8; margin:40px auto;}

/*沒有資料時*/
p.NoData { width:100%; height:auto; overflow:hidden; text-align:center; color:#F00; padding:0; margin:0;}
/*需特別顯示醒目字時*/
.notice { color:#F00;}


/*社群分享*/
.SocialNerwork { width:100%; height:auto; overflow:hidden; text-align:center; font-size:0; margin:0 auto 30px auto;}
.SocialNerwork span { display:inline-block; width:32px; height:32px; overflow:hidden; margin:0 2.5px 2.5px 0;}
.SocialNerwork span a { display:block; width:100%; height:auto; overflow:hidden; float:left;}
.SocialNerwork span a img { max-width:100%; height:auto; display:block;}
.SocialNerwork span span { margin:0; width:100%;}

.PageArticle img { max-width:100%; height:auto;  }
/*後台嵌入Youtube*/
.PageArticle iframe { max-width:100%; margin:15px auto; display:block; }
/*後台上傳圖片(非編輯器)*/
.PageArticle img.ArticleImg { margin:15px auto; display:block; border:none;}


/*分頁
------------------------*/
.PageList { width:100%; height:auto; overflow:hidden;}
.css_PageList {	 height:auto; line-height:40px; overflow:hidden; margin-bottom:40px; float:right; }
.css_PageList * { display:inline-block; text-align:center; font-size:14px; }
.css_PageList a { border:1px solid #9b9b9b;margin:2px;color: #b9b9b9;text-decoration: none;padding:0; height:40px; line-height:0px; overflow:hidden; -webkit-transition:all .3s; transition:all .3s;}
.css_PageList a:hover{	border:1px solid #ffc81d;color: #ffc81d;text-decoration:none;}
.css_PageList .current {border:1px solid #ffc81d;margin:2px;color: #ffc81d; text-decoration: none; padding:0; height:40px; line-height:40px; width:40px; overflow:hidden; cursor:default;}
.css_PageList .disabled {border:1px solid #eee;	margin:2px;	text-decoration:none;color: #ddd; }
.css_PageList_EN{font-size:14px;line-height:100%;}
.css_PageList_TW{font-size:14px;line-height:100%;}
.css_PageList span { padding:0; height:40px; line-height:40px; width:40px; overflow:hidden;}
.css_PageList span.css_PageList_TW { width:80px;}


/*按鈕
------------------------*/
a { color:#3175c8; text-decoration:none; }
a img { border:0;}

.GoBack { width:100%; max-width:120px; height:45px; line-height:43px; text-align:center;  font-size:15px; text-decoration:none; display:block; margin:20px auto; outline:none; background:#fff; border:1px solid #3175c8; color:#3175c8; -webkit-transition:all .3s; transition:all .3s;  }
.GoBack:hover { color:#fff;  border:1px solid #3175c8;  background:#3175c8;}

.Btn_Two { width:100%; max-width:250px; height:auto; overflow:hidden; margin:20px auto;}
.Btn_Two .GoBack { margin:0; float:left;}
.Btn_Two .GoBack:nth-of-type(2n+2) { float:right;}

.Btn_Thr { width:100%; max-width:380px; height:auto; overflow:hidden; margin:20px auto;}
.Btn_Thr .GoBack { margin:0; float:left; margin-right:10px;}
.Btn_Thr .GoBack:nth-of-type(3n+3) { margin-right:0;}

.Btn_Link { text-decoration:none; width:120px; height:45px; line-height:43px; overflow:hidden; font-size:15px;  text-align:center; display:block;  background:#fff;
margin:5px auto 0 auto; border:1px solid #3175c8; color:#3175c8; -webkit-transition:all .3s; transition:all .3s;}
.Btn_Link i { margin-right:5px; }
.Btn_Link:hover { color:#fff;  border:1px solid #3175c8;  background:#3175c8;}


/*麵包屑
------------------------*/
.PageTitle { width:100%; max-width:1280px; height:auto; overflow:hidden; margin:0 auto; }
.PageTitle * { padding:0; margin:0; text-decoration:none;}
.PageTitle .BreadCrumbs { width:100%; height:100px; line-height:100px; font-size:15px; color:#3175c8; display:block; margin:0; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;-o-text-overflow: ellipsis; cursor:default; }
.PageTitle .BreadCrumbs span { color:#777777;}
.PageTitle .BreadCrumbs a { color:#777777; transition:all .3s;}
.PageTitle .BreadCrumbs a:hover { color:#3175c8;}


/*分類選單
------------------------*/
.PageMenuTop { width:100%; height:auto; overflow:hidden; margin:0 auto 30px auto; position:relative; padding:0; text-align:center; }
.PageMenuTop * { padding:0; margin:0; list-style:none; text-decoration:none;}
.PageMenuTop ul { width:100%; height:auto; overflow:hidden; margin:0 auto; font-size:0; }
.PageMenuTop li { width:auto; height:auto; display:inline-block; text-align:center; font-size:18px; color:#fff; margin:0 5px 10px 5px;}
.PageMenuTop li a { display:block; width:100%; height:auto; line-height:1em; text-decoration:none; padding:10px 30px; background:#fff;
-webkit-transition:all .3s; transition:all .3s; -webkit-border-radius: 5px; -moz-border-radius: 5px;  border-radius: 5px;}

.PageMenuTop li:nth-child(10n+1) a { border:1px solid rgb(221,90,177); color:rgb(221,90,177); }
.PageMenuTop li:nth-child(10n+1) a:hover { color:#fff;  background: rgb(221,90,177);}
.PageMenuTop li:nth-child(10n+1) a.Active {  color:#fff;  background:rgb(221,90,177);}

.PageMenuTop li:nth-child(10n+2) a { border:1px solid rgb(25,166,239); color:rgb(25,166,239); }
.PageMenuTop li:nth-child(10n+2) a:hover { color:#fff;  background:rgb(25,166,239);}
.PageMenuTop li:nth-child(10n+2) a.Active {  color:#fff;  background:rgb(25,166,239);}

.PageMenuTop li:nth-child(10n+3) a { border:1px solid rgb(79,175,95); color:rgb(79,175,95); }
.PageMenuTop li:nth-child(10n+3) a:hover { color:#fff;  background:rgb(79,175,95);}
.PageMenuTop li:nth-child(10n+3) a.Active {  color:#fff;  background:rgb(79,175,95);}

.PageMenuTop li:nth-child(10n+4) a { border:1px solid rgb(251,184,36); color:rgb(251,184,36); }
.PageMenuTop li:nth-child(10n+4) a:hover { color:#fff;  background:rgb(251,184,36);}
.PageMenuTop li:nth-child(10n+4) a.Active {  color:#fff;  background:rgb(251,184,36);}

.PageMenuTop li:nth-child(10n+5) a { border:1px solid  rgb(168,96,214); color: rgb(168,96,214); }
.PageMenuTop li:nth-child(10n+5) a:hover { color:#fff;  background: rgb(168,96,214);}
.PageMenuTop li:nth-child(10n+5) a.Active {  color:#fff;  background: rgb(168,96,214);}

.PageMenuTop li:nth-child(10n+6) a { border:1px solid  rgb(73,81,192); color:  rgb(73,81,192); }
.PageMenuTop li:nth-child(10n+6) a:hover { color:#fff;  background:  rgb(73,81,192);}
.PageMenuTop li:nth-child(10n+6) a.Active {  color:#fff;  background: rgb(73,81,192);}

.PageMenuTop li:nth-child(10n+7) a { border:1px solid  rgb(125,224,105); color: rgb(125,224,105); }
.PageMenuTop li:nth-child(10n+7) a:hover { color:#fff;  background: rgb(125,224,105);}
.PageMenuTop li:nth-child(10n+7) a.Active {  color:#fff;  background: rgb(125,224,105);}

.PageMenuTop li:nth-child(10n+8) a { border:1px solid  rgb(243,127,57); color: rgb(243,127,57); }
.PageMenuTop li:nth-child(10n+8) a:hover { color:#fff;  background: rgb(243,127,57);}
.PageMenuTop li:nth-child(10n+8) a.Active {  color:#fff;  background: rgb(243,127,57);}

.PageMenuTop li:nth-child(10n+9) a { border:1px solid rgb(243,117,221); color: rgb(243,117,221); }
.PageMenuTop li:nth-child(10n+9) a:hover { color:#fff;  background:rgb(243,117,221);}
.PageMenuTop li:nth-child(10n+9) a.Active {  color:#fff;  background:rgb(243,117,221);}

.PageMenuTop li:nth-child(10n+10) a { border:1px solid rgb(139,207,217); color: rgb(139,207,217); }
.PageMenuTop li:nth-child(10n+10) a:hover { color:#fff;  background:rgb(139,207,217);}
.PageMenuTop li:nth-child(10n+10) a.Active {  color:#fff;  background:rgb(139,207,217);}

.PageMenuTop #SlideMenu { width:100%; height:auto; overflow:hidden; display:block; }
.PageMenuTop #SlideDownButton, .PageMenuTop #SlideUpButton { display:none ; font-size:0;}


/*=======================================各單元個別設定=======================================*/



/*關於永續
------------------------*/
.AboutUs .AboutUsBannerText { display:block;}


/*雇主專區
------------------------*/
.MeberLogin .PageContentWrap {/* background: url(../Images/Layout/Bg_PageContentWrap2.jpg) top center repeat-y;*/}
.Member .MemberBannerText { display:block;}

/*雇主登入*/
.memberlogin { width: 100%; height: auto;  overflow: hidden;   margin: 0 auto;}
.memberlogin * { padding:0; margin:0; list-style:none; outline:none; text-decoration:none; }
.memberlogin ul { width:100%; max-width:450px; height:auto; overflow:hidden; margin:0 auto; margin-top:15px;}
.memberlogin ul li { width:100%; height:auto; overflow:hidden; padding:5px; padding-left:90px; position:relative;}
.memberlogin ul li h3 { width:80px; height:35px; line-height:35px; overflow:hidden; font-weight:normal; position:absolute; top:10px; left:10px; font-size:16px;}
.memberlogin ul li h3 label { width:100%; height:auto; overflow:hidden; letter-spacing:.2em;}
.memberlogin ul li .memberlogin_box { width:100%; height:auto; overflow:hidden; float:left; padding:5px;}
.memberlogin ul li .memberlogin_box * { max-width:100%; float:left; text-decoration:none;}
.memberlogin ul li .memberlogin_box input { width:100%; display:block; padding:0 5px; height:35px; line-height:33px; border:1px solid #e2e2e2;  font-family:"微軟正黑體";
font-size:16px;-webkit-appearance: none;  -moz-appearance: none;    appearance: none;    outline: none;    -webkit-border-radius: 0;    -moz-border-radius: 0;    border-radius: 0;}
.memberlogin ul li .CaptchaBox { position:relative; padding-right:130px; }
.memberlogin ul li .CaptchaImg { position:absolute; right:0; top:0; padding:10px 5px;}
.memberlogin ul li .CaptchaImg img { display:inline-block; border:none; margin-right:15px; float:left;}
.memberlogin ul li .CaptchaImg a { display:inline-block; float:left; font-size:25px; -webkit-transition:all .8s; transition:all .8s;   color:#ababab; }
.memberlogin ul li .CaptchaImg a:hover  {  transform: rotate(180deg) ;}
.Member p.Center { width:100%; height:auto; overflow:hidden; padding:0; margin:15px auto; text-align:center;}

/*會員表單*/
.Member .memberform { width:100%; padding:20px; border:1px solid #ccc; overflow:hidden; line-height:24px; background:#FFF;}
.Member .memberform * { padding:0; margin:0; list-style:none;}
.Member .memberform ul li{ width:100%; height:auto; overflow:hidden; border-bottom:1px dotted #eee; position:relative; padding-left:120px;}
.Member .memberform ul li:nth-child(odd){ background:#f6f5f5;}
.Member .memberform ul li h3 { height:auto; line-height:50px; width:120px; overflow:hidden; font-weight:normal; position:absolute; left:10px; top:0; font-size:16px;}
.Member .memberform ul li h3 label { width:100%; height:auto; overflow:hidden; }
.Member .memberform ul li .memberformBox { width:100%; height:auto; overflow:hidden; padding:0 10px; line-height:35px;}
.Member .memberform ul li .memberformBox * { float:left; max-width:100%; margin:8px 0;}
.Member .memberform ul li .memberformBox input[type="radio"] { margin:18px 5px 18px 10px;}
.Member .memberform ul li .memberformBox input[type="text"] {display:block; padding:0 5px; height:35px; line-height:33px; border:1px solid #e2e2e2;  font-family:"微軟正黑體"; font-size:16px;-webkit-appearance: none;  -moz-appearance: none;    appearance: none;    outline: none;    -webkit-border-radius: 0;    -moz-border-radius: 0;    border-radius: 0;}
.Member .memberform ul li .memberformBox input[type="password"] {display:block; padding:0 5px; height:35px; line-height:33px; border:1px solid #e2e2e2;  font-family:"微軟正黑體"; font-size:16px;-webkit-appearance: none;  -moz-appearance: none;    appearance: none;    outline: none;    -webkit-border-radius: 0;    -moz-border-radius: 0;    border-radius: 0;}
.Member .memberform ul li .memberformBox span { margin:8px 5px;}
.Member .memberform ul li .memberformBox span * { margin:0;}
.Member .memberform ul li .memberformBox span input[type="text"] { margin-right:0;}
.Member .memberform ul li .memberformBox select  { display:block; padding: 5px; height:35px; line-height:33px; border:1px solid #e2e2e2;  font-family:"微軟正黑體"; font-size:16px;   outline: none;    -webkit-border-radius: 0;    -moz-border-radius: 0;    border-radius: 0;}
.Member .memberform ul li .memberformBox .Code { margin:0; padding:2px 0;}
.Member .memberform ul li .memberformBox .Code a{ margin:5px 0 5px 10px; color:#ababab;-webkit-transition:all .8s; transition:all .8s; }
.Member .memberform ul li .memberformBox .Code a:hover  {  transform: rotate(180deg) ;}

/*案件查詢列表*/
.Member .TrackView { border-right:1px solid #eee; border-bottom:1px solid #eee; background:#fff;}
.Member .TrackView tr td { padding:20px 5px; border-top: 1px solid #eee; border-left:1px solid #eee;  text-align:center; word-wrap: break-word;    word-break: break-word; }
.Member .TrackView tr.Title td { color:#fff;background:#3175c8; }
.Member .TrackView tr.Title td:nth-child(2) { width:130px; }
.Member .TrackView tr.Title td:nth-child(3) { width:130px; }
.Member .TrackView tr.Title td:nth-child(4) { width:90px; }
.Member .TrackView tr.Title td:nth-child(5) { width:90px; }
.Member .TrackView tr.Content { background:#fff; }
.Member .TrackView tr.Content:nth-child(odd) { background:#f9f9f9; }
.Member .TrackView tr.Content td.TitleTD { display:none; }

/*案件查詢內頁*/
.Member .TrackView2 { border-right:1px solid #eee; border-bottom:1px solid #eee;}
.Member .TrackView2 tr td { padding:20px 5px; border-top: 1px solid #eee; border-left:1px solid #eee;  text-align:center; word-wrap: break-word;    word-break: break-word; }
.Member .TrackView2 tr.Title td { color:#fff;background:#3175c8; }
.Member .TrackView2 tr.Title td:nth-child(1) { width:110px; }
.Member .TrackView2 tr.Title td:nth-child(2) { width:170px; }
.Member .TrackView2 tr.Title td:nth-child(4) { width:200px; }
.Member .TrackView2 tr.Content { background:#fff; }
.Member .TrackView2 tr.Content:nth-child(odd) { background:#f9f9f9; }
.Member .TrackView2 tr.Content td.TitleTD { display:none; }


/*服務項目
------------------------*/
.Service .ServiceBannerText { display:block;}


/*聘僱須知
------------------------*/
.Down .DownloadBannerText { display:block;}
.Down .PageDownload { width:100%; height:auto; overflow:hidden; margin:0 auto;}
.Down .PageDownload * { padding:0; margin:0; list-style:none; text-decoration:none;}
.Down .PageDownload ul { width:100%; max-width:920px; margin:0 auto; height:auto; overflow:hidden; padding: 2px; }
.Down .PageDownload li { width:100%; height:auto; overflow:hidden;  margin-bottom:15px;   -webkit-border-radius:5px;    -moz-border-radius: 5px;    border-radius: 5px;
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2);    box-shadow: 0 2px 5px rgba(0,0,0,0.2); background:#fff; padding-bottom:15px; }
.Down .PageDownload li a.Detail { font-size:18px; color:#f1f1f1; margin-bottom:15px; width:100%; height:auto; display:block; overflow:hidden; padding:10px 15px;
word-wrap:break-word; word-break: break-word; -webkit-transition:all .3s; transition:all .3s; }
.Down .PageDownload li:nth-child(10n+1) a.Detail  { background:rgb(221,90,177); }
.Down .PageDownload li:nth-child(10n+2) a.Detail  { background:rgb(25,166,239); }
.Down .PageDownload li:nth-child(10n+3) a.Detail  { background:rgb(79,175,95);  }
.Down .PageDownload li:nth-child(10n+4) a.Detail  { background:rgb(251,184,36); }
.Down .PageDownload li:nth-child(10n+5) a.Detail  { background:rgb(168,96,214); }
.Down .PageDownload li:nth-child(10n+6) a.Detail  { background:rgb(73,81,192);  }
.Down .PageDownload li:nth-child(10n+7) a.Detail  { background:rgb(125,224,105);}
.Down .PageDownload li:nth-child(10n+8) a.Detail  { background:rgb(243,127,57); }
.Down .PageDownload li:nth-child(10n+9) a.Detail  { background:rgb(243,117,221);}
.Down .PageDownload li:nth-child(10n+10) a.Detail { background:rgb(139,207,217);}
.Down .PageDownload li a.Detail:hover { color:#fff;}
.Down .PageDownload li a.Btn_Link { float:left; margin:0 15px; }
.Down .PageDownload li:nth-child(10n+1) a.Btn_Link  { border: 1px solid rgb(221,90,177); color:rgb(221,90,177); }
.Down .PageDownload li:nth-child(10n+1) a.Btn_Link:hover  { background:rgb(221,90,177); color:#fff; }
.Down .PageDownload li:nth-child(10n+2) a.Btn_Link  { border: 1px solid rgb(25,166,239); color:rgb(25,166,239); }
.Down .PageDownload li:nth-child(10n+2) a.Btn_Link:hover  { background:rgb(25,166,239); color:#fff; }
.Down .PageDownload li:nth-child(10n+3) a.Btn_Link  { border: 1px solid rgb(79,175,95); color:rgb(79,175,95);  }
.Down .PageDownload li:nth-child(10n+3) a.Btn_Link:hover  { background:rgb(79,175,95); color:#fff;  }
.Down .PageDownload li:nth-child(10n+4) a.Btn_Link  { border: 1px solid rgb(251,184,36); color:rgb(251,184,36); }
.Down .PageDownload li:nth-child(10n+4) a.Btn_Link:hover  { background:rgb(251,184,36); color:#fff; }
.Down .PageDownload li:nth-child(10n+5) a.Btn_Link  { border: 1px solid rgb(168,96,214); color:rgb(168,96,214); }
.Down .PageDownload li:nth-child(10n+5) a.Btn_Link:hover  { background:rgb(168,96,214); color:#fff; }
.Down .PageDownload li:nth-child(10n+6) a.Btn_Link  { border: 1px solid rgb(73,81,192); color:rgb(73,81,192);  }
.Down .PageDownload li:nth-child(10n+6) a.Btn_Link:hover  { background:rgb(73,81,192); color:#fff;  }
.Down .PageDownload li:nth-child(10n+7) a.Btn_Link  { border: 1px solid rgb(125,224,105); color:rgb(125,224,105);}
.Down .PageDownload li:nth-child(10n+7) a.Btn_Link:hover  { background:rgb(125,224,105); color:#fff;}
.Down .PageDownload li:nth-child(10n+8) a.Btn_Link  { border: 1px solid rgb(243,127,57); color:rgb(243,127,57); }
.Down .PageDownload li:nth-child(10n+8) a.Btn_Link:hover  { background:rgb(243,127,57); color:#fff; }
.Down .PageDownload li:nth-child(10n+9) a.Btn_Link  { border: 1px solid rgb(243,117,221); color:rgb(243,117,221);}
.Down .PageDownload li:nth-child(10n+9) a.Btn_Link:hover  { background:rgb(243,117,221); color:#fff;}
.Down .PageDownload li:nth-child(10n+10) a.Btn_Link { border: 1px solid rgb(139,207,217); color:rgb(139,207,217);} 
.Down .PageDownload li:nth-child(10n+10) a.Btn_Link:hover { background:rgb(139,207,217); color:#fff;} 
.Down .DownBu { width:100%; height:auto; overflow:hidden; margin:15px auto; }
.Down .DownBu a.Btn_Link { display:inline-block; margin:0 3px; }
.Down .DownDetailContent { width:100%; max-width:920px; height:auto; overflow:hidden; margin:0 auto;}
.Down .DownDetail { width:100%; height:auto; overflow:hidden;  word-wrap: break-word;    word-break: break-word;}
.Down .DownDetail img { max-width:100%; height:auto;}
.Down .PageArticle .PageArticleH1 { text-align:left; }


/*最新消息
------------------------*/
.NewsGallery .NewsBannerText { display:block;}
.NewsGalleryWrap { width:100%; height:auto; overflow:hidden; margin:0 auto;}
.NewsGalleryWrap * { padding:0; margin:0; list-style:none; text-decoration:none; }
.NewsGalleryWrap li { width:33.3333%; height:auto; overflow:hidden; float:left; padding:10px; }
.NewsGalleryWrap li:nth-of-type(3n+1) { clear:both;}
.NewsGalleryWrap li a { width:100%; height:auto; overflow:hidden; display:block; -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2); box-shadow: 0 2px 5px rgba(0,0,0,0.2);-webkit-transition:all .3s; transition:all .3s;    }
.NewsGalleryWrap li a:hover {  -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.4); -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.4); box-shadow: 0 2px 5px rgba(0,0,0,0.4); }
.NewsGalleryWrap li .NewsGalleryPhoto { width:100%; height:auto; overflow:hidden; position:relative; }
.NewsGalleryWrap li .NewsGalleryPhoto img { display:block; border:none; }
.NewsGalleryWrap li .NewsGalleryPhoto img.Img { min-width:100%; width:auto; max-width:none;  max-height:100%;  position:absolute; top:0; left:0; z-index:2; }
.NewsGalleryWrap li .NewsGalleryPhoto img.ImgBg { width:100%; height:auto; position:relative; z-index:1;}
.NewsGalleryWrap li .NewsGalleryText { width:100%; height:auto; overflow:hidden; background:#fff; padding:10px 0;-webkit-transition:all .2s; transition:all .2s; }
.NewsGalleryWrap li a:hover .NewsGalleryText { background:#fefbf1;}
.NewsGalleryWrap li h1 { width:auto; display:inline-block; height:auto; overflow:hidden; padding:0 15px; line-height:2em; font-size:15px; color:#fff; background:#3175c8; font-weight:300; margin:0 0 10px 0;-webkit-transition:all .2s; transition:all .2s; }
.NewsGalleryWrap li:hover h1 { background:#f7ab00; }
.NewsGalleryWrap li p { width:100%; height:3em; overflow:hidden; padding:0 15px;  line-height:1.5em; max-height: 3em; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size:17px; color:#303030;  }
.NewsGallery .NewsDetail { width:100%; max-width:920px; height:auto; overflow:hidden;  word-wrap: break-word;    word-break: break-word; margin:20px auto; }


/*即時履歷
------------------------*/
.Album .AlbumBannerText { display:block;}


/*常見問題
------------------------*/
.Faq .FAQBannerText { display:block;}
.PageFAQ { width:100%; height:auto; overflow:hidden; margin:0 auto;    }
.PageFAQ .PageFAQUl, .PageFAQ .PageFAQLi { padding:0; margin:0; list-style:none;}
.PageFAQ .PageFAQUl { width:100%; max-width:920px; margin:0 auto; height:auto; overflow:hidden; padding: 2px;}
.PageFAQ .PageFAQLi { width:100%; height:auto; overflow:hidden; margin-bottom:15px;background:#fff;-webkit-border-radius:5px;-moz-border-radius: 5px; border-radius: 5px;
-webkit-transition: all .3s;  transition: all .3s;}
.PageFAQ .PageFAQLi:hover { background:#fefbf1;}
.PageFAQ .PageFAQLi:nth-child(10n+1)  { border:1px solid rgb(221,90,177);}
.PageFAQ .PageFAQLi:nth-child(10n+2)  { border:1px solid rgb(25,166,239);}
.PageFAQ .PageFAQLi:nth-child(10n+3)  { border:1px solid rgb(79,175,95);}
.PageFAQ .PageFAQLi:nth-child(10n+4)  { border:1px solid rgb(251,184,36);}
.PageFAQ .PageFAQLi:nth-child(10n+5)  { border:1px solid rgb(168,96,214);}
.PageFAQ .PageFAQLi:nth-child(10n+6)  { border:1px solid rgb(73,81,192);}
.PageFAQ .PageFAQLi:nth-child(10n+7)  { border:1px solid rgb(125,224,105);}
.PageFAQ .PageFAQLi:nth-child(10n+8)  { border:1px solid rgb(243,127,57);}
.PageFAQ .PageFAQLi:nth-child(10n+9)  { border:1px solid rgb(243,117,221);}
.PageFAQ .PageFAQLi:nth-child(10n+10) { border:1px solid rgb(139,207,217);}
.PageFAQ .PageFAQLi .SliderDiv { width:100%; height:auto; overflow:hidden;}
.PageFAQ .PageFAQLi .SliderDiv *{ padding:0; margin:0;}
.PageFAQ .PageFAQLi .SliderDiv a { display:block; width:100%; height:auto; overflow:hidden; padding:20px; text-decoration:none; position:relative; padding-left:60px;}
.PageFAQ .PageFAQLi .SliderDiv a:link { color:#555;}
.PageFAQ .PageFAQLi .SliderDiv a:hover { color:#000;}
.PageFAQ .PageFAQLi .SliderDiv a strong { width:30px; height:30px; line-height:30px; text-align:center; position:absolute; top:20px; left:20px; font-size:18px;}
.PageFAQ .PageFAQLi .SliderDiv a h1 { width:100%; height:auto; overflow:hidden; font-weight:normal; font-size:18px; line-height:30px;}
.PageFAQ .PageFAQLi .DivA { width:100%; height:auto; overflow:hidden; padding:0px; position:relative; padding-left:60px;  }
.PageFAQ .PageFAQLi .DivA .DivATitle { width:30px; height:30px; line-height:30px; text-align:center; position:absolute; top:20px; left:20px;  font-size:16px;}
.PageFAQ .PageFAQLi .DivA .PageAnswer { width:100%; height:auto; overflow:hidden; padding:20px 10px; line-height:1.4em; word-wrap: break-word;    word-break: break-word;}
.PageFAQ .PageFAQLi .DivA .PageAnswer .PageAnswerIcon { width:100%; height:auto; overflow:hidden; margin:10px 0;}
.PageFAQ .PageFAQLi .DivA .PageAnswer .PageAnswerIcon a { display:block; float:left;}
.PageFAQ .PageFAQLi .DivA .PageAnswer .PageAnswerIcon a img { max-width:100%; height:auto; float:left;}


/*聯絡我們
------------------------*/
.Inquiry .GoogleMap { width:100%; height:400px; display:block; margin:0 auto 30px auto; border:none;}
.Inquiry .ContactBannerText { display:block;}
.Inquiry .Contactform { width:100%; height:auto; overflow:hidden; margin:0 auto; }
.Inquiry .Contactform * { padding:0; margin:0; list-style:none; outline:none; text-decoration:none; }
.Inquiry .Contactform ul { width:100%; max-width:500px; height:auto; overflow:hidden; margin:0 auto; margin-top:15px;}
.Inquiry .Contactform ul li { width:100%; height:auto; overflow:hidden; padding:5px; padding-left:120px; position:relative;}
.Inquiry .Contactform ul li h3 { width:100px; height:35px; line-height:35px; overflow:hidden; font-weight:normal; position:absolute; top:10px; left:10px; font-size:16px;}
.Inquiry .Contactform ul li h3 label { width:100%; height:auto; overflow:hidden;}
.Inquiry .Contactform ul li .ContactformBox { width:100%; height:auto; overflow:hidden; float:left; padding:5px;}
.Inquiry .Contactform ul li .ContactformBox * { max-width:100%; float:left; text-decoration:none;}
.Inquiry .Contactform ul li .ContactformBox select { width:100%; display:block; padding: 5px; height:35px; line-height:33px; border:1px solid #e2e2e2;  font-family:"微軟正黑體"; font-size:16px;   outline: none;    -webkit-border-radius: 0;    -moz-border-radius: 0;    border-radius: 0;}
.Inquiry .Contactform ul li .ContactformBox input { width:100%; display:block; padding:0 5px; height:35px; line-height:33px; border:1px solid #e2e2e2;  font-family:"微軟正黑體"; font-size:16px;-webkit-appearance: none;  -moz-appearance: none;    appearance: none;    outline: none;    -webkit-border-radius: 0;    -moz-border-radius: 0;    border-radius: 0;}
.Inquiry .Contactform ul li .ContactformBox textarea { width:100%; display:block; padding:5px;  line-height:25px; border:1px solid #e2e2e2;  font-family:"微軟正黑體"; font-size:16px;outline: none;    -webkit-border-radius: 0;    -moz-border-radius: 0;    border-radius: 0;-moz-box-shadow:none; -webkit-box-shadow: none; box-shadow: none; }
.Inquiry .Contactform ul li .CaptchaBox { position:relative; padding-right:130px; }
.Inquiry .Contactform ul li .CaptchaImg { position:absolute; right:0; top:0; padding:10px 5px;}
.Inquiry .Contactform ul li .CaptchaImg img { display:inline-block; border:none; margin-right:15px; float:left;}
.Inquiry .Contactform ul li .CaptchaImg a { display:inline-block; float:left; font-size:25px; -webkit-transition:all .8s; transition:all .8s; color:#ababab;  }
.Inquiry .Contactform ul li .CaptchaImg a:hover  {  transform: rotate(180deg) ;}
.Inquiry p.Center { width:100%; height:auto; overflow:hidden; padding:0; margin:20px auto; text-align:center;} 


/*相關連結
------------------------*/
.Link .LinkBannerText { display:block;}
.Link .PageLink { width:100%; max-width:920px; height:auto; overflow:hidden; margin:0 auto;}
.Link .PageLink * { margin:0; padding:0; list-style:none; text-decoration:none; }
.Link .PageLink ul { width:100%; height:auto; overflow:hidden; }
.Link .PageLink li.PageLinkLi { width: 33.33333%; height: auto; overflow: hidden; float: left; padding: 10px; }
.Link .PageLink li.PageLinkLi:nth-child(3n+1) { clear:both;}
.Link .PageLink li.PageLinkLi a { width: 100%; height: auto; overflow: hidden; display: block; background:#fff; -webkit-transition: all .3s;  transition: all .3s;
-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2); box-shadow: 0 2px 5px rgba(0,0,0,0.2);}
.Link .PageLink li.PageLinkLi a:hover {  -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.4); -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.4); box-shadow: 0 2px 5px rgba(0,0,0,0.4); background:#fefbf1; }
.Link .PageLink li.PageLinkLi .Photo { width:100%; height:auto; overflow:hidden;}
.Link .PageLink li.PageLinkLi .Photo td { height:70px;}
.Link .PageLink li.PageLinkLi .Photo td img { max-width:100%; height:auto; max-height:70px; border:none; display:block; margin:0 auto; }
.Link .PageLink li.PageLinkLi .Content { width:100%; height:auto; overflow:hidden; padding:10px; }
.Link .PageLink li.PageLinkLi .Content h1 { font-size:18px; font-weight:normal; color:#2d71c4; margin-bottom:10px; width:100%; height:auto; overflow:hidden;word-wrap: break-word;word-break: break-word;}
.Link .PageLink li.PageLinkLi .Content .Des { width:100%; height:auto; overflow:hidden;word-wrap: break-word;    word-break: break-word; color:#303030;}
.Link .PageLink li.PageLinkLi .Content .Des * { margin:0; padding:0 ; list-style:none; color:#303030; max-width:100%; }


/*網站導覽
------------------------*/
.SiteMap .SiteMapBannerText { display:block;}
.SiteMap .sitemapbox { width:24%; height:auto; overflow:hidden; float:left; margin:0 0 20px 1.3%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.SiteMap .sitemapbox:nth-child(10n+1)  { border:1px solid rgb(221,90,177);}
.SiteMap .sitemapbox:nth-child(10n+2)  { border:1px solid rgb(25,166,239); }
.SiteMap .sitemapbox:nth-child(10n+3)  { border:1px solid rgb(79,175,95); }
.SiteMap .sitemapbox:nth-child(10n+4)  { border:1px solid rgb(251,184,36); }
.SiteMap .sitemapbox:nth-child(10n+5)  { border:1px solid rgb(168,96,214); }
.SiteMap .sitemapbox:nth-child(10n+6)  { border:1px solid rgb(73,81,192); }
.SiteMap .sitemapbox:nth-child(10n+7)  { border:1px solid rgb(125,224,105); }
.SiteMap .sitemapbox:nth-child(10n+8)  { border:1px solid rgb(243,127,57); }
.SiteMap .sitemapbox:nth-child(10n+9)  { border:1px solid rgb(243,117,221); }
.SiteMap .sitemapbox:nth-child(10n+10)  { border:1px solid rgb(139,207,217); }
.SiteMap .sitemapbox:nth-child(4n+1) {  margin:0 0 20px 0; clear:both;}
.SiteMap .sitemapbox * { padding:0; margin:0; list-style:none; text-decoration:none; }
.SiteMap .sitemapbox h3 { font-weight:normal; font-size:18px; color:#fff; padding:12.5px 15px; cursor:default;   }
.SiteMap .sitemapbox:nth-child(10n+1) h3 { background:rgb(221,90,177); }
.SiteMap .sitemapbox:nth-child(10n+2) h3  { background:rgb(25,166,239); }
.SiteMap .sitemapbox:nth-child(10n+3) h3  { background:rgb(79,175,95); }
.SiteMap .sitemapbox:nth-child(10n+4) h3  { background:rgb(251,184,36); }
.SiteMap .sitemapbox:nth-child(10n+5) h3  { background:rgb(168,96,214); }
.SiteMap .sitemapbox:nth-child(10n+6) h3  { background:rgb(73,81,192); }
.SiteMap .sitemapbox:nth-child(10n+7) h3  { background:rgb(125,224,105); }
.SiteMap .sitemapbox:nth-child(10n+8) h3  { background:rgb(243,127,57); }
.SiteMap .sitemapbox:nth-child(10n+9) h3  { background:rgb(243,117,221); }
.SiteMap .sitemapbox:nth-child(10n+10) h3 { background:rgb(139,207,217); }
.SiteMap .sitemapbox ul { width:100%; height:auto; overflow:hidden;}
.SiteMap .sitemapbox ul li { width:100%; height:auto; display:block; border-top:1px dotted #ccc; }
.SiteMap .sitemapbox ul li:nth-child(1) { border:none; }
.SiteMap .sitemapbox ul li a { width:100%; height:auto; display:block; line-height:1.2em; color:#666; padding:10px 15px; -webkit-transition:all .3s; transition:all .3s; background:#fff;} 
.SiteMap .sitemapbox:nth-child(10n+1) ul li a:hover { color:rgb(221,90,177); }
.SiteMap .sitemapbox:nth-child(10n+2) ul li a:hover  { color:rgb(25,166,239); }
.SiteMap .sitemapbox:nth-child(10n+3) ul li a:hover  { color:rgb(79,175,95); }
.SiteMap .sitemapbox:nth-child(10n+4) ul li a:hover  { color:rgb(251,184,36); }
.SiteMap .sitemapbox:nth-child(10n+5) ul li a:hover  { color:rgb(168,96,214); }
.SiteMap .sitemapbox:nth-child(10n+6) ul li a:hover  { color:rgb(73,81,192); }
.SiteMap .sitemapbox:nth-child(10n+7) ul li a:hover  { color:rgb(125,224,105); }
.SiteMap .sitemapbox:nth-child(10n+8) ul li a:hover  { color:rgb(243,127,57); }
.SiteMap .sitemapbox:nth-child(10n+9) ul li a:hover  { color:rgb(243,117,221); }
.SiteMap .sitemapbox:nth-child(10n+10) ul li a:hover { color:rgb(139,207,217); }


/*=======================================下方設定=======================================*/



/*Footer
------------------------*/
.Footer { width:100%; height:auto; overflow:hidden; padding:0 15px; cursor:default;  }
.Footer .Div-W1000 { padding:50px 0 30px 400px; position:relative; padding-left:450px; padding-left:380px; min-height:234px;}
.Footer .Div-W1000:nth-child(2) { padding:0 0 10px 0;}
.Footer .Div-W1000 * {  list-style:none; text-decoration:none; }
.Footer .Logo { width:100%; max-width:376px; height:auto; overflow:hidden; position:absolute; /*left:0;*/ left:70px; top:24px; left:0;}
.Footer .Logo a { display:block; width:100%; height:auto; overflow:hidden; }
.Footer .Logo a img { max-width:100%; height:auto; display:block ;}
.Footer .CompanyInfo { width:100%; height:auto; overflow:hidden; text-align:right; margin:0 0 20px 0; padding:0; margin:0;}
.Footer .CompanyInfo li { display:inline-block; color:#878787; line-height:25px; font-size:16px; margin-bottom:10px; }
.Footer .CompanyInfo li:nth-child(1) { display:block; margin-bottom:0;}
.Footer .CompanyInfo li:nth-child(2) { margin-right:10px;}
.Footer .CompanyInfo li .Icon { width:25px; height:25px; line-height:23px; text-align:center; border:2px solid #ababab; color:#ababab; display:block; float:left;  font-size:14px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin-right:10px;}
.Footer p.Copyright { font-size:14px; color:#ababab; text-align:right; padding:0; margin:0;}
.PageContentWrap .Footer { padding:30px 0 0 0; position:relative; }
.PageContentWrap .Footer:before { width:100%; height:1px; display:block; content:''; position:absolute; top:0; left:0; background:rgba(171,171,171,.5);  }

.Footer .QRCode { width:65px; height:65px; overflow:hidden; position:absolute; left:0; top:29px; top:100px; width:139px; height:139px;}
.Footer .QRCode img { max-width:100%; height:auto; display:block; border:none;}

/*uGear*/
.uGear { width:170px; height:60px; float:right; background:url(../Images/Layout/uGear/truste_Ugear.png) left top no-repeat; }
.uGear:hover {background:url(../Images/Layout/uGear/truste_Ugear_o.png); background-repeat:no-repeat;}
.uGear a { display:inline-block; width:auto; height:60px; line-height:90px; font-size:12px; color:#ababab;  text-indent:2px; transition:all 0.3s; }
.uGear a:hover { color:#000; }



/*=======================================媒體查詢設定=======================================*/

.Wrapper { min-width:1280px;}
.Default .Wrapper { min-width:0;}

@media only screen and (min-width:0px) and (max-width:1920px) {

/*Banner
------------------------*/
.Banner { height:300px;}
.Banner .Bg { width:1920px; position:absolute; top:0; left:50%; margin-left:-960px; z-index:1; }


/*DefMember
------------------------*/
.DefMember { position:relative; padding-bottom:200px;  }
.DefMemberBg { width:1920px; position:absolute; left:50%; margin:0 auto 0 -960px; bottom:0; }

}
@media only screen and (min-width:0px) and (max-width:1440px) {

/*Header
------------------------*/
.Header .Div-W1280 { padding:35px 95px 35px 460px; }
.Header .Tel { font-size:14px; height:45px; line-height:45px;}
.Header .Tel img { width:18px; margin-top:10px;}
.Header .Free { margin-left: 5px;}

}
@media only screen and (min-width:0px) and (max-width:1280px) {
	
/*內容設定
------------------------*/
.PageContentWrap { padding:0 15px;}

}
@media only screen and (min-width:0px) and (max-width:1080px) {
	
/*DefService
------------------------*/
.DefService .swiper-slide a { width:200px; margin:0 auto; }

}
@media only screen and (min-width:0px) and (max-width:1024px) {
	
/*Header
------------------------*/
.Header .Login { top:inherit; bottom:10px; }
.Header .Div-W1280 { padding:25px 60px 25px 315px;}
.Header .Logo { width:300px; height:56px; margin-top:-28px;  }
.Header .Logo a { height:65px; -moz-background-size:contain;-webkit-background-size:contain;-o-background-size:contain;background-size:contain;}


/*Nav
------------------------*/
.Default .Header .Nav { display:none; }


/*ScllDownBu
------------------------*/
.ScllDown { display:none; }


/*RightMenu
------------------------*/
.RightMenu { display:none; }


/*DefService
------------------------*/
.DefService .swiper-slide:hover .HoverImg { opacity:0; }
.DefService .swiper-slide:nth-child(10n+1):hover h2 { background:none;}
.DefService .swiper-slide:nth-child(10n+2):hover h2 { background:none;}
.DefService .swiper-slide:nth-child(10n+3):hover h2 { background:none;}
.DefService .swiper-slide:nth-child(10n+4):hover h2 { background:none;}
.DefService .swiper-slide:nth-child(10n+5):hover h2 { background:none;}
.DefService .swiper-slide:nth-child(10n+6):hover h2 { background:none;}
.DefService .swiper-slide:nth-child(10n+7):hover h2 { background:none;}
.DefService .swiper-slide:nth-child(10n+8):hover h2 { background:none;}
.DefService .swiper-slide:nth-child(10n+9):hover h2 { background:none;}
.DefService .swiper-slide:nth-child(10n+10):hover h2{ background:none;}


/*DefNews
------------------------*/
.DefNews { padding:70px 15px; }
.DefNews .swiper-slide a:hover { moz-box-shadow: 0 2px 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2); box-shadow: 0 2px 5px rgba(0,0,0,0.2);}
.DefNews .swiper-slide a:hover h1 {  background:#3175c8;  }


/*最新消息
------------------------*/
.NewsGalleryWrap li { width:50%;}
.NewsGalleryWrap li:nth-of-type(3n+1) { clear:none;}
.NewsGalleryWrap li:nth-of-type(2n+1) { clear:both;}


/*網站導覽
------------------------*/
.SiteMap .sitemapbox { width:33%; margin:0 0 20px .5%; }
.SiteMap .sitemapbox:nth-child(4n+1) { margin:0 0 20px .5%; clear:none;}
.SiteMap .sitemapbox:nth-child(3n+1) {  margin:0 0 20px 0; clear:both;}


/*Footer
------------------------*/
.Default .Footer .Div-W1000 { padding:50px 0 5px 0;}
.Default .Footer .Logo { position:relative; left:inherit; top:inherit; margin:0 auto 20px auto;}
.Default .Footer .CompanyInfo { width:auto; display:table; margin:0 auto 20px auto; text-align:left; }
.Default .Footer .CompanyInfo li:nth-child(1) { margin-bottom:10px; }
.Default .Footer p.Copyright {  text-align:center; }
.Default .PageContentWrap .Footer { padding:0; }
.Default .Footer .Div-W1000 { padding:0 0 5px 0;}
.Default .Footer .QRCode { /*display:none;*/ position:static; left:auto; top:auto; margin:0 auto; margin-bottom:20px;}

/*uGear*/
.Default .uGear { width:auto; height:auto; float:none; background:none;margin:0 auto; display:table; }
.Default .uGear:hover { background:none; }
.Default .uGear a {  text-align:center; height:auto; line-height:30px;  transition:all 0s;  }
.Default .uGear a:hover { color:#ababab; }

}
@media only screen and (min-width:0px) and (max-width:1000px) {

/*DefMember
------------------------*/
.DefMember { padding-bottom:120px;  }
.DefMemberBg { width:1000px; margin-left:-500px;  }


/*聘僱專區
------------------------*/
/*案件查詢列表*/
.Member .TrackView,.Member .TrackView tbody,.Member .TrackView tr,.Member .TrackView tr td { width:100%; height:auto; display:block; overflow:hidden; }
.Member .TrackView { border:none; max-width:680px; margin:0 auto; }
.Member .TrackView tr.Title { display:none; }
.Member .TrackView tr.Content { margin-bottom:25px; border-bottom:1px solid #ccc; }
.Member .TrackView tr.Content:nth-child(odd) { background:#fff;}
.Member .TrackView tr td { border-right:1px solid #ccc; border-top: 1px solid #ccc; border-left: 1px solid #ccc; padding:10px 5px; min-height:40px;  }
.Member .TrackView tr.Content td.TitleTD { display:block; background:#3175c8; color:#fff; }

/*案件查詢內頁*/
.Member .TrackView2,.Member .TrackView2 tbody,.Member .TrackView2 tr,.Member .TrackView2 tr td { width:100%; height:auto; display:block; overflow:hidden; }
.Member .TrackView2 { border:none; max-width:680px; margin:0 auto; }
.Member .TrackView2 tr.Title { display:none; }
.Member .TrackView2 tr.Content { margin-bottom:25px; border-bottom:1px solid #ccc; }
.Member .TrackView2 tr.Content:nth-child(odd) { background:#fff;}
.Member .TrackView2 tr td { border-right:1px solid #ccc; border-top: 1px solid #ccc; border-left: 1px solid #ccc; padding:10px 5px; min-height:40px;  }
.Member .TrackView2 tr.Content td.TitleTD { display:block; background:#3175c8; color:#fff; }

}
@media only screen and (min-width:0px) and (max-width:920px) {
	
/*Header
------------------------*/
.Header .Tel { font-size:12px;}

/*DefService
------------------------*/
.DefService .DefTitle { width:30%;}
.DefService .swiper-container2 { width:70%;}


/*相關連結
------------------------*/
.Link .PageLink ul { max-width:640px; margin:0 auto; }
.Link .PageLink li.PageLinkLi { width: 50%; }
.Link .PageLink li.PageLinkLi:nth-child(3n+1) { clear:none;}
.Link .PageLink li.PageLinkLi:nth-child(odd) { clear:both;}

}
@media only screen and (min-width:0px) and (max-width:768px) {

/*Header
------------------------*/
.Header .Div-W1280 { padding:19px 60px 19px 15px;}
.Header .Logo { position:relative; left:inherit; top:inherit; margin-top:0; }
.Header .Tel { display:none;}


/*Banner
------------------------*/
.Banner { height:200px; }
.Banner .BannerText { width:891px; height:40px; margin-top:-20px; margin-left:-445.5px;  }
.Banner .Bg { width:1280px; margin-left:-640px; }

	
/*DefService
------------------------*/
.DefService .DefTitle { width:24%;}
.DefService .swiper-container2 { width:76%;}


/*DefNews
------------------------*/
.DefNews .swiper-container3 { width:100%; max-width:480px;}


/*分類選單
------------------------*/
/*
.PageMenuTop { padding:0; border:1px solid #3175c8;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  }
.PageMenuTop #SlideDownButton,.PageMenuTop #SlideUpButton { width:100%; height:40px; margin:0 auto; text-align:center; line-height:40px; color:#3175c8; font-size:40px;
background:#fff;}
.PageMenuTop #SlideDownButton{ display:block; }
.PageMenuTop #SlideUpButton  {  display:none; }
.PageMenuTop #SlideMenu { display:none; }
.PageMenuTop li { width:100%; float:none; margin:0 auto; margin-bottom:0; font-size:16px; display:block;}
.PageMenuTop li a { height:auto;  -webkit-border-radius:0; -moz-border-radius:0;  border-radius: 0; padding:15px 10px;}
.PageMenuTop li:nth-child(10n+1) a,.PageMenuTop li:nth-child(10n+2) a,.PageMenuTop li:nth-child(10n+3) a,.PageMenuTop li:nth-child(10n+4) a,.PageMenuTop li:nth-child(10n+5) a,.PageMenuTop li:nth-child(10n+6) a,.PageMenuTop li:nth-child(10n+7) a,.PageMenuTop li:nth-child(10n+8) a,.PageMenuTop li:nth-child(10n+9) a,.PageMenuTop li:nth-child(10n+10) a {  border-right:none; border-left:none; border-bottom:none ;  }
*/
}
@media only screen and (min-width:0px) and (max-width:680px) {
	
/*DefService
------------------------*/
.DefService { padding:35px 15px;}
.DefService .DefTitle { width:100%; height:auto; float:none;}
.DefService .DefTitle h1 { width: 100%; max-width: 500px; height:auto; display: block; position: relative; margin: 0 auto; padding: 0; text-align: center;  line-height: 60px;   
border-bottom: 1px solid #fdb719;  background:none; border-radius: 0;}
.DefService .DefTitle h1 span.Zh {  font-weight: normal;font-size: 26px; color: #fdb719; width:100%; line-height:60px; }
.DefService .DefTitle h1 span.En { display:none; }
.DefService .DefTitle:after { width: 150px;  height: 2px;  bottom: 1px ; left: 50%;  margin-left: -75px; top:auto; margin-top:0; }
.DefService .swiper-container2 { width:100%; max-width:500px; margin:20px auto 0 auto; float:none; }

/*DefNews
------------------------*/
.DefNews { padding:35px 15px;}
.DefNews .DefContentTitle { font-size:26px;}


/*DefMember
------------------------*/
.DefMember .DefContentTitle { font-size:26px;}

}
@media only screen and (min-width:0px) and (max-width:640px) {

/*DefMember
------------------------*/
.DefMember { padding:50px 5px 120px 5px;   }


/*最新消息
------------------------*/
.NewsGalleryWrap ul { width:100%; max-width:450px; height:auto; overflow:hidden; margin:0 auto;}
.NewsGalleryWrap li { width:100%; }
	
	
/*網站導覽
------------------------*/
.SiteMap .sitemapbox { width:49.5%; margin:0 0 20px 1%; }
.SiteMap .sitemapbox h3 { font-size:16px; }
.SiteMap .sitemapbox:nth-child(4n+1) { margin:0 0 20px 1%; }
.SiteMap .sitemapbox:nth-child(3n+1) {  margin:0 0 20px 1%;  clear:none;}
.SiteMap .sitemapbox:nth-child(odd) {  margin:0 0 20px 0;  clear:both;}
.SiteMap .sitemapbox ul li { font-size:15px;}	

}
@media only screen and (min-width:0px) and (max-width:580px) {

/*相關連結
------------------------*/
.Link .PageLink ul { max-width:320px; margin:0 auto; }
.Link .PageLink li.PageLinkLi { width: 100%; }
.Link .PageLink li.PageLinkLi:nth-child(odd) { clear:none;}

}
@media only screen and (min-width:0px) and (max-width:560px) {

/*Header
------------------------*/
.Header .Login { width:60px ; height:60px; opacity:.85;  }
.Header .Login a { height:60px; font-size:12px;}
.Header .Login a img { width:18px; }

}
@media only screen and (min-width:0px) and (max-width:540px) {
	
/*DefService
------------------------*/
.DefService .swiper-container2 { max-width:300px;}


/*DefMember
------------------------*/
.DefMember .Div-W1000 { padding:30px 20px; }
.DefMember .memberlogin ul li { background:none; }
.DefMember .memberlogin ul li h3 { background:#93ba3d;}
.DefMember .memberlogin ul li .memberlogin_box { padding:10px 0 10px 0;}
.DefMember .memberlogin ul li .CaptchaBox { padding-right:130px;}


/*按鈕
------------------------*/
.Btn_Two .GoBack { width:49%; margin:0 0.5%;}
.Btn_Thr .GoBack { width:32%; margin:0 0.5%;}	
	
	
/*聯絡我們
------------------------*/
.Inquiry .Contactform ul li { padding:0; position:static;background:#f6f5f5;}
.Inquiry .Contactform ul li h3 { position:static; width:100%; height:40px; line-height:40px; background: #f7ab00; text-align:center; color:#fff;}
.Inquiry .Contactform ul li .ContactformBox * { float:none; margin:0; line-height:24px; height:auto;}
.Inquiry .Contactform ul li .ContactformBox { text-align:center; padding:10px;}
.Inquiry .Contactform ul li .CaptchaBox { padding-right:130px; }
.Inquiry .Contactform ul li .CaptchaImg { padding:15px 10px 15px 5px;}
	
	
/*僱主專區
------------------------*/
/*雇主登入*/
.memberlogin ul li { padding:0; position:static;background:#f6f5f5; text-align:center; }
.memberlogin ul li h3 { position:static; width:100%; height:40px; line-height:40px; background: #f7ab00; text-align:center; color:#fff;}
.memberlogin ul li .memberlogin_box * { float:none; margin:0; line-height:24px; height:auto;}
.memberlogin ul li .memberlogin_box { text-align:center; padding:10px;}
.memberlogin ul li .CaptchaBox { padding-right:130px; }
.memberlogin ul li .CaptchaImg { padding:15px 10px 15px 5px;}

/*會員表單*/
.Member .memberform { padding:0; border:none;}
.Member .memberform ul li  { padding:0; position:static;background:#f6f5f5; text-align:center; }
.Member .memberform ul li:nth-child(odd){ background:#f6f5f5;}
.Member .memberform ul li h3 { position:static; width:100%; height:40px; line-height:40px; background: #f7ab00; text-align:center; color:#fff;}
.Member .memberform ul li .memberformBox{ text-align:center; padding:10px; text-align:center;}
.Member .memberform ul li .memberformBox input[type="text"],.Member .memberform ul li .memberformBox input[type="password"],.Member .memberform ul li .memberformBox select { 
width:100%; }
.Member .memberform ul li .memberformBox span.RWDselect { display:block; width:100%; margin:0 0 5px 0; }
.Member .memberform ul li .memberformBox span.notice { font-size:14px; }

}
@media only screen and (min-width:0px) and (max-width:480px) {
	
/*Banner
------------------------*/
.DefBanner .swiper-container-horizontal > .swiper-pagination { display:none;}


/*DefMember
------------------------*/
.DefMember { padding-bottom:100px;  }
.DefMemberBg { width:680px; margin-left:-340px;  }


/*內容設定
------------------------*/
.PageArticle { font-size:15px;}


/*聘僱須知
------------------------*/
.PageDownload li { padding:15px 0;}


/*常見問題
------------------------*/
.PageFAQ .PageFAQLi .SliderDiv a strong { font-size:16px;}
.PageFAQ .PageFAQLi .SliderDiv a h1 { font-size:16px;}


/*網站導覽
------------------------*/
.SiteMap .sitemapbox { width:100%; margin:0 0 15px 0; }
.SiteMap .sitemapbox:nth-child(4n+1) {margin:0 0 15px 0; }
.SiteMap .sitemapbox:nth-child(3n+1) { margin:0 0 15px 0; }
.SiteMap .sitemapbox:nth-child(odd) {  margin:0 0 15px 0; }
	
}
@media only screen and (min-width:0px) and (max-width:420px) {
	
/*Banner
------------------------*/
.Banner { height:150px; }
.Banner .Bg { width:960px; margin-left:-480px; }


/*Footer
------------------------*/
/*
.Footer .CompanyInfo li {  position:relative; padding-left:30px; }
.Footer .CompanyInfo li .Icon { margin-right:0; position:absolute; top:0; left:0; }
*/

}
@media only screen and (min-width:0px) and (max-width:380px) {

/*Header
------------------------*/
.Header .Logo { width:240px; height:45px;  }
.Header .Logo a { height:45px; }

}
@media only screen and (min-width:0px) and (max-width:360px) {
	
/*按鈕
------------------------*/
.Btn_Two .GoBack { width:49%;}
.Btn_Thr { max-width:120px;}
.Btn_Thr .GoBack { margin:5px auto; width:100%;}

}



/*=======================================內頁排版設定=======================================*/



/*AboutUs
------------------------*/
.AboutContent { width:100%; max-width:920px;  height:auto; overflow:hidden; margin:20px auto; padding:2px;}
.AboutContentDiv { width:100%; height:auto; overflow:hidden; margin:0 auto 20px auto; background:#fff;transition:all 0.3s;
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2); box-shadow: 0 2px 5px rgba(0,0,0,0.2);-webkit-border-radius: 5px;  -moz-border-radius:5px;   border-radius: 5px;}
.AboutContentDiv:hover { -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.5); box-shadow: 0 2px 5px rgba(0,0,0,0.5); }
.AboutContent .Title02 { font-size:18px; line-height:20px;  width:100%; height:auto; display:block; position:relative; padding:15px 10px 15px 40px; font-weight:normal;letter-spacing:0.1em; color:#fff;background:#3175c8; margin:0 auto;}
.AboutContent .Title02 img { position:absolute; left:5px; top:7.5px; display:block; border:none; width:30px;}
.AboutContentDiv:nth-of-type(1) .Title02 { background:#e3ac35; }
.AboutContentDiv:nth-of-type(2) .Title02 { background:#55c672; }
.AboutContentDiv .Text { width:100%; height:auto; overflow:hidden; padding:20px;}
.AboutContentDiv:nth-of-type(1) .Text { background:#fffdf8; }
.AboutContentDiv:nth-of-type(2) .Text { background:#f9fefa; }
.AboutContentDiv .Text * { margin:0; padding:0; list-style:none; text-decoration:none; text-align: justify;}
.AboutContentDiv .Text .Ul .Li { width:100%; height:auto; overflow:hidden; position:relative; padding:10px 5px 10px 20px; line-height:1.5em;
border-top:1px dashed #ddd;}
.AboutContentDiv .Text .Ul .Li:nth-child(1) { border:none; }
.AboutContentDiv .Text .Ul .Li:before { content:'' ; position:absolute; left:5px; top:18px; width:5px; height:5px; -webkit-border-radius:50%;  -moz-border-radius:50%;   border-radius:50%x; background:#3175c8; display:block;}
.AboutContentDiv:nth-of-type(1) .Text .Ul .Li:before { background:#e3ac35; }
.AboutContentDiv:nth-of-type(2) .Text .Ul .Li:before { background:#55c672; }


/*Service
------------------------*/
/*Service共用*/
.ServiceContent { width:100%; max-width:920px;  height:auto; overflow:hidden; margin:20px auto; padding:2px;}
.ServiceContent .Title01 { font-size:30px; color:#3175c8; font-weight:normal; padding:10px 10px 10px 50px; display:block;  margin:0 auto 30px auto; position:relative;  }
.ServiceContent .Title01 span { display:inline-block;} 
.ServiceContent .Title01 .Icon { width:35px; height:auto; position:absolute; left:5px; top:13px; overflow:hidden; background:#3175c8; padding:8px;border-radius: 50%;display:block;}
.ServiceContent .Title01 .Icon img { max-width:100%; height:auto; display:block; border:none;}
.ServiceContentDiv { width:100%; height:auto; overflow:hidden; margin:0 auto 20px auto; background:#fff;transition:all 0.3s;
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2); box-shadow: 0 2px 5px rgba(0,0,0,0.2);-webkit-border-radius: 5px;  -moz-border-radius:5px;   border-radius: 5px;}
.ServiceContentDiv:hover { -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.5); box-shadow: 0 2px 5px rgba(0,0,0,0.5); }
.ServiceContent .Title02 { font-size:18px; line-height:20px;  width:100%; height:auto; display:block; position:relative; padding:15px 10px 15px 40px; font-weight:normal;letter-spacing:0.1em; color:#fff;background:#3175c8; margin:0 auto;}
.ServiceContent .Title02 img { position:absolute; left:5px; top:7.5px; display:block; border:none; width:30px;}
.ServiceContentDiv:nth-of-type(1) .Title02 { background:#e3ac35; }
.ServiceContentDiv:nth-of-type(2) .Title02 { background:#55c672; }
.ServiceContentDiv:nth-of-type(3) .Title02 { background:#30a0df; }
.ServiceContentDiv:nth-of-type(4) .Title02 { background:#e33597; }
.ServiceContentDiv:nth-of-type(5) .Title02 { background:#9266bc; }
.ServiceContentDiv .Text { width:100%; height:auto; overflow:hidden; padding:20px;}
.ServiceContentDiv:nth-of-type(1) .Text { background:#fffdf8; }
.ServiceContentDiv:nth-of-type(2) .Text { background:#f9fefa; }
.ServiceContentDiv:nth-of-type(3) .Text { background:#f4fbff; }
.ServiceContentDiv:nth-of-type(4) .Text { background:#fff8fc; }
.ServiceContentDiv:nth-of-type(5) .Text { background:#fdfaff; }
.ServiceContentDiv .Text * { margin:0; padding:0; list-style:none; text-decoration:none; }
.ServiceContentDiv .Text .Ul .Li { width:100%; height:auto; overflow:hidden; position:relative; padding:10px 5px 10px 20px; line-height:1.5em;
border-top:1px dashed #ddd;}
.ServiceContentDiv .Text .Ul .Li:nth-child(1) { border:none; }
.ServiceContentDiv .Text .Ul .Li:before { content:'' ; position:absolute; left:5px; top:18px; width:5px; height:5px; -webkit-border-radius:50%;  -moz-border-radius:50%;   border-radius:50%x; background:#3175c8; display:block;}
.ServiceContentDiv:nth-of-type(1) .Text .Ul .Li:before { background:#e3ac35; }
.ServiceContentDiv:nth-of-type(2) .Text .Ul .Li:before { background:#55c672; }
.ServiceContentDiv:nth-of-type(3) .Text .Ul .Li:before { background:#30a0df; }
.ServiceContentDiv:nth-of-type(4) .Text .Ul .Li:before { background:#e33597; }
.ServiceContentDiv:nth-of-type(5) .Text .Ul .Li:before { background:#9266bc; }
.ServiceContentDiv .Text .Ol {  padding-left:1.2em;}
.ServiceContentDiv .Text .Ol li { list-style:decimal;  line-height:1.5em; margin-top:20px; }
.ServiceContentDiv .Text .Ol li:nth-child(1) { margin-top:0;}
.ServiceContentDiv .Text .Ol .Ul { margin:15px auto;}
.ServiceContentDiv .Text .Ol .Ul .Li { margin-top:10px;}
.ServiceContentDiv .Text .Ol .Ul .Li:nth-child(1) { margin-top:0;}
.ServiceContentDiv .Text .Table td { line-height:1.5em; padding:10px 5px;}

.ServiceContentDiv:nth-of-type(3) .Table .TrTitle { background:#c8dfeb; }

/*工廠移工*/
.ServiceContent1 .Text .Table td { text-align:center; }
.ServiceContent1 .Text .Table1 { width:50%; height:auto; overflow:hidden; float:left;}
.ServiceContent1 .Text .Table1 .TrTitle td { padding:20px 5px;}
.ServiceContent1 .Text .Table1 .TrTitle td:nth-child(1) { background:#55c672; color:#fff;}
.ServiceContent1 .Text .Table1 .TrTitle td:nth-child(2) { background:#db67a8; color:#fff;}
.ServiceContent1 .Text .Table1 .TrContent td:nth-child(1) { background:#c1ffd2;}
.ServiceContent1 .Text .Table1 .TrContent td:nth-child(2) { background:#ffcae7;}
.ServiceContent1 .Text .Table1 .TrContent:nth-child(even) td:nth-child(1) { background:#dcffe5;}
.ServiceContent1 .Text .Table1 .TrContent:nth-child(even) td:nth-child(2) { background:#ffdbef;}
.ServiceContent1 .Text .Table2 { width:50%; height:auto; overflow:hidden; float:right;}
.ServiceContent1 .Text .Table2 .TrTitle1 td { background:#3077df; color:#fff;}
.ServiceContent1 .Text .Table2 .TrTitle2 td:nth-child(1) { background:#30a0df; color:#fff;}
.ServiceContent1 .Text .Table2 .TrTitle2 td:nth-child(2) { background:#168ed2; color:#fff;}
.ServiceContent1 .Text .Table2 .TrContent td:nth-child(1) { background:#b2d5e9;}
.ServiceContent1 .Text .Table2 .TrContent td:nth-child(2) { background:#c8dfeb;}
.ServiceContent1 .Text .Table2 .TrContent:nth-child(even) td:nth-child(1) { background:#c5ddeb;}
.ServiceContent1 .Text .Table2 .TrContent:nth-child(even) td:nth-child(2) { background:#d8e9f1;}


/*國內投資*/
.ServiceContent2 .Text .Table { width:100%; height:auto; overflow:hidden;}
.ServiceContent2 .Text .Table .TrTitle td { color:#fff; text-align:center;}
.ServiceContent2 .Text .Table .TrTitle td:nth-child(1) { background:#49b464;}
.ServiceContent2 .Text .Table .TrTitle td:nth-child(2) { background:#24a945; width:11em;}
.ServiceContent2 .Text .Table .TrContent td { background:#edfff2; border-top:1px solid #fff; border-left:1px solid #fff; }
.ServiceContent2 .Text .Table .TrContent:nth-child(odd) td { background:#fff;}
.ServiceContent2 .Text .Table .TrContent td .Ol { margin-top:20px;}
.ServiceContent2 .Text .Table .TrContent td .Ol .Li { margin-top:10px;}
.ServiceContent2 .Text .Table .TrContent td h4 { color:#ff6901; font-size:28px; margin:10px auto; }


/*台商投資*/
.ServiceContent3 .Text .Table { width:100%; height:auto; overflow:hidden;}
.ServiceContent3 .Text .Table .TrTitle td { color:#fff; text-align:center;}
.ServiceContent3 .Text .Table .TrTitle td:nth-child(1) { background:#49b464;}
.ServiceContent3 .Text .Table .TrTitle td:nth-child(2) { background:#24a945; width:11em;}
.ServiceContent3 .Text .Table .TrContent td { background:#edfff2; border-top:1px solid #fff; border-left:1px solid #fff; }
.ServiceContent3 .Text .Table .TrContent:nth-child(odd) td { background:#fff;}
.ServiceContent3 .Text .Table .TrContent td .Ol { margin-top:20px;}
.ServiceContent3 .Text .Table .TrContent td .Ol .Li { margin-top:10px;}
.ServiceContent3 .Text .Table .TrContent td h4 { color:#ff6901; font-size:28px; margin:10px auto; }


/*機構移工*/
.ServiceContent4 .Text .Table { width:100%; height:auto; overflow:hidden; }
.ServiceContent4 .Text .Table td { text-align:center; }
.ServiceContent4 .Text .Table .TrTitle td { color:#fff;}
.ServiceContent4 .Text .Table .TrTitle td:nth-child(1) { background:#298ed9;}
.ServiceContent4 .Text .Table .TrTitle td:nth-child(2) { background:#0d75c2; width:8em;}
.ServiceContent4 .Text .Table .TrTitle td:nth-child(3) { background:#59a5dd; width:8em;}
.ServiceContent4 .Text .Table .TrContent td { background:#e6f4ff; border-top:1px solid #59a5dd; border-left:1px solid #59a5dd; color:#59a5dd;}
.ServiceContent4 .Text .Table .TrContent:nth-child(even) td { background:#fff;}
.ServiceContent4 .Text .Table .TrContent td:nth-child(1) { text-align:left; border-left:none; color:#000;}


/*家庭看護*/
.ServiceContent6 .Text .Table { width:100%; height:auto; overflow:hidden; }
.ServiceContent6 .Text .Table td { text-align:center;}
.ServiceContent6 .Text .Table td span { display:inline-block;}
.ServiceContent6 .Text .Table1 .TrTitle td { background:#e3ac35; color:#fff;}
.ServiceContent6 .Text .Table1 .TrTitle td:nth-child(2) { width:3.5em;}
.ServiceContent6 .Text .Table1 .TrContent td { background:#fff;  border-top:1px solid #e3ac35; border-left:1px solid #e3ac35; }
.ServiceContent6 .Text .Table1 .TrContent:nth-child(even) td { background:#fff7e4;}
.ServiceContent6 .Text .Table1 .TrContent td:nth-child(1) {  border-left:none; }

.ServiceContent6 .Text .Table2 td { text-align:left; }
.ServiceContent6 .Text .Table2 .TrTitle1 td { background:#30a0df; color:#fff;}
.ServiceContent6 .Text .Table2 .TrTitle2 td:nth-child(odd) { background:#2babf3; color:#fff;}
.ServiceContent6 .Text .Table2 .TrTitle2 td:nth-child(even) { background:#4db8f5; color:#fff;}
.ServiceContent6 .Text .Table2 .TrTitle2 td:nth-child(1) { width:5em;}
.ServiceContent6 .Text .Table2 .TrTitle2 td:nth-child(3) { width:7em;}
.ServiceContent6 .Text .Table2 .TrContent td { border-left:1px solid #30a0df; border-bottom:1px solid #30a0df;}
.ServiceContent6 .Text .Table2 .TrContent td.First { border-left:none;}
.ServiceContent6 .Text .Table2 .TrContent1 td { background:#edf6ff; }
.ServiceContent6 .Text .Table2 .TrContent2 td { background:#fff; }
.ServiceContent6 .Text .Table2 .TrContent3 td { background:#fff; padding:10px; border:none; }

/*農、林、牧、養殖漁業*/
.ServiceContent7 .Text .Table { width:100%; height:auto; overflow:hidden; margin-bottom:20px; border-right:1px solid #55c672; }
.ServiceContent7 .Text .Table td { text-align:center;}
.ServiceContent7 .Text .Table td span { display:inline-block;}
.ServiceContent7 .Text .Table2 td { text-align:left; }
.ServiceContent7 .Text .Table2 .TrTitle1 td { background:#55c672; color:#fff;}
.ServiceContent7 .Text .Table2 .TrTitle2 td:nth-child(odd) { background:#78cd8e; color:#fff;}
.ServiceContent7 .Text .Table2 .TrTitle2 td:nth-child(even) { background:#81d396; color:#fff;}
.ServiceContent7 .Text .Table2 .TrContent td { border-left:1px solid #55c672; border-bottom:1px solid #55c672;}
.ServiceContent7 .Text .Table2 .TrContent td.First { border-left:none;}
.ServiceContent7 .Text .Table2 .TrContent1 td { background:#f2f9f4; }
.ServiceContent7 .Text .Table2 .TrContent2 td { background:#fff; }
.ServiceContent7 .Text .Table2 .TrContent3 td { background:#fff; padding:10px; border:none; }









/*聘僱需知
------------------------*/
.DownContent { width:100%; max-width:920px;  height:auto; overflow:hidden; margin:20px auto; padding:2px;}
.DownContent .Title01 { font-size:30px; color:#3175c8; font-weight:normal; padding:10px 10px 10px 50px; display:block;  margin:0 auto 30px auto; position:relative;  }
.DownContent .Title01 i { width:35px; height:35px; color:#fff; font-size:20px; text-align:center; line-height:35px; position:absolute; left:5px; top:13px; overflow:hidden; background:#3175c8; border-radius: 50%;}
.DownContentDiv { width:100%; height:auto; overflow:hidden; margin:0 auto 20px auto; background:#fff;transition:all 0.3s;
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2); box-shadow: 0 2px 5px rgba(0,0,0,0.2);-webkit-border-radius: 5px;  -moz-border-radius:5px;   border-radius: 5px;}
.DownContentDiv:hover { -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.5); box-shadow: 0 2px 5px rgba(0,0,0,0.5); }
.DownContent .Title02 { font-size:18px; line-height:20px;  width:100%; height:auto; display:block; position:relative; padding:15px 10px 15px 40px; font-weight:normal;letter-spacing:0.1em; color:#fff; background:#3175c8; margin:0 auto;}
.DownContent .Title02 i { position:absolute; left:8px; top:12px; display:block;  width:30px; text-align:center; font-size:25px;}
.DownContentDiv:nth-of-type(1) .Title02 { background:#e3ac35; }
.DownContentDiv:nth-of-type(2) .Title02 { background:#55c672; }
.DownContentDiv:nth-of-type(3) .Title02 { background:#30a0df; }
.DownContentDiv:nth-of-type(4) .Title02 { background:#e33597; }
.DownContentDiv:nth-of-type(5) .Title02 { background:#9266bc; }
.DownContentDiv:nth-of-type(6) .Title02 { background:#e3353e; }
.DownContentDiv:nth-of-type(7) .Title02 { background:#66b1bc; }
.DownContentDiv .Text { width:100%; height:auto; overflow:hidden; padding:20px;}
.DownContentDiv:nth-of-type(1) .Text { background:#fffdf8; }
.DownContentDiv:nth-of-type(2) .Text { background:#f9fefa; }
.DownContentDiv:nth-of-type(3) .Text { background:#f4fbff; }
.DownContentDiv:nth-of-type(4) .Text { background:#fff8fc; }
.DownContentDiv:nth-of-type(5) .Text { background:#fdfaff; }
.DownContentDiv:nth-of-type(6) .Text { background:#fffcfc; }
.DownContentDiv:nth-of-type(7) .Text { background:#fafeff; }
.DownContentDiv .Text * { margin:0; padding:0; list-style:none; text-decoration:none;    text-align: justify; }
.DownContentDiv .Text .Ul .Li { width:100%; height:auto; overflow:hidden; position:relative; padding:10px 5px 10px 20px; line-height:1.5em;
border-top:1px dashed #ddd;}
.DownContentDiv .Text .Ul .Li:nth-child(1) { border:none; }
.DownContentDiv .Text .Ul .Li:before { content:'' ; position:absolute; left:5px; top:18px; width:5px; height:5px; -webkit-border-radius:50%;  -moz-border-radius:50%;   border-radius:50%x; background:#3175c8; display:block;}
.DownContentDiv:nth-of-type(1) .Text .Ul .Li:before { background:#e3ac35; }
.DownContentDiv:nth-of-type(2) .Text .Ul .Li:before { background:#55c672; }
.DownContentDiv:nth-of-type(3) .Text .Ul .Li:before { background:#30a0df; }
.DownContentDiv:nth-of-type(4) .Text .Ul .Li:before { background:#e33597; }
.DownContentDiv:nth-of-type(5) .Text .Ul .Li:before { background:#9266bc; }
.DownContentDiv:nth-of-type(6) .Text .Ul .Li:before { background:#e3353e; }
.DownContentDiv:nth-of-type(7) .Text .Ul .Li:before { background:#66b1bc; }
.DownContentDiv .Text .Ol {  padding-left:1.2em;}
.DownContentDiv .Text .Ol li { list-style:decimal;  line-height:1.5em; margin-top:20px; }
.DownContentDiv .Text .Ol li:nth-child(1) { margin-top:0;}
.DownContentDiv .Text .Ol .Ul .Li { margin-top:0;}
.DownContentDiv .Text .Ol .Ul .Li:nth-child(1) { margin-top:0;}
.DownContentDiv .Text .Table { width:100%;}
.DownContentDiv .Text .Table td { line-height:1.5em; padding:10px 5px; text-align:center;}
.DownContentDiv .Text hr.Hr { width:100%; height:1px; overflow:hidden; display:block; border:none; background:none; padding:0; margin:20px auto; border-top: 1px dashed #ddd;}
.DownContentDiv h4.Country { position:relative; padding-left:85px; font-size:24px; font-weight:normal; color:#1b973a; margin-bottom:20px;}
.DownContentDiv h4.Country span { display:block; font-size:16px; }
.DownContentDiv h4.Country01 { background:url(../Images/Layout/Flag_Indonesia.jpg) left center no-repeat;}
.DownContentDiv h4.Country02 { background:url(../Images/Layout/Flag_Vietnam.jpg) left center no-repeat;}
.DownContentDiv h4.Country03 { background:url(../Images/Layout/Flag_Philippines.jpg) left center no-repeat; padding-left:110px;}
.DownContentDiv .Text .Table1 tr td:nth-child(1) { background:#24a945; color:#fff; width:5em;  }
.DownContentDiv .Text .Table1 tr td:nth-child(2) {   text-align: justify;}
.DownContentDiv .Text .Table1 tr:nth-child(even) td:nth-child(1) { background:#49b464; }
.DownContentDiv .Text .Table1 tr:nth-child(even) td:nth-child(2) { background:#edfff2; }
.DownContentDiv .Text .Table2 tr.TrTitle td { color:#fff; background:#49b464;}
.DownContentDiv .Text .Table2 tr.TrTitle td:nth-child(1) { width:16em;}
.DownContentDiv .Text .Table2 tr.TrTitle td:nth-child(3) { width:16em;}
.DownContentDiv .Text .Table2 tr.TrContent:nth-child(even) td:nth-child(1) { color:#fff; background:#24a945; }
.DownContentDiv .Text .Table2 tr.TrContent:nth-child(odd) td { background:#edfff2; }
.DownContentDiv .Text .Table2 tr.TrContent:nth-child(odd) td:nth-child(1) { color:#fff; background:#49b464; }
.DownContentDiv .Text .Table3 tr.TrTitle td { color:#fff; background:#49b464; }
.DownContentDiv .Text .Table3 tr.TrTitle td:nth-child(1) { width:16em;}
.DownContentDiv .Text .Table3 tr.TrContent td:nth-child(1) { color:#fff; background:#24a945; }
.DownContentDiv .Text .Table3 tr.TrContent td:nth-child(2),.DownContentDiv .Text .Table3 tr.TrContent td:nth-child(4) { background:#edfff2;}
.DownContentDiv .Text .Table4 { margin-top:20px;border-right:1px solid #30a0df;}
.DownContentDiv .Text .Table4 tr.TrTitle td { color:#fff; background:#0d85c8;  }
.DownContentDiv .Text .Table4 tr.TrTitle td:nth-child(4) { width:10em;}
.DownContentDiv .Text .Table4 tr.TrContent td { border-left:1px solid #30a0df; border-bottom:1px solid #30a0df; }
.DownContentDiv .Text .Table4 tr.TrContent td.ContentTitle {  background:#c8e8fc; }


.DownContentDiv .Text .TableDown03 { margin:20px 0;}
.DownContentDiv .Text .TableDown03 tr.TrTitle td { color:#fff;  }
.DownContentDiv .Text .TableDown03 tr.TrContent td:nth-child(2) { width:13em;}
.DownContentDiv .Text .TableDown03 tr.TrContent td:nth-child(3) { text-align:left; }
.DownContentDiv .Text .TableDown03 tr.TrContent td.ContentTitle { width:8em; color:#000;  }

.DownContentDiv .Text .Table5 { border-right:1px solid #fcbf95;}
.DownContentDiv .Text .Table5 tr.TrTitle td { background:#ed7d31;  }
.DownContentDiv .Text .Table5 tr.TrContent td { border-left:1px solid #fcbf95; border-bottom:1px solid #fcbf95; }
.DownContentDiv .Text .Table5 tr.TrContent td.ContentTitle { background:#fcdfcc; border-left:1px solid #fcbf95;   border-bottom:1px solid #fcbf95;  }

.DownContentDiv .Text .Table6 { border-right:1px solid #49b464;}
.DownContentDiv .Text .Table6 tr.TrTitle td { background:#49b464;  }
.DownContentDiv .Text .Table6 tr.TrContent td { border-left:1px solid #49b464; border-bottom:1px solid #49b464; }
.DownContentDiv .Text .Table6 tr.TrContent td.ContentTitle { background:#f0fef4; border-left:1px solid #49b464;   border-bottom:1px solid #49b464;  }

.DownContentDiv .Text .Table7 { border-right:1px solid #258ac2;}
.DownContentDiv .Text .Table7 tr.TrTitle td {  background:#258ac2;  }
.DownContentDiv .Text .Table7 tr.TrContent td { border-left:1px solid #258ac2; border-bottom:1px solid #258ac2; }
.DownContentDiv .Text .Table7 tr.TrContent td.ContentTitle { background:#dfeef9; border-left:1px solid #258ac2;   border-bottom:1px solid #258ac2;  }
.DownContentDiv .Text .Table7-1 tr.TrContent td:nth-child(2) { width:auto; }
.DownContentDiv .Text .Table7-1 tr.TrContent td:nth-child(3) { text-align:center; }
.DownContentDiv .Text .Table7-1 tr.TrContent td:nth-child(4) { text-align:left; }




/*=======================================內頁排版媒體查詢設定=======================================*/



@media only screen and (min-width:0px) and (max-width:720px) {
	
/*聘僱需知
------------------------*/
.DownContentDiv .Text .Table1 tr td:nth-child(1) { width:2em;}
.DownContentDiv .Text .Table2 tr.TrTitle td:nth-child(1),.DownContentDiv .Text .Table2 tr.TrTitle td:nth-child(3) { width:auto;}
.DownContentDiv .Text .Table3 tr.TrTitle td:nth-child(1) { width:auto;}

}
@media only screen and (min-width:0px) and (max-width:680px) {

/*Service
------------------------*/
/*Service共用*/
.ServiceContent .Title01 { font-size:25px; }
.ServiceContent .Title01 .Icon { top:10px;}

/*工廠移工*/
.ServiceContent1  .Text .Table1 { width:100%; float:none; margin:0 auto 5px auto;}
.ServiceContent1  .Text .Table2 { width:100%; float:none; }


/*家庭看護*/
.ServiceContent6 .Text .Table2 .TrTitle2 td:nth-child(1) { width:auto;}
.ServiceContent6 .Text .Table2 .TrTitle2 td:nth-child(3) { width:auto;}


/*聘僱需知
------------------------*/
.DownContent .Title01  { font-size:25px; }
.DownContent .Title01 i  { top:10px;}
.DownContentDiv .Text .Table4 tr.TrTitle td:nth-child(1) { width:5em;}
.DownContentDiv .Text .Table4 tr.TrTitle td:nth-child(4) { width:auto;}

}
@media only screen and (min-width:0px) and (max-width:580px) {
	
/*Service
------------------------*/
/*Service共用*/
.ServiceContent .Title01 { font-size:20px; padding-left:40px; }
.ServiceContent .Title01 .Icon { width:30px; }


/*聘僱需知
------------------------*/
.DownContent .Title01  { font-size:20px; padding-left:40px;}
.DownContent .Title01 i  { width:30px; height:30px; line-height:30px;}
.DownContentDiv .Text .Table2 tr.TrContent td:nth-child(3) { text-align: justify; }

}
@media only screen and (min-width:0px) and (max-width:480px) {

/*AboutUs
------------------------*/
.AboutContentDiv .Text {  padding:10px;}


/*Service
------------------------*/
/*Service共用*/
.ServiceContent .Title01 {  padding-left:10px; text-align:center; }
.ServiceContent .Title01 .Icon { position:relative; top:auto; left:auto; margin:0 auto 15px auto; width:100px; padding:20px; }
.ServiceContentDiv .Text {  padding:10px;}
.ServiceContent .Title02 {  padding:15px 10px 15px 30px;letter-spacing: 0.05em; }
.ServiceContent .Title02 img { left:7px;  top:15px; width:20px;}

/*國內投資*/
.ServiceContent2 .Text .Table .TrTitle td:nth-child(2) { width:6.5em; }

/*台商投資*/
.ServiceContent3 .Text .Table .TrTitle td:nth-child(2) { width:6.5em; }

/*機構移工*/
.ServiceContent4 .Text .Table .TrTitle td:nth-child(2) { width:5em;}
.ServiceContent4 .Text .Table .TrTitle td:nth-child(3) { width:5em;}


/*聘僱需知
------------------------*/
.DownContent .Title01  {  padding-left:10px; text-align:center; }
.DownContent .Title01 i  {  position:relative; top:auto; left:auto; margin:0 auto 15px auto; width:100px; height:100px; line-height:100px; font-size:60px; display:block; }
.DownContentDiv .Text {  padding:10px;}
.DownContentDiv .Text .Table3 tr.TrTitle td:nth-child(2) { width:4em;}
.DownContentDiv .Text .Table3 tr.TrTitle td:nth-child(3) { width:3em;}
.DownContentDiv .Text .Table3 tr.TrTitle td:nth-child(4) { width:3em;}

}









/*解決固定背景在IE瀏覽時出現上下跳動問題*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) 
{
    html{
        overflow: hidden;
        height: 100%;    
    }
    body{
        overflow: auto;
        height: 100%;
    }
}