@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {

    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    position:relative;
    line-height:140%;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
    min-width: 320px;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
html {
    font-size: 62.5%; /* 把html字級設為10px，16*0.625=10 */
    font-family:Arial, 'Meiryo', "微軟正黑體", "新細明體", sans-serif;
}
body {
    font-size:13px;/* 給ie8以下不支援rem單位的瀏覽器 */
    font-size:1.3rem;/* 給支援rem單位的瀏覽器 */
}
table {border-collapse: collapse; border-spacing: 0;}
/*chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0){ #	{} }

/*A*/
a:link,a:visited		{color:#336699; color:#0066CC;outline:none; }
a:hover					{text-decoration:none;outline:none}

/*去除連結虛線框*/
a		{blr:expression(this.onFocus=this.blur());}
a:focus {-moz-outline-style: none; }

/*clearfix*/
.clearfix:after			{content: ".";  display: block;  height: 0; clear: both; visibility: hidden;}
.clearfix				{display: inline-block;}
html[xmlns] .clearfix	{display: block;}
* html .clearfix		{height: 1%;}

.textInput,
textarea            {background:#fff; padding:5px 0px; text-indent: 10px; border :1px solid #333; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color:#333; display:inline-block;}
textarea 		{text-indent:0!important; padding:10px!important; box-sizing: border-box;}
.textInput:focus,
textarea:focus      {background:#FFC;  border:1px solid #333; outline:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
.dateInput			{width:110px; background:url(../images/icon_calendar.png) no-repeat right;}
label					{cursor:pointer;}
select				{padding:3px 5px;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border:1px solid #333; }
input[type="text"]	{}
.text-3             {width:50px;}
.text-5             {width:80px;}
.text-6             {width:200px;}
.text-m             {width:300px;}
.text-xl            {width:500px;}

label.error			{color:#f33; text-align: center!important; padding:2px 5px!important; background:#f33; color:#fff!important; -webkit-border-radius: 2px; -moz-border-radius:2px; border-radius:2px; behavior: url(css/PIE.htc); margin: auto; position: absolute; top: 0;  bottom: 0; margin-left: 10px; width: auto!important; text-indent:0; font-size: 12px!important; height: 16px; right:0; z-index: 999;}

.button,
.button:link,
.button:visited		{display: inline-block; border:none; text-align:center;  color: #999; background:#ddd; font-size:13px; line-height:120%; padding:10px 23px;  -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px;  position:relative; text-decoration:none; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; outline:none;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-appearance: none;cursor:pointer; }
.button:hover		{background: #eee; cursor:pointer;}
.button:active 		{background:#ddd;  position:relative; top: 1px; color:#bbb; text-shadow: 0 0 0, 1px 1px 0px rgba(255, 255, 255, 0.3); -webkit-box-shadow:inset 1px 1px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow:inset 1px 1px 10px rgba(0, 0, 0, 0.2); box-shadow:inset 1px 1px 10px rgba(0, 0, 0, 0.2); }

.blue-btn,
.blue-btn:link,
.blue-btn:visited	{background: #00BAD6; color:#FFF}
.blue-btn:hover 	{background: #00C6E4; }
.blue-btn:active	{background: #0298AE; color: #00647f;}

.green-btn,
.green-btn:link,
.green-btn:visited	{background: #7db500; color: white;}
.green-btn:hover 	{background: #8fcf00;}
.green-btn:active	{background: #76a312; color: #486900;}

.red-btn,
.red-btn:link,
.red-btn:visited	{background: #e54028; color:#FFF}
.red-btn:hover 		{background: #e8543f;}
.red-btn:active 	{background: #CF2929; color:#900; }

.orange-btn,
.orange-btn:link,
.orange-btn:visited	{background: #FF6C0A; color: white;}
.orange-btn:hover 	{background: #FF8533;}
.orange-btn:active	{background: #F96400; color: #8A3700;}

.white-btn,
.white-btn:link,
.white-btn:visited	{
    border:1px solid #ccc;
    color:#333;
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
    background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
    -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;
    padding:9px 23px;
    box-sizing: border-box;
}
.white-btn:hover 	{background: #FFF;}
.white-btn:active	{}


.edit-btn:link,
.edit-btn:visited	{background:#fff url("../images/icon_edit.png") no-repeat left; display:inline-block; zoom: 1; *display: inline;  padding:10px 10px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;  behavior: url(css/PIE.htc); position:relative;  color:#333; text-indent: 10px;}
.edit-btn:hover	    {color:#000 }
.edit-btn:active    { text-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}


.trash-btn:link,
.trash-btn:visited	{background:url("../images/icon_trashcan.png") no-repeat left; display:inline-block; padding:10px 10px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;  behavior: url(css/PIE.htc); position:relative;  color:#333; text-indent: 10px; }
.trash-btn:hover	{color:#000 }
.trash-btn:active	{ text-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}

.delete-btn:link,
.delete-btn:visited	{background:url("../images/icon_delete@2x.png") no-repeat left; display:inline-block; height: 14px; width:14px; background-size:14px; vertical-align: top; }
.delete-btn:hover	{}
.delete-btn:active	{top:1px;}

.button.disable,
.button.disable:link,
.button.disable:visited		{border:none!important; color: #999!important; background:#ccc!important; text-shadow: 0 0 0, 1px 1px 0px #e3e3e3!important;}
.button.disable:hover		{background: #ccc!important; cursor:default!important;}
.button.disable:active 		{top: 0px; -webkit-box-shadow:none!important; -moz-box-shadow:none!important; box-shadow:none!important; }

.link-more:link,
.link-more:visited  {font-size:12px; font-size:1.2rem; padding:2px 5px; text-decoration: none; border:1px solid #666; color:#666; text-decoration: none;}
.link-more:hover    {border:1px solid #ccc;}

.selectStyle						{background:#fff url("../images/icon_select.png") no-repeat center right 5px; text-decoration:none!important; padding:10px 35px 10px 10px;  -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border:1px solid #333; cursor:pointer;position:relative; top:1px; display: inline-block; *zoom: 1; *display: inline; color:#333!important; font-size:13px; font-size:1.3rem; font-family:Verdana,"新細明體"; overflow: hidden; white-space: nowrap;  vertical-align: top; }
.selectStyle:hover					{text-decoration:none;}
.selectStyle span					{width: 100%; display: inline-block; overflow: hidden;text-overflow: ellipsis;}

.btn-back:link,
.btn-back:visited	{display:inline-block; background:#333; padding:7px 12px; color:#eee; text-decoration:none; font-size:12px; font-size:1.2rem; letter-spacing:1px; vertical-align: super; margin-right: 10px;}
.btn-back:hover		{background:#000;}
.btn-back:active	{top:1px;}

.upload-btn         {overflow: hidden; vertical-align: top; cursor:pointer; }
.upload-btn input.upload {position: absolute;top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); width: 100%;  height:120px; cursor:pointer; }
.upload-btn span    {cursor:pointer; }

input[type=file], /* FF, IE7+, chrome (except button) */
input[type=file]::-webkit-file-upload-button { /* chromes and blink button */
    cursor: pointer; 
}

.btn-toggle-menu:link,
.btn-toggle-menu:visited    {background: url("../images/icon-toggle-menu@2x.png") no-repeat; width: 24px; height: 20px; display: inline-block; background-size: 24px; filter:alpha(opacity=20);opacity:0.2;zoom:1; position: absolute; z-index: 99; right:20px; top:28px; display: none;}
.btn-toggle-menu:hover      {}
.btn-toggle-menu:active     {}

.btn-switch:link,
.btn-switch:visited		{-webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; border:4px solid #e3e3e3; padding:8px 23px; margin-top:-30px;}


hr 	        {border:0; height:1px; background-color:#d4d4d4; color:#d4d4d4; margin-bottom:40px;}
hr.style-2 	{border:0; height:2px; background-color:#333; color:333; margin-bottom:0px;}

/*main*/
body					{background-color:#ffffff;  background: url("../images/bg.png") repeat;}
mainContainer			{
    width:900px; height:200px; margin:20px auto;
    -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
    -webkit-box-shadow: #666 0px 2px 3px; -moz-box-shadow: #666 0px 2px 3px; box-shadow: #666 0px 2px 3px;
    -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s;
    filter:alpha(opacity=100);opacity:1.0;zoom:1;
    position:relative;
    display: inline-block; *display: inline; zoom: 1;}

.header                             {width:100%; text-align: center; border-top:5px solid #1b71a2; background: #fff; position: static;}
.header .top                        {width:100%; top:-5px; }
.header .top > ul                   {position: absolute; right:0;}
.header .top > ul > li              {display: inline-block; white-space: nowrap;}
.header .top > ul > li > a:link,
.header .top > ul > li > a:visited  {text-decoration: none; color:#333; display: inline-block; padding:10px; font-size:12px; font-size:1.5rem;}
.header .top > ul > li > a:hover    {text-decoration: underline;}
.header .logo                   {display: inline-block; margin-right: 40px;}
.header .logo img               {width:140px;}
.header .inner                  {width:900px; margin: auto; text-align: left; margin-top:30px; padding-bottom: 10px;  position: static;}
.header .navi                   {display: inline-block; position: static;}
.header .navi > ul                {position: static;}
.header .navi ul li             {display: inline-block; position: static;}
.header .navi ul li > a:link,
.header .navi ul li > a:visited   {color:#333; text-decoration: none; padding:10px 35px; font-size:16px; font-size:1.6rem; line-height: 100%;}
.header .navi ul li > a:hover   {}
.header .navi ul li.current a:link,
.header .navi ul li.current a:visited   {background: url("../images/icon-navi-current.png") no-repeat center bottom;}
.header .navi ul li.current .subnavi    {display: block;}
.header .navi ul li.first               {display: none;}
.header .navi .language                 {display: none; border:0; text-align: left;}
.header .navi .mobile-login		   {display:none;}

.subnavi                {width:100%; background:#1b71a2; z-index: 99; left:0; position:absolute; text-align: center; margin:10px 0; display: none; letter-spacing: -4px;}
.subnavi li             {display: inline-block;  /*padding:10px 0; */}
.subnavi li a:link,
.subnavi li a:visited   {color:#fff!important; padding:12px 30px 10px 30px!important; display: inline-block; text-decoration: none; font-size: 13.5px!important; font-size:1.35rem!important; border-right:0px solid #fff; filter:alpha(opacity=80);opacity:0.8;zoom:1; letter-spacing: 1px;}
.subnavi li a:hover     {filter:alpha(opacity=100);opacity:1.0;zoom:1; }
.subnavi li:last-child a    {border:0;}
.subnavi li.current a       {font-weight: bold; filter:alpha(opacity=100);opacity:1.0;zoom:1; background:#20303f!important; }
div.subnavi     {display: block; z-index:0}

.language                       {display: inline-block; margin-right:5px; border-top:5px solid #20303f;}
.language .btn-lang             {display: inline-block; color:#333; text-decoration: none; padding:10px; padding-right:20px; text-align: left; font-size: 12px; font-size:1.2rem; }
.language .btn-lang span        {background: url("../images/icon-select-down@2x.png") no-repeat left center; display: inline-block; background-size:10px 6px; width:10px; height: 10px; position: absolute; right:5px; top:12px; }
.language .btn-lang:hover         {}
.language .lang-list              {display:none; background:#fff; position: absolute; z-index: 999; right:0; width:180px; border:1px solid #999;}
.language .lang-list ul           {height:auto;}
.language .lang-list li           {display: block; width:100%; border-bottom: 1px solid #999;}
.language .lang-list li > a:link,
.language .lang-list li > a:visited {color: #999; text-decoration: none; display: block; padding:10px 0px; }
.language .lang-list li > a:hover   {color: #000;}
.language .lang-list li:last-child  {border:0;}

.kv                 {text-align: center; height: 360px; overflow:hidden; width:100%;}
.kv-thumb           {width:100%;}
.kv img				{min-width:100%;}
.kv .title          {font-size:26px; font-size:2.6rem; color:#fff; display:block;  line-height: 160%; font-weight: bold; height:200px; position:absolute; z-index:99; left:0; right:0; top:40%; margin:auto; display:flex; align-items:flex-end; justify-content:center;}
.kv .title a        {display: inline-block;}
.kv .title a.link-btn:link,
.kv .title a.link-btn:visited   {display: inline-block; background:#333; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius:2px; padding:5px; top:-3px;-webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s;  }
.kv .title a.link-btn:hover		{background:transparent;}

#index .searchContainer             {margin:0;}
.searchContainer                    {background:url("../images/tooltipBg.png") repeat; background: #20303f; width:100%; margin: auto; padding:10px 0; margin-top:30px;}
.searchContainer .bar               {letter-spacing: -4px;}
.searchContainer .bar .textInput    {display: inline-block; letter-spacing: normal; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius:0px; width:400px; padding:10px 0;  vertical-align: top; font-size:15px; font-size:1.5rem; line-height: 100%; border:0; vertical-align:top;}
.searchContainer .bar .button       {display: inline-block; letter-spacing:2px; padding:9px 40px; font-size:16px; font-size:1.6rem; z-index: 9;}
.searchContainer .advance           {width:560px; margin:20px auto; display: none;}
.searchContainer .advance dl       {display: inline-block; width:100%; text-align: left;}
.searchContainer .advance dt       {display: inline-block; width:20%; margin:10px 0; font-size:15px; font-size:1.5rem; text-indent:10px; line-height: 200%; vertical-align: middle; color:#fff;}
.searchContainer .advance dd       {display: inline-block; width:39%;}
.searchContainer .advance dd.three {display: inline-block; width:26%;}
.searchContainer .advance select    {width:100%;}
.searchContainer .hot               {}
.searchContainer .hot a:link,
.searchContainer .hot a:visited     {color:#fff; display: inline-block; padding: 5px;}
.searchContainer .hot a:hover       {}

.searchContainer .inline                {}
.searchContainer .inline .textInput     {border:0; width:200px; padding:9px 0;}
.searchContainer .inline .selectStyle   {border:0; width:150px; text-align: left; line-height: 100%;text-overflow: ellipsis; }
.searchContainer .inline .selectStyle span   {line-height:100%;}
.searchContainer .inline .button        {line-height: 100%;}
.searchContainer .hot                   {font-size:12px; font-size:1.2rem; display: inline-block; margin-top: 10px;  }
.searchContainer .hot a:link,
.searchContainer .hot a:visited         {display: inline-block; padding:0 10px;  filter:alpha(opacity=70);opacity:0.7;zoom:1; }
.searchContainer .hot a:hover           {text-decoration: none; filter:alpha(opacity=100);opacity:1.0;zoom:1; }

#index                                {text-align: center;}
.introWrapper                         {width:960px; text-align: center; margin:20px 0; display: inline-block; white-space: normal; margin-top: -40px; letter-spacing: 10px;}
.introWrapper .introbox                    {width:400px; /*height:160px;*/ letter-spacing: normal;  white-space: nowrap;  background:#fff;  -webkit-box-shadow: #e3e3e3 5px 5px 0px; -moz-box-shadow: #e3e3e3 5px 5px 0px; box-shadow: #e3e3e3 5px 5px 0px; text-align: left; display: inline-block; vertical-align: top; overflow: hidden;  cursor: pointer; z-index: 9; min-height: 220px;}
.introWrapper .introbox .left              {display: inline-block; width:380px; white-space: normal;}
.introWrapper .introbox .left h2           {font-size:26px; font-size:2.6rem; font-weight:bold; border-left:10px solid #20303f; padding: 15px 0 0 15px;}
.introWrapper .introbox .left h2 span      {display: block; font-size:12px; font-size:1.2rem; font-weight: normal; margin:5px 0;}
.introWrapper .introbox .left p            {margin:25px; line-height: 180%;}
.introWrapper .introbox .right             {display: inline-block; white-space: normal; vertical-align: top; width: 380px;}
.introWrapper .introbox .right ul          {margin:25px; }
.introWrapper .introbox .right ul li       {line-height: 180%;}
.introWrapper .introbox .right ul li span  {}
.introWrapper .introbox.onhover            {-webkit-box-shadow: #ccc 0px 0px 30px; -moz-box-shadow: #ccc 0px 0px 30px; box-shadow: #ccc 0px 0px 30px; -webkit-box-shadow: #ccc 5px 5px 0px; -moz-box-shadow: #ccc 5px 5px 0px; box-shadow: #ccc 5px 5px 0px;  z-index: 99;}
.introWrapper .introbox.onclick            {opacity: 1!important; -webkit-box-shadow: #ccc 5px 5px 0px; -moz-box-shadow: #ccc 5px 5px 0px; box-shadow: #ccc 5px 5px 0px; }

#job.introbox .right                {margin:10px 20px; width: 320px; min-height: 170px;}
#job.introbox .right p              {line-height: 160%;}
#job.introbox .right b              {font-weight: bold; margin:10px 0; font-size: 15px; font-size:1.5rem; line-height: 160%;}
#job.introbox .right a.link-more    {margin:10px 0; display: inline-block; position: absolute; right: 0; bottom:0px;}

#job.introbox            {}
#service.introbox h2     {border-left:10px solid #1b71a2}


/*jp*/
.jp#job .job-intro							{background:#fff; padding:50px; box-sizing:border-box; border:1px solid #f1f1f1; background:#fff url("../images/job_bg_jp.jpg") no-repeat right top;}
.jp#job .job-intro .ct						{margin-right:300px; margin-bottom:50px;}
.jp#job .job-intro h1						{font-weight:bold;}
.jp#job .job-intro p							{line-height:200%; font-size:16px; margin:10px 0; }
.jp#job .job-intro p a						{background: url("../images/icon-tab-current-right.png") no-repeat left center; padding-left:15px; font-size:13px;}
.jp#job .job-intro .send-resume				{margin:50px auto; width:70%; text-align:center; padding:20px; border:0px solid #999;  -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius:2px;  border:3px solid #fc6;}
.jp#job .job-intro .send-resume p			{font-size:15px;}
.jp#job .job-intro .send-resume .button		{margin-top:20px}
.jp#job .job-intro .send-resume .button		{margin-top:20px}

/*jp*/
.en#job .job-intro							{background:#fff; padding:50px; box-sizing:border-box; border:1px solid #f1f1f1; background:#fff url("../images/job_bg_jp.jpg") no-repeat right top;}
.en#job .job-intro .ct						{margin-right:300px; margin-bottom:50px;}
.en#job .job-intro h1						{font-weight:bold;}
.en#job .job-intro p							{line-height:200%; font-size:16px; margin:10px 0; }
.en#job .job-intro p a						{background: url("../images/icon-tab-current-right.png") no-repeat left center; padding-left:15px; font-size:13px;}
.en#job .job-intro .send-resume				{margin:50px auto; width:70%; text-align:center; padding:20px; border:0px solid #999;  -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius:2px;  border:3px solid #fc6;}
.en#job .job-intro .send-resume p			{font-size:15px;}
.en#job .job-intro .send-resume .button		{margin-top:20px}
.en#job .job-intro .send-resume .button		{margin-top:20px}



.fixedContainer                     {width:960px; margin:70px auto 40px auto; text-align: left;}
.fixedContainer h1                  {font-size:26px; font-size:2.6rem; display: inline-block; margin-bottom: 10px;}
.fixedContainer .innerWrapper       {background: #fff; padding:20px;  -webkit-box-shadow: #e3e3e3 3px 3px 0px; -moz-box-shadow: #e3e3e3 3px 3px 0px; box-shadow: #e3e3e3 3px 3px 0px; border:1px solid #e3e3e3;}
.fixedContainer .sidebar            {width:220px; display: inline-block; vertical-align: top; /* background: url("../images/pane-shadow.png") no-repeat top right;*/ padding-top: 10px; }
.fixedContainer .mainPane           {width:720px; display: inline-block; vertical-align: top;}

#job_search_result .fixedContainer .sidebar   {background: url("../images/pane-shadow.png") no-repeat top right;}
#job_search_result .sidebar .block            {width:170px; margin: 0 10px 10px 10px;}
#job_search_result .sidebar .block .textInput {width:100%; }
#job_search_result .sidebar .block .button    {width:100%; padding:10px 0;}

#job_talent .fixedContainer .innerWrapper     {-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; border:none; background: transparent;}

.btitle             {width:46px; height:40px; font-size:16px; font-size:1.6rem; text-align: center; line-height: 120%; padding:12px 12px; background: #eee; display: inline-block; vertical-align: middle; letter-spacing: normal;}
.btitle.red         {background: #df3939; border:1px solid #df3939; color:#fff;}
.btitle.blue        {background: #1b71a2; border:1px solid #1b71a2; color:#fff;}
.btitle.border      {background: #fff; border:1px solid #333;}
.news-block         {width: 100%; letter-spacing: -4px; margin-bottom: 50px;}
.news-block p       {display: inline-block; margin:0 10px; font-size:15px; font-size:1.5rem; }
.quote-block        {width:100%; margin-bottom: 50px;}
.quote-block p      {display: inline-block; font-size:15px; font-size:1.5rem;  text-overflow:ellipsis; white-space:nowrap; overflow:hidden; max-width: 800px; padding:0px; padding-right: 80px;}
.quote-block p:before   {display: inline-block; content: ''; background: url("../images/icon-comma.png") no-repeat; width:30px; height:24px; margin:10px; }
.quote-block p:after   {display: inline-block; content: ''; background: url("../images/icon-comma.png") no-repeat right; width:30px; height:24px; margin:10px; position: absolute; bottom:-10px; right:-10px;}
.quote-block p a:link,
.quote-block p a:visited    {text-decoration: none; color:#333;}
.quote-block p a:hover      {text-decoration: underline;}
.quote-block p img          {position: absolute; bottom:3px;}

.en .news-block .btitle     {line-height: 260%;}
.ja .news-block .btitle     {font-size: 15px; line-height: 140%;}

.recommend-block        {width:100%; margin-top:80px; margin-bottom:100px;}
.recommend-block p      {display: inline-block; font-size:16px; font-size:1.6rem; /*text-overflow:ellipsis; white-space:nowrap; overflow:hidden;*/ max-width: 800px; padding:0px; padding-right: 40px; font-style: italic; }
.recommend-block span   {display: block; margin: 20px; text-align: right; position: absolute; right:100px;}
.recommend-block img    {height:80px; right:0; top:-20px; position: absolute; max-width:140px;}

.footer                                 {background:#20252b; width: 100%; text-align: center;}
.footer .inner                          {width: 960px; margin: auto; text-align: left; padding: 40px 0;}
.footer .inner .column                  {width:140px; height:140px; display: inline-block; border-right:1px solid #34393e; vertical-align: top; margin-right:10px;}
.footer .inner .column > a:link,
.footer .inner .column > a:visited        {display: inline-block; width: 100%; color:#ccc; text-decoration: none; padding: 5px; font-size:12px; font-size:1.2rem;}
.footer .inner .column > a:hover          {color:#fff;}
.footer .inner #footer-follow           {width:160px; margin: 0; border: 0; margin-left:20px;}
.footer .inner #footer-follow .title    {color:#ccc; margin-bottom: 10px;}
.footer .inner #footer-follow .button   {color:#fff;}

.social-icon            {display: inline-block!important; width:32px!important; margin:0!important; height:32px; padding: 0!important; background-image: url("../images/icon-social@2x.png"); background-repeat: no-repeat; background-size:32px; }
.social-icon:link,
.social-icon:visited    {}
.social-icon:hover      {}
.social-icon:active     {}

.mail-btn:link,
.mail-btn:visited       {width:150px!important; margin-top:10px; display: inline-block!important; background: #00a1cb url("../images/icon-social@2x.png") no-repeat 10px -98px!important; background-size:32px!important; text-indent:25px; padding:8px 0px!important; vertical-align: top; letter-spacing: 1px;}



#facebook               {background-position: 0 -64px; background-size:32px;  }
#in                     {background-position: 0 0px; background-size:32px; }
#youtube                {background-position: 0 -31px; background-size:32px; }

.copyright                  {width:100%; text-align:center;}
.copyright .inner           {width: 960px; margin:20px auto;  }
.copyright .left            {display: inline-block; vertical-align: middle;}
.copyright .left .title     {font-size: 12px; font-size: 1.2rem; color:#666;}
.copyright .left a          {display: inline-block; margin:10px;}
.copyright .left a img      {height:36px;}
.copyright p                {display: inline-block;  vertical-align: middle; font-size: 12px; font-size: 1.2rem; letter-spacing: 1px;}


.jobtab                 {margin-top:-30px;}
.tabs                   {letter-spacing: -4px; z-index: 9;}
.tabs li                {display: inline-block; letter-spacing:-4px;}
.tabs li a:link,
.tabs li a:visited      {display: inline-block; text-decoration: none; color:#666; padding:20px 25px; text-align: center; font-size:15px; font-size:1.5rem; background: #fff; border-right:1px solid #e3e3e3; letter-spacing: normal; }
.tabs li a:hover        {color:#000;}
.tabs li a:active       {}
.tabs li a.current      {background: #00bad6; color:#fff; border: 0;}
.tabs li a.current:after{display: inline-block; content: ''; background:url("../images/icon-tab-current.png") no-repeat center bottom; width: 14px; height: 9px; position: absolute; bottom:-8px; margin:auto; left:0; right:0;}
.tabPanes               {background: #fff; width: 100%;   -webkit-box-shadow: #e3e3e3 5px 5px 0px; -moz-box-shadow: #e3e3e3 5px 5px 0px; box-shadow: #e3e3e3 5px 5px 0px; }
.tabPanes .pane         {margin:20px; width: 95%; display: inline-block;}
.tabPanes .pane .link-more      {margin-top:5px; float: right; display: inline-block;}

.new    {background:#f66; color:#fff; display: inline-block; padding:3px 5px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; font-size:11px; font-size:1.1rem; position: absolute; margin: auto; left: 0; right: 0; width: 25px; top:-10px; letter-spacing: normal;}
.hot1    {background:#FFCC00; color:#fff; display: inline-block; padding:3px 5px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; font-size:11px; font-size:1.3rem; position: absolute; margin: auto; left: 0; right: 0; width: 25px; top:-10px; letter-spacing: normal;}

.pane dl            {display: inline-block; width: 100%; letter-spacing: -4px;}
.pane dt            {display: inline-block; width: 96%; letter-spacing: normal; padding:10px 0; font-weight: bold; border-bottom: 1px dotted #ccc; font-size: 15px; font-size: 1.5rem; }
.pane dd            {display: inline-block; width: 19%; letter-spacing: normal; padding:10px 0;  border-bottom: 1px dotted #ccc; }
.pane dd a:link,
.pane dd a:visited  {text-decoration: none;}
.pane dd a:hover    {text-decoration: underline;}

table               {width:100%;}
table thead td      {background:#e7e7e7; padding:5px; text-align: center; color:#666;}
table tbody th      {padding:5px; text-align:left; width: 40%; font-weight: normal; border-bottom: 1px solid #eee; }
table tbody td      {padding:8px 5px; border-bottom: 1px solid #eee; text-align: center;}
.jobtab table a         {font-size:15px; font-size:1.5rem; line-height:120%;}
#email-pane table tbody th      {text-align:right; width: 100px; }
#email-pane table tbody td      {padding:8px 5px; border-bottom: 1px solid #eee; text-align: left;}
#email-pane table tbody td .text-s      {width: 100px;}

.columnWrapper              {width: 100%; margin:40px 0; letter-spacing: 10px;}
.columnWrapper .box.left    {}
.columnWrapper .box.right   {}
.columnWrapper .box.right   {}
.box                        {width: 473px; background: #fff; display: inline-block; vertical-align: top;  -webkit-box-shadow: #e3e3e3 5px 5px 0px; -moz-box-shadow: #e3e3e3 5px 5px 0px; box-shadow: #e3e3e3 5px 5px 0px; letter-spacing: normal; min-height:146px;}
.wbox                       {}
.box .btitle                {margin:20px 0px 0 20px; vertical-align: top;}
.box .ct                    {margin:10px 10px; display: inline-block; width: 340px;}
.box .ct ul                 {margin-left: 20px;}
.box .ct ul li              {list-style: disc outside; margin: 6px 0;}
.box .ct ul li a:link,
.box .ct ul li a:visited    {line-height: 140%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.box .ct ul li a:hover      {}
.box .ct ul li a.title      {margin-left: 10px; display: block; white-space:normal;}
.box .ct ul li label        {margin-left: 10px; display: inline-block;}
.box .ct ul.nodisc          {margin:0;}
.box .ct ul.nodisc li       {list-style: none;}

.bluebox                      {background:#1b71a2; }
.bluebox .btitle              {background:transparent; border:1px solid #4997C0; color:#fff!important; }
.bluebox .ct                  {color:#fff; margin-top:20px; margin-left: 20px;}
.bluebox .ct .title           {color:#fff; font-size:18px; font-size:1.8rem; line-height: 140%;}
.bluebox .ct p                {color:#fff; font-size: 12px; font-size:1.2rem; line-height: 160%; margin:10px 0;}
.bluebox .ct a:link,
.bluebox .ct a:visited        {color:#fff;}
.bluebox .link-more           {color:#fff; border:1px solid #ccc;}
.bluebox .link-more:hover     {border:1px solid #fff;}
.deepbox                      {background:#20303f;}
.deepbox .btitle              {background:transparent; border:1px solid #44596A; color:#fff!important; }
.deepbox .ct                  {color:#fff; margin-top:20px; margin-left: 20px;}
.deepbox .ct .title           {color:#fff; font-size:18px; font-size:1.8rem; line-height: 140%;}
.deepbox .ct p                {color:#fff; font-size: 12px; font-size:1.2rem; line-height: 160%; margin:10px 0;}
.deepbox a:link,
.deepbox a:visited              {color:#fff;}
.gbox                           {background:#333;}
.gbox .btitle                   {background:transparent; border:1px solid #666; color:#fff!important;}
.gbox .ct                       {color:#fff; margin-top:20px; margin-left: 20px;}
.gbox .ct .title                {color:#fff; font-size:18px; font-size:1.8rem; line-height: 140%;}
.gbox .ct p,
.gbox .ct pre                     {color:#fff; font-size: 12px; font-size:1.2rem; line-height: 160%; margin:10px 0; white-space: normal;}
.gbox a:link,
.gbox a:visited                 {color:#fff;}

.three.columnWrapper             {letter-spacing: 26px;}
.three.columnWrapper .box.left   {margin-right:0px;}
.three.columnWrapper .box        {width:300px; min-height: 168px;}
.three.columnWrapper .box .ct    {width: 170px;}

.columnWrapper .box .link-more      {position: absolute; right:5px; bottom:5px;}



.section            {text-align: center;}
.section h2         {font-size:24px; font-size:2.4rem; margin-bottom: 20px; letter-spacing: normal!Important;}

#recommend-jod                  { letter-spacing: 8px;}
#recommend-jod .block           {width: 230px; height: 170px; display: inline-block; overflow: hidden; letter-spacing: normal;}
#recommend-jod .block a:link,
#recommend-jod .block a:visited {display:inline-block;}
#recommend-jod .block a:hover   {}
#recommend-jod .block div       {background: url("../images/tooltipBg.png"); position: absolute; bottom:-60px; width: 100%; text-align: center; padding:10px 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s;  }
#recommend-jod .block .title    {color:#FFF; font-size:16px; font-size:1.6rem; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
#recommend-jod .block p         {color:#fff; margin:20px 10px 10px 10px; line-height: 140%; text-align: left; display:inline-block; height:32px; width:88%; text-overflow:ellipsis;  overflow:hidden;}
#recommend-jod .block a:hover div   {bottom:0; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s;  }

.sectionMsg                 {width: 100%; background: #ffc; background: #666; padding:30px 0;}
.sectionMsg .inner          {width:960px; margin:auto;}
.sectionMsg .inner p        {font-size:16px; font-size:1.6rem; display: inline-block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:800px; vertical-align: middle; color:#fff; font-weight: bold;}
.sectionMsg .inner .button  {display: inline-block; background:#e54028 url("../images/icon-arrow@2x.png") no-repeat right 15px center; background-size:9px 15px; padding-right: 40px; font-size:16px; font-size:1.6rem;}



/*featureList*/
#slider 						{width:960px; height: 360px; overflow: hidden; position: relative; margin-top:70px;}
#slider ul 						{position: absolute; top: 0; list-style: none; padding: 0; margin: 0;}
#slider ul#tabs 				{left:0; z-index: 2; width: 340px; background:#fff;}
#slider ul#tabs li 				{font-size: 12px; }
#slider ul#tabs li a 			{color: #222; text-decoration: none; display: block; padding: 10px; height: 51px; outline: none; border-bottom:1px solid #eee;}
#slider ul#tabs li a h3			{font-size:15.5px; color:#333; margin-right:35px; line-height: 120%; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } 
#slider ul#tabs li a span 		{color:#999; margin: 5px 0; display: inline-block;}
#slider ul#tabs li a:hover		{background:#ddd; }
#slider ul#tabs li a.current	{background:#333 url("../images/icon_right_arrow.png") no-repeat 300px;}
#slider ul#tabs li a.current h3,
#slider ul#tabs li a.current span {color:#fff; }
#slider ul#tabs li a.current:hover{text-decoration: none; cursor: default; }
#slider ul#output 				  {right: 0; float:right; width: 620px; height: 360px; position: relative;}
#slider ul#output li 			  {position: absolute; width: 620px; height: 360px;}
#slider ul#output li a 			  {}
#slider ul#output li a:hover 	  {filter:alpha(opacity=80);opacity:0.8;zoom:1;}

#training_index		{display:none;}
#service_index		{display:none!important;}

#courses            {letter-spacing: 25px; margin-top: 50px; border-bottom: 1px solid #ccc; padding-bottom: 30px;}
.course             {width:300px; letter-spacing: -4px; background: #fff; display: inline-block; -webkit-box-shadow: #e3e3e3 5px 5px 0px; -moz-box-shadow: #e3e3e3 5px 5px 0px; box-shadow: #e3e3e3 5px 5px 0px; margin-bottom: 20px;}
.course .thumb      {width:150px; height: 156px; display: inline-block; letter-spacing:normal;}
.course.ad .thumb      {height: 120px;}
.course .ct         {width:150px; display: inline-block; letter-spacing:normal; vertical-align: top; padding:10px 0; text-align: left; height:135px;}
.course .ct .tag    {color:#fff; background: #f33; padding:2px 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 5px; margin-left: 10px;  display: inline-block;}
.course .ct .name   {font-size:18px; font-size:1.8rem; margin-left: 10px; line-height: 140%; max-height:70px; display:block; overflow:hidden;}
.course .ct .date   {margin:5px 10px 0 10px; position: absolute; left:0px; bottom:20px; }
.course .ct .region {position: absolute; left:10px; bottom:0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; max-width:140px; }
.course.ad          {vertical-align: top;}
.course.ad .thumb   {width:100%; margin-top: 5px;}
.course.ad .ct      {width:100%; height: auto; padding: 5px 0;}
.course.ad .ct .name   {font-size:18px; font-size:1.8rem; margin-left: 10px; line-height: 140%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.course.ad .ct .date   {margin:5px 10px 0 10px;}
.course.ad .ct .region {position: absolute; left:inherit; right:10px; bottom:10px; }

#teacher.section        {text-align: left;}
.tbox                   {background: #fff; padding:20px; text-align: left; width:590px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius:10px; display: inline-block;}
.tbox h3                {font-size: 20px; font-size:2.0rem; font-weight: bold;}
.tbox h4                {font-size: 16px; font-size:1.6rem; margin:10px 0;}
.tbox p                 {line-height: 160%;}
.tbox a:link,
.tbox a:visited         {position: absolute; right:10px; top:10px; font-size: 16px; font-size:1.6rem;}
.tbox.first             {}
.last                   {display: inline-block; margin-left: 60px; top:20px;}

#job_search_result .fixedContainer,
#job_new .fixedContainer,
#job_talent .fixedContainer,
#job_victory .fixedContainer        {margin-top:40px;}
#job_search_result .innerWrapper    {padding:0;}
#job_new .fixedContainer .mainPane  {width: 100%;}

.pagehead                           {width:100%; margin:20px 0px; display: inline-block;}
.pagehead .filter-wrapper           {display: inline-block; width: 717px; border-bottom: 1px dotted #ccc; padding-bottom:5px; }
.pagehead .filter-wrapper .title    {margin-bottom: 10px;}
.pagehead .filter-wrapper .inner                    {width:560px; margin-right: 20px; display: inline-block; }
.pagehead .filter-wrapper .right                    {vertical-align: top; display: inline-block; background: #fff; width: 100px; text-align: right; float: right;}
.pagehead a.fitem            {display: inline-block; border:1px solid #B9C88A; padding:5px 5px; text-decoration: none; color:#000; background: #ECF0DE url("../images/icon_delete.png") no-repeat right 5px center; padding-right: 20px; background-size:9px; margin-bottom: 5px;  -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
.pagehead a.fitem label      {}
.pagehead a.fitem:hover      {border:1px solid #ccc; background:transparent url("../images/icon_delete.png") no-repeat right 5px center; background-size:9px; }
.pagehead a.fitem:active     {top:1px;}
.pagehead a.selectStyle      {padding:6px 30px 6px 10px; width: auto; text-align: left;}

.history-list               {border:1px solid #333; background: #fff; width: 300px; text-align: left; padding:10px; position: absolute; right:0; top:30px; z-index: 99; overflow: hidden;  -webkit-box-shadow: #e3e3e3 5px 5px 0px; -moz-box-shadow: #e3e3e3 5px 5px 0px; box-shadow: #e3e3e3 5px 5px 0px; display: none;}
.history-list .title        {font-size:16px; font-size:1.6rem;}
.history-list .close:link,
.history-list .close:visited    {display: inline-block; width: 14px; height:14px; background: url("../images/icon_delete.png") no-repeat; position: absolute; right:10px; top:10px;}
.history-list .close:active     {top:11px;}
.history-list ul            {}
.history-list ul li         {}
.history-list ul li a:link,
.history-list ul li a:visited   {display: inline-block; border:1px solid #ccc; padding:5px 5px; text-decoration: none; color:#000; background: #f3f3f3; margin-bottom: 5px;  -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; line-height: 120%; background: #eee; white-space: nowrap; max-width: 260px;   text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.history-list ul li a:hover     {background: #f7f7f7;}
.history-list ul li a:active    {}

.mainPane                             {background: #fff;}
.mainPane .tools                      {display: inline-block; float:right; margin-right:2px; margin-top:-40px; margin-bottom:10px;}
.mainPane .tools ul                   {}
.mainPane .tools ul li                {display:inline-block; margin-left: 10px;}
.mainPane .tools ul li .button        {padding:7px 12px;}
.mainPane .tools ul li .button img    {vertical-align: middle; margin-right: 5px; width: 17px; top:-1px;}
#job_search_result .mainPane .tools   {float:none;}
#job_new .mainPane .tools             {float:none;}
.mainPane .tools.floatLeft		{float:left; margin:0 5px 5px 0;}
.mainPane .tools.floatLeft li		{margin:0;}

.resultTabs                 {display: inline-block;}
.resultTabs ul              {}
.resultTabs ul li           {}
.resultTabs ul li a:link,
.resultTabs ul li a:visited {border:1px solid #ccc; padding: 10px 25px;}
.resultTabs ul li a:hover   {}
.resultTabs ul li a.current {border:1px solid #00BAD6;}
.resultPanes                {display: inline-block; width: 100%;}
.resultPanes .pane          {display: inline-block; width: 100%;}

.resultPanes table               {}
.resultPanes table thead         {}
.resultPanes table thead th      {background:#20303F; color:#ccc;  font-size:13px; font-weight:normal; text-align: center;}
.resultPanes table tbody th      {width: auto; text-align: center;}
.resultPanes table thead td      {background:#20303F; color:#ccc; font-size:13px;}
.resultPanes table tbody td      {text-align: left; font-size:13px;}
.resultPanes table .job_name:link,
.resultPanes table .job_name:visited    {font-size:15px; line-height: 120%;}
.resultPanes table .name:link,
.resultPanes table .name:visited        {font-size:15px; line-height: 120%;}

.history-wrapper                  {width:100%;}
.history-wrapper .item            {width:100%;}
.history-wrapper .item .year      {font-size:18px; font-size:1.8rem; display: inline-block; margin:10px 20px; font-family:Cambria; width:30px;}
.history-wrapper .item .ct        {display: inline-block; vertical-align: top; padding:12px 20px; border-left:1px solid #ccc; max-width: 790px;}
.history-wrapper .item .ct:before {display: inline-block; width:6px; height:6px; position: absolute; left:-4px; top:15px; border:1px solid #999; background: #fff; content:''; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;  }
.history-wrapper .item p          {font-size:15px; font-size:1.5rem; line-height:140%;}
.history-wrapper .item img        {}
.history-wrapper .item p a:link,
.history-wrapper .item p a:visited	{display:inline-block; padding:4px 5px; background:#00BAD6; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-left:5px;}
.history-wrapper .item p a:hover		{background:#00A8C2;}

#about_news                     {}
#about_news .news-wrapper       {width: 670px; margin-right: 20px; display: inline-block;}
#about_news .sidebar            {position: absolute; width:225px; display: inline-block; padding-top: 0;}
#about_news .sidebar a          {display: inline-block; margin-bottom: 10px;}

#job_victory                     {}
#job_victory .news-wrapper       {width: 670px; margin-right: 20px; display: inline-block;}
#job_victory .sidebar            {position: absolute; width:225px; display: inline-block; padding-top: 0;}
#job_victory .sidebar a          {display: inline-block; margin-bottom: 10px;}

.news-wrapper .headtop          {padding-bottom: 20px;}
.news-wrapper .headtop select   {}
.news-wrapper .item             {width:100%; border-bottom: 1px dotted #ccc; padding-bottom: 10px; padding-top: 15px;min-height: 50px;}
.news-wrapper .item .date       {display: inline-block; width:100px; vertical-align: top; padding:3px 0; letter-spacing: 1px;}
.news-wrapper .item .tag        {position: absolute; color:#666; padding:3px 5px; display:inline-block; bordeR:1px solid #999;  left:0; top:40px; font-size:12px; font-size:1.2rem;}
.news-wrapper .item .ct         {display: inline-block; width:560px;}
.news-wrapper .item p           {line-height: 140%; margin:5px 0; font-size: 12px; font-size:1.2rem; color:#999; letter-spacing: 1px;}
.news-wrapper .item a:link,
.news-wrapper .item a:visited   {font-size:15px; font-size:1.5rem; line-height: 140%;}
.news-wrapper .item a:hover     {}
.en .news-wrapper .item .tag    {padding:3px 2px;}

#training_km                     		{}
#training_km .news-wrapper     {width: 670px; margin-right: 20px; display: inline-block;}
#training_km .sidebar            	{position: absolute; width:225px; display: inline-block; padding-top: 0;}
#training_km .sidebar a          	{display: inline-block; margin-bottom: 10px;}
#training_km .news-wrapper .item .tag {display: inline-block; vertical-align: top; margin-right:10px; position:relative; top:inherit;}

.article            	{}
.article .akv           {width: 100%; max-height:160px; overflow: hidden; margin-bottom: 20px;}
.article .akv img       {width: 100%;}
.article h1         	{font-size:24px; font-size:2.4rem; clear:both; display:block;}
.article p         	{ font-size:15px; font-size:1.5rem; font-family:Arial,"微軟正黑體", "新細明體"; color:#333;}
.article .editer    {margin-top:50px;   margin-bottom: 50px; width:100%;overflow: auto; overflow-y:hidden; -webkit-overflow-scrolling: touch;}
.article .editer p  {line-height: 160%; color:#333;}
.article .editer img{margin:20px 0;}
.article .content       {margin-top:30px;   margin-bottom: 30px;}
.article .content h2    {font-size: 16px; font-size:1.6rem; font-weight:bold; margin:30px 0 10px 0; color:#333; font-family:Arial,"微軟正黑體","新細明體";}
.article .content h3    {font-size: 15px; font-size:1.5rem; margin:30px 0 10px 0; color:#00a1cb;;}
.article .content p     {line-height: 180%; margin-bottom: 20px;}
.article .content p b   {font-weight:bold;}
.article .content ul    {margin:20px 20px 20px 20px!important;}
.article .content li   	{font-size:15px; margin:10px; list-style:disc;  font-family:Arial,"微軟正黑體","新細明體"; color:#333; line-height: 140%;}
.article .content p em  {color:#f66;}
.article .content .ct_indent  {width:65%;}
.article .content ol    {padding-left:30px;}
.article .content ol li {list-style: decimal outside; }
.article iframe,	
.article embed,
.article object 		{max-width: 100%;}


table.atable			{margin:20px 0; border-left:1px solid #ccc; border-top:1px solid #ccc; }
table.atable th			{padding:3px 5px; font-size:15px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; background:#f7f7f7; font-weight:bold; text-align: center; width: auto;  line-height:160%; }
table.atable td			{padding:3px 5px; font-size:15px; line-height:160%; border-bottom:1px solid #ccc; border-right:1px solid #ccc; text-align: left;}
table.atable td span	{display:block; font-size:13px; margin:10px 0; color:#666}
table.atable thead th,
table.atable thead td	{background:#9AC238; color:#fff; padding:5px 5px; text-align:center; border:0px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; font-size:13px; line-height: 120%; }
table.atable thead th	{background:#447C76; color:#fff; border-bottom:1px solid #ccc; border-right:1px solid #ccc;line-height: 120%;  }
#laws_healthy table.atable th	{white-space: nowrap;}


.inner_sidebar        {width:240px; padding-left: 30px; padding:20px; background: #f3f3f3;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position: absolute;  right:0; top:0;}
.inner_sidebar h3     {font-size: 1.8rem; color: #00BAD6; margin:0 0 20px 0!important;}
.inner_sidebar .name  {font-size:18px; font-weight: bold; font-size:1.6rem; margin:10px 0;}
.inner_sidebar p      {line-height: 180%; font-size:12px; color:#666; text-align: left; margin:5px 0!important;}
.inner_sidebar .button  {width:81%; letter-spacing: 0.5em;}
.en .inner_sidebar .button  {letter-spacing: 0.2em;}

.shareTools           {position: absolute; right:0;}
.share-btn:link,
.share-btn:visited    {display: inline-block; padding: 0!important; width: 22px; height:22px;  margin-right:2px; background-image: url("../images/social-icon@4x.png"); background-repeat: no-repeat;}
.share-btn:hover      {top:-1px;}
.share-btn:active     {top:0px;}
.share-btn#mail       {background-position: 0 0 ; background-size: 22px; }
.share-btn#facebook   {background-position: 0 -22px ; background-size: 22px;}
.share-btn#line       {background-position: 0 -44px; background-size: 22px; }
.share-btn#linkin     {background-position: 0 -66px; background-size: 22px; }
.share-btn#weibo      {background-position: 0 -88px; background-size: 22px; }
.share-btn#wechat     {background-position: 0 -110px; background-size: 22px;}

#wechatDiv            {position:relative; right:0; top:10px; background:#fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 0px 5px rgba(1, 1, 1, 0.2); -moz-box-shadow: 0px 0px 5px rgba(1, 1, 1, 0.2); box-shadow: 0px 0px 5px rgba(1, 1, 1, 0.2); z-index: 999; text-align: center; }
#wechatDiv canvas     {padding:15px;}
#wechatDiv img        {}
#wechatDiv .delete-btn{position: absolute; right: 2px; top:2px;}


.kmTabs                     {width:100%; text-align: center; margin-bottom: 40px;}
.kmTabs ul                  {}
.kmTabs ul li               {display: inline-block; margin:0 10px;}
.kmTabs ul li a:link,
.kmTabs ul li a:visited     {display: inline-block; font-size:18px; font-size:1.8rem; text-decoration: none; border:1px solid #666; padding:8px 15px; color:#333; }
.kmTabs ul li a:hover       {border: 1px solid #00BAD6; color:#00BAD6;}
.kmTabs ul li a:active      {top:1px;}
.kmTabs ul li.current a:link,
.kmTabs ul li.current a:visited {background:#00BAD6; color: #fff; border: 1px solid #00BAD6; }
.kmTabs ul li.current a:after   {display: inline-block; content: ''; background:url("../images/icon-tab-current.png") no-repeat center bottom; width: 14px; height: 9px; position: absolute; bottom:-8px; margin:auto; left:0; right:0;}

.kmPanes                    {width:100%; letter-spacing: 32px;}
.km-item                    {width:280px; display: inline-block; letter-spacing: normal; vertical-align: top; margin-bottom: 40px;}
.km-item .thumb             {width: 100%; height: 120px; overflow: hidden;}
.km-item .thumb img         {width: 100%;}
.km-item .thumb a:hover     {width: 100%;  filter:alpha(opacity=80);opacity:0.8;zoom:1;}
.km-item .tag               {display: inline-block; color:#fff; position: absolute; padding:3px 5px; color:#fff; background: #20303F; right:5px; top:5px; z-index: 9;}
.km-item .title             {}
.km-item .title a:link,
.km-item .title a:visited   {font-size:15px; font-size:1.5rem; padding:10px 0 5px 0;; display: inline-block; text-decoration: none;}
.km-item .title a:hover     {}
.km-item p                  {line-height: 140%;}

.teach_banner               {width:100%; height: 190px;  background:#eee; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin: auto; margin-top: 50px;}
.teach_banner .thumb        {display:inline-block; margin:0px 0 0 50px; bottom:-10px; height: 140px; width:140px; position: absolute; left:0; -webkit-border-radius: 220px; -moz-border-radius: 220px; border-radius: 220px; overflow: hidden; background: #fff;}
.teach_banner img           {}
.teach_banner div           {width:450px; width:66%; position: absolute; right:20px; top:20px; }
.teach_banner p             {font-size:15px; font-size:1.5rem; display:block; line-height: 160%; font-style: italic!important; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;  max-height:100px;}
/*
.teach_banner p::after {
    content:"...";
    font-weight:bold;
    position:absolute;
    bottom:0;
    right:0;
    padding:0 20px 1px 45px;
    background:url(../images/ellipsis_bg.png) repeat-y;
}
*/
.teach_banner span          {display:block; text-align:left; margin-top: 10px;}
.teach_banner .button       {position: absolute; right:20px; bottom:10px;}
.teach_banner .button:active{top:inherit; bottom:9px;}
.teachWrapper               {width:80%; width:100%; margin: auto; margin-top: 30px; text-align: center;}
.teachWrapper h1            {margin:20px 0;}
.teachWrapper p             {line-height: 200%; width: 80%; margin: auto;}
.teachWrapper .column       {width:45%; display: inline-block; vertical-align: top; margin-top: 50px; margin-right: 40px; padding-bottom: 50px; text-align: left;}
.teachWrapper .column#pay   {margin-right:0; margin-left: 0; vertical-align: top;}
.teachWrapper .column h3    {font-size:16px; }
.teachWrapper .column p     {margin:10px 0 30px 0;}
.teachWrapper .column ol    {list-style: decimal outside; margin-left: 20px;}
.teachWrapper .column li    {margin:10px 0; line-height: 160%;}
.teachWrapper .teachBox          {padding:20px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; text-align: center; vertical-align: top; margin-bottom: 20px; height: 200px;}
.teachWrapper .teachBox .title   {font-size:22px; font-size:2.2rem; font-weight:bold; margin-bottom: 10px; color:#fff; }
.teachWrapper .teachBox p        {text-align: left; margin: 10px 0; color:#666; line-height: 180%; width: 100%}
.teachWrapper #free .teachBox    {background: #B5D066; }
.teachWrapper #free .teachBox p  {color:#000;}
.teachWrapper #pay .teachBox     {background: #20303F; }
.teachWrapper #pay .teachBox p   {color:#eee;}

.teachWrapper .teachBox .button  			{padding:10px 0; width:160px; position: absolute;  left:0; right:0; margin:auto; top:inherit; bottom:10px;}
.teachWrapper .teachBox .button:active  	{bottom:9px!important;}
#free .teachBox .button 					{background:#fff;}


.courseTabs                     {width:100%; text-align: center; margin-bottom: 40px;}
.courseTabs ul                  {}
.courseTabs ul li               {display: inline-block; margin:0 10px;}
.courseTabs ul li a:link,
.courseTabs ul li a:visited     {display: inline-block; font-size:18px; font-size:1.8rem; text-decoration: none; border:1px solid #666; padding:8px 15px; color:#333; }
.courseTabs ul li a:hover       {border: 1px solid #00BAD6; color:#00BAD6;}
.courseTabs ul li a:active      {top:1px;}
.courseTabs ul li.current a:link,
.courseTabs ul li.current a:visited {background:#00BAD6; color: #fff; border: 1px solid #00BAD6; }
.courseTabs ul li.current a:after   {display: inline-block; content: ''; background:url("../images/icon-tab-current.png") no-repeat center bottom; width: 14px; height: 9px; position: absolute; bottom:-8px; margin:auto; left:0; right:0;}
.coursePanes                    {width:100%; letter-spacing: 2px;}
.coursePanes .pane              {margin-bottom: 30px;}
.coursePanes .course            {-moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; border:1px solid #eee;  vertical-align: top;}
.coursePanes h2                 {font-size:18px; font-size:1.8rem; text-align: center; margin-bottom: 20px; font-weight: bold; letter-spacing: normal; font-family:Arial, "微軟正黑體";}
.pageBot                        {text-align: center; padding: 10px 0; padding-top:40px;}
.pageBot  .button               {}

.course-tag      			{display:block; color:#fff; padding:5px; color:#fff; background:#333; float:left; margin-top: -5px; clear:both;}


#course-detail                  {}
#course-detail h1               {font-size:26px; font-size:2.6rem;}
#course-detail .content         {margin-top:40px; border-bottom: 1px dotted #ccc; padding-bottom: 20px;}
#course-detail .content p       {font-size: 15px;  color:#333;}
#course-detail .column          {width: 45%; display: inline-block; vertical-align: top; margin-top: 30px;}
#course-detail .column.infor    {}
#course-detail .column h3       {font-size:18px; font-size:1.8rem; color:#00BAD6; }
#course-detail .column h3:before{display: inline-block; width: 6px; height:6px;  content: ''; margin-right: 5px;  -webkit-border-radius: 30px; -moz-border-radius:30px; border-radius: 30px; border:3px solid #00BAD6;}
#course-detail .column p        {font-size:15px; font-size:1.5rem; margin:10px 0; line-height: 160%;}
#course-detail .column .infor-item       {margin-bottom: 20px;}
#course-detail .column.teacher           {width:400px; padding-left: 30px; padding:20px; background: #f3f3f3;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position: absolute;  right:0; vertical-align: top;}
#course-detail .column.teacher h3:before {display: none;}
#course-detail .column.teacher .thumb    {width:140px; height:140px; display: inline-block; overflow: hidden; -webkit-border-radius:100px; -moz-border-radius:100px; border-radius: 100px; text-align: center; margin: 20px 0; vertical-align: top;}
#course-detail .column.teacher .thumb img{width:100%;}
#course-detail .column.teacher .ct       {display: inline-block; width:220px; text-align: left; margin-left: 20px;}
#course-detail .column.teacher .name     {font-size:18px; font-weight: bold; font-size:1.6rem; margin:10px 0; }
#course-detail .column.teacher p         {line-height: 180%; font-size:12px; color:#666; text-align: left;}
#course-detail .column.place       {width: 100%; margin-top: 0;}
#course-detail .place-item         {width: 100%;}
#course-detail .place-item h4      {font-size:16px; font-weight: bold; margin-top:20px; display: inline-block; border-right:1px solid #333; padding-right: 10px; margin-right:10px; }
#course-detail .place-item p       {display: inline-block;}
#course-detail .link-map           {display: inline-block; padding:2px 5px; margin-left: 10px;}
#training_course_detail .pageBot            {border-top:1px dotted #ccc; margin-top: 30px; padding-top: 30px;}
#training_course_detail .pageBot .button    {font-size: 16px; letter-spacing: 5px; padding:15px 40px;}

#course-report,
#course-feedbacks		{width:100%; border-top:1px dotted #ccc; padding-top:30px; margin-top:20px;}
#course-report .pageBot,
#course-feedbacks .pageBot{padding-top:20px;}
#course-report h1,
#course-feedbacks h1		{margin:auto; display:inline-block; text-align:center; width:100%; margin-bottom:30px; color:#00BAD6; font-weight:bold;}
#course-report .ck		{}
#course-report .ck p		{line-height:160%;}

.download			        {margin:20px 0; background:#f3f3f3; padding:10px 20px;}
.download .title	        {font-size:16px; font-weight:bold;}
.download ul	            {margin-left:5px; margin-top:10px;}
.download ul li	            {margin:5px 0;}
.download ul li a:link,
.download ul li a:visited	{background:url("../images/icon-doc.png") no-repeat left; text-indent:20px; display:inline-block; padding:5px 0;}
.download ul li a:hover		{}

#course-feedbacks 			{}
#course-feedbacks .fitem		{margin-bottom:20px; width:100%;}
#course-feedbacks .fitem p	{font-size:15px;line-height:160%; display:inline-block; width:100%; font-weight:normal; vertical-align:top; margin-top:10px;}
#course-feedbacks .fitem .name	{font-size:13px; font-size:1.3rem; line-height:140%; color:#000; font-weight:normal;}
#course-feedbacks .fitem .name b	{font-weight:bold; font-size:18px; font-size:1.8rem; }
#course-feedbacks .fitem .classroom	{font-size:12px; font-size:1.2rem; line-height:180%; position:relative; right:0; font-weight:normal; color:#000; position:absolute; top:-3px; border:1px solid #ccc; padding:1px 5px; display:inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#course-feedbacks .fitem .infor		{display:inline-block; width:100%; vertical-align:top; margin-top:5px;}
#course-feedbacks .fitem .infor img	{width:80px;}
#course-feedbacks ol				{}
#course-feedbacks ol li			{list-style:decimal inside; font-size:28px; font-size:2.8rem; font-weight:bold; vertical-align:top; color:#00BAD6;}

.course_form                    {}
.course_form .infor             {margin-bottom: 30px; padding:10px 30px; background: #ffc; border:1px dotted #C7BF52;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.course_form .infor p           {margin: 10px 0; font-size: 16px; letter-spacing:1px;}
.course_form .infor p label     {}
.course_form h2                 {font-size:20px; font-size:2.0rem; margin-left: 20px; margin-bottom: 20px;}
.course_form .akv               {width: 100%; max-height:160px; overflow: hidden; margin-bottom: 20px;}
.course_form .akv img           {width: 100%;}
.course_form li .text-s   {width:100px!important; display: inline-block!important; vertical-align:top;}
.course_form li img       {display: inline-block; height: 30px; margin:0 10px;}
.course_form li a         {display: inline-block; vertical-align:top; font-size:12px;}

.form              {margin:20px;}
.form p		       {line-height:160%; font-size:15px; font-size:1.5rem; margin-bottom:10px;}
.form ul           {}
.form ul li        {line-height: 120%; font-size:15px; margin: 10px 0; }
.form ul li label  {display: inline-block; text-align: right; width:160px;}
.form ul li label b  {color:#ff3333}
.form ul li select             {}
.form ul li textarea           	{display:block; width: 500px; max-width:500px; border: 1px solid #333; height: 60px; margin:5px 0 20px 0;}
.form ul li .textInput          {margin-left:10px; top:1px; position:relative;}
.form ul li label.checkbox     {width: auto!important; font-size:13px; font-size:1.3rem;}
.form ul li label.checkbox input     {top:2px; position:relative;}
.form .pageBot           {margin-top: 20px; border-top:1px dotted #ccc; padding-top: 30px;}
.form .pageBot .button   {margin: 0 20px;}
.form .note				{display:inline-block; background:#ffc; border:1px solid #E4E463; padding:4px 6px;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:13px; font-size:1.3rem;}
.form label.radio-label {width: auto;}
.form li em				{text-align:left; font-size:13px; top:-5px; margin-left:10px;}
.form p.indent          {margin-left:135px; margin-top: 5px; font-size: 12px; color:#666; text-align: left; }
.form .col-2            {display: inline; letter-spacing: 0;}
.form .col-2 select,
.form .col-2 .textInput {width:20%; margin-bottom: 10px;}
.form .col-2 .col-1             {display: inline-block;}
.form .col-2 .col-1 .textInput  {width:100%;  margin-left: 145px; width: 270px;}


.form_center            {margin:auto; text-align: center; padding-top:30px;  background-color: #f7f7f7; padding-bottom: 30px;}
.form_center h2         {font-size:22px; font-size:2.2rem; margin-bottom: 20px; font-weight:bold;}
.form_center p          {}
.form_center ul         {margin-top:30px;}
.form_center ul li      {}

.form_center ul				     {width:450px; margin:20px auto; left:-50px;}
.form_center ul li				{text-align:left; margin:10px 0;}
.form_center ul li label		{display:inline-block; width:120px; margin-right:20px; text-align:right; font-size:15px; vertical-align: middle; /*font-family:Cambria, "新細明體";*/}
.form_center ul li label b		{color:#ff3333; font-family:Arial;}
.form_center ul li .textInput	{width:270px; margin:0;}
.form_center ul li .label-radio	{width:auto!important; padding:5px;}
.form_center ul li .label-checkbox		{width:auto!important; text-align:center; font-size:13px; margin-left:125px; padding:5px;}
.form_center ul li .label-checkbox input	{top:2px; position:relative;}
.form_center ul li select		{width:272px; height: 28px; }
.form_center ul li .button		{margin:10px 0; margin-left:140px; width:270px; font-size:16px; overflow:hidden;  padding: 10px 0px;}
.form_center ul li p			 {margin-left:100px; text-align:center;}
.form_center li .controls        {display: inline-block; margin-left:5px; margin-left:0px; width: 300px; vertical-align: middle;}
.form_center li .controls select {display: inline-block; width: auto;}
.form_center li .controls .checkbox.inline  {display: inline-block; width:120px!important; padding:5px 0; text-align: left;}
.form_center li .controls .checkbox         {display: block;  padding:5px 0; text-align: left;}
.form_center li .controls .textInput        {width:200px;}
.form_center li.li_checkbox        {margin-left: 180px;  text-indent: -20px; line-height: 150%;}
.form_center li.li_checkbox label  {text-align: left;}
.form_center li.li_checkbox label.error  {margin-top:20px; margin: 0; right: -120px;}
.form_center ul				     {width:450px; margin:20px auto; left:-50px;}
#register .form_center li .text-5  {width: 80px!important;}
#register .form_center li .text-6  {width: 200px!important;}
#register .form_center ul		     {width:600px;}
.form label.error           {}
#contactForm label.error    {right: -60px!important;}

.coaching_form                                    {}
.coaching_form .control-group                     {}
.coaching_form .control-group .controls           {margin:auto; width:500px; text-align: left;}
.coaching_form .control-group .controls label     {width: 100%; display: inline-block; padding:5px 0;}
.coaching_form .control-group .controls label b   {font-size:16px; width: 80px; display: inline-block;}
.coaching_form .note                              {padding-top: 10px; margin-bottom: 20px; width:480px; }
.coaching_form .note p                            {font-size:13px;}
.coaching_form li                                 {}
.coaching_form li label                           {vertical-align: top!important}
.coaching_form li textarea                        {width:270px!important; display: inline-block!important; margin-left:10px!important; margin-bottom:0!important;}
.coaching_form li input[type="file"]              {margin-left:10px;}
.coaching_form li .text-s   {width:100px!important; display: inline-block!important; vertical-align:top;}
.coaching_form li img       {display: inline-block; height: 30px; margin:0 10px;}
.coaching_form li a         {display: inline-block;  vertical-align:top; font-size:12px;}

#contact .form ul  		{margin-top:20px; display:inline-block;}
#contact .form  select		{margin-left:5px;}
#contact .form  textarea	{display:inline-block; vertical-align:middle; margin:0 0 0 10px;}
#contact label.checkbox	{display:inline-block; margin-right:10px;}
#contact .form .note		{ margin:10px 0 0 170px; min-width: 250px;}
#contact .form li .text-s   {width:100px!important; display: inline-block!important; vertical-align:top;}
#contact .form li img       {display: inline-block; height: 30px; margin:0 10px;}
#contact .form li a         {display: inline-block; vertical-align:top; font-size:12px;}

#contact_branch					{}
#contact_branch .sidebar			{width:100%; background:none; padding-top:20px; padding-left:20px; letter-spacing:normal; letter-spacing:20px;}
#contact_branch .sidebar .col	{width:46%; display:inline-block; letter-spacing:normal; vertical-align:top;}
#contact_branch .sidebar .title	{font-size:18px; font-size:1.8rem; font-weight:bold; margin-bottom:20px;}
#contact_branch .mainPane		{letter-spacing:normal; width:540px; width:100%; }
#contact_branch .fixedContainer  	{}
#contact_branch .innerWrapper    	{padding:0 0px; letter-spacing: -6px;}
#contact_branch .branch_item    		{margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #ccc;}
#contact_branch .branch_item h2     	{display:inline-block; vertical-align:top; width:260px; color:#000; font-size:16px; font-size:1.6rem;  }
#contact_branch .branch_item h2 a:link,
#contact_branch .branch_item h2 a:visited    	{display:inline-block; padding:10px 0 0 0; text-decoration:none; color:#333; font-size:16px; font-size:1.6rem; width:100%; text-indent:0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius:5px; letter-spacing:0em; vertical-align:top;}
#contact_branch .branch_item h2 a:hover		{}
#contact_branch .branch_item h2 a:hover span	{top:-3px; background:url("../images/icon-map.png") no-repeat left bottom; background-size:18px;  }
#contact_branch .branch_item h2 span			{display:inline-block; width:18px; height:18px;  background:url("../images/icon-map.png") no-repeat left top; background-size:18px; margin-right:5px; top:2px;}
#contact_branch .branch_item h2 a.current		{color:#F84646;}
#contact_branch .branch_item h2 a.current span	{background:url("../images/icon-map.png") no-repeat left bottom; background-size:18px; }


.map_data			{width:300px;}
.map_data .title		{font-size:16px; font-weight:bold;}
.map_data ul			{}
.map_data ul li		{font-size:12px; line-height:140%; margin:3px 0;}

.branch_infor			{width:100%; display:inline-block; height:110px;}
.branch_infor ul			{margin-left:22px;}
.branch_infor ul li		{font-size:12px; line-height:140%; margin:5px 0; border:0!important; font-family:Verdana; color:#666}

/**/
.pageanchorBox                     {width:100%; text-align: center; margin-bottom: 20px; background:#fff; padding:10px 20px; margin-left:-20px; margin-top:-20px; border-bottom:1px solid #ddd;}
.pageanchorBox ul                  {}
.pageanchorBox ul li               {display: inline-block; margin:0 0px;}
.pageanchorBox ul li a:link,
.pageanchorBox ul li a:visited     {display: inline-block; font-size:14px; font-size:1.4rem; text-decoration: none; border:1px solid #666; padding:8px 15px; color:#333; border: 2px solid #00BAD6; color:#00BAD6; background:#fff; letter-spacing:1px;}
.pageanchorBox ul li a:hover       {border: 2px solid #00BAD6; background:#00BAD6; color:#fff;}
.pageanchorBox ul li a:active      {top:1px;  -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }


.anchorBox                     {text-align: center; display: inline-block; margin-bottom: 10px; position: absolute;  top:-2px; margin-left:20px;}
.anchorBox ul                  {}
.anchorBox ul li               {display: inline-block; margin:0 1px;}
.anchorBox ul li a:link,
.anchorBox ul li a:visited     {display: inline-block; font-size:14px; font-size:1.4rem; text-decoration: none; border:1px solid #666; padding:6px 10px; color:#333; border: 1px solid #333; color:#333; background:; letter-spacing:1px;}
.anchorBox ul li a:hover       {background:#00BAD6; color:#fff;}
.anchorBox ul li a:active      {top:1px;  -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }
.anchorBox ul li.current a     {border: 1px solid #00BAD6; background:#00BAD6; color:#fff;}

.lhhLogoBox				{text-align: center; position: absolute; margin-bottom: 10px; top:-12px; width:100%;}
.lhhLogoBox	img			{height: 60px; position: absolute; right: 0px;}

.teamPane                 {letter-spacing:20px;}
.teamPane .item           {width:880px; padding-left: 30px; padding:10px 20px; background: #f9f9f9;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; letter-spacing: 0; display: inline-block; margin-bottom: 20px; }
.teamPane .item .thumb    {width:140px; height:140px; display: inline-block; overflow: hidden; -webkit-border-radius:100px; -moz-border-radius:100px; border-radius: 100px; text-align: center; margin: 20px 0; vertical-align: top;}
.teamPane .item .thumb    {width:140px; height:140px; display: inline-block; overflow: hidden; -webkit-border-radius:100px; -moz-border-radius:100px; border-radius: 100px; text-align: center; margin: 20px 0;}
.teamPane .item .thumb img{width:100%;}
.teamPane .item .ct       {display: inline-block; width:auto; text-align: left; margin-left: 20px;  position: absolute; top:20px; margin-right:20px;}
.teamPane .item .name     {font-size:18px; font-size:1.8rem; font-weight: bold; margin:10px 0;
    font-family:Arial, "微軟正黑體";
}
.teamPane .item p         {line-height: 180%; font-size:12px; color:#666; text-align: left;}
.teamPane .item a         {margin-top:10px; display: inline-block;}

/*custom*/
#course_template				{background:#f6f6f6 url("../images/bg2.png");}
#course_template .innerWrapper	{border:0; -webkit-box-shadow: 0px 0px 5px rgba(1, 1, 1, 0.2); -moz-box-shadow: 0px 0px 5px rgba(1, 1, 1, 0.2); box-shadow: 0px 0px 5px rgba(1, 1, 1, 0.2); }
#course_template .header			{background:transparent; border:0; }
#course_template .header img		{}
#course_template .note			{padding:40px 20px;}
#course_template .note p			{font-size:15px; font-size:1.5rem; line-height:160%; }
#course_template .footer			{background:#0B5077;}
#course_template .footer .inner	{text-align:center;}
#course_template .footer .inner .column	{width:20%; border-right: 1px solid #54839E; height:auto;}
#course_template .footer .inner #f1		{border-left: 1px solid #54839E;}
#course_template .footer .inner .column > a:link,
#course_template .footer .inner .column > a:visited	{color: #fff;}

/*raccordion*/
#accordion-wrapper          {height: 370px;}
.accordion-wrapper          {overflow:hidden; display:block; position:relative; display:inline-block; min-width:960px;}
.slide                      {overflow: hidden;display:block; -moz-box-shadow: -5px 0px 5px rgba(1, 1, 1, 0.3); -webkit-box-shadow: -5px 0px 5px rgba(1, 1, 1, 0.3); box-shadow: -5px 0px 5px rgba(1, 1, 1, 0.3); position:absolute; cursor: pointer; float:left; display: inline-block; zoom: 1;}
.slide > a          		{display: block;} 
.slide img          		{left:-30%; } 
.slide.active img           {left:0;}
.caption                    {position:absolute; background:rgba(1, 1, 1, 0.7); padding:20px; left:0; width:100%; /*width:162px;*/ }
.caption p                  {color:#FFF; font-family:Arial, Helvetica, sans-serif; margin:0px; font-size:13px; line-height:1.6; display: none;}
.caption h1                 {color:#FFF; font-size:20px; font-size:2.0rem; font-weight:normal; margin:0px; margin-bottom:5px; text-align: center}

.caption a                  {}
.caption a:link,
.caption a:visited          {color:#fff; text-decoration:underline;}
.caption a:hover            {text-decoration:none;}
.caption h1 a:link,
.caption h1 a:vistied       {text-decoration: none;}
.slide.active .caption      {width:100%;}
.slide.active .caption p    {display: block; margin-right:50px;}
.slide.active .caption p b  {font-weight:bold;}
.slide.active .caption h1   {text-align: left;}


.safe-box           {width:225px; display: inline-block; vertical-align: top; height:280px; margin-bottom: 20px; border-bottom: 1px solid #999; }
.safe-box .title    {width: 100%; display: inline-block; background:#8DCA54; padding:6px 0; text-align: center; font-size: 18px; font-weight: bold; color:#fff; }
.safe-box ol        {margin:0; padding-top:10px;}
.safe-box ol li     {margin:0; padding: 0; }

#laws_safe .col-wrapper {letter-spacing: 30px; }
#laws_safe .col3        {width: 30%; display: inline-block; vertical-align: top; letter-spacing: normal;}
#laws_safe .col3 p      {font-size:12px;}

/*member*/
.member.fixedContainer          {margin-top:40px!important ;}
.member.fixedContainer .sidebar {width: 200px; position: absolute; top:0; left:0;}
.member .innerWrapper       {padding:0!important; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; border: 0px solid #e3e3e3; background: transparent; min-height: 640px;}
.member .mainPane           {padding:20px; width:700px; -moz-box-shadow: -5px 0px 5px rgba(1, 1, 1, 0.3); -webkit-box-shadow: -5px 0px 5px rgba(1, 1, 1, 0.3); box-shadow: 0px 0px 10px rgba(1, 1, 1, 0.1);  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom:10px;margin-left:220px;}
.member .mainPane h1        {font-size:18px; margin:0px 0 10px 0; width: 100%; line-height: 140%;}
.member .mainPane h1 em  {font-weight:bold; color:#FF8715; font-size:16px;  display:block; margin-top:10px;}
.member .mainPane .rnote        {font-size:13px; margin-bottom:10px; color:#333; border:1px solid #333; display:inline-block; padding:1px 3px; position: absolute; right:20px; top:23px;}
.member .mainPane p         {line-height: 140%; font-size: 15px;}
.member table thead th {background: #A3C281; color:#fff;}
.member table thead td {background: #A3C281; color:#fff;}
.member table td       {line-height: 160%;}
.member table td span  {font-size:12px; display: block;}
.member table td .button  {white-space: nowrap; }
.member .btn-back                   {top: -10px; padding:8px 15px;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #fff; border:1px solid #666; color:#333; margin-bottom: 10px;}
.member .btn-back:hover             {background: #f3f3f3; }

.member-menu                 {background:#fff; width:190px; margin-top:-10px; text-align: center;  -moz-box-shadow: -5px 0px 5px rgba(1, 1, 1, 0.3); -webkit-box-shadow: -5px 0px 5px rgba(1, 1, 1, 0.3); box-shadow: 0px 0px 10px rgba(1, 1, 1, 0.1);  }
.member-menu .title          {display: inline-block; display: none; background:#20303F;  color:#fff; width:150px; padding:8px 10px;  margin-bottom: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-top:10px;}
.member-menu ul              {margin-bottom: 20px; text-align:left; overflow: hidden;}
.member-menu ul li           {}
.member-menu ul li a:link,
.member-menu ul li a:visited {display: inline-block; padding:10px; font-size:14px; text-decoration: none; color:#333; text-indent: 10px;}
.member-menu ul li.current  {background:url("../images/icon-menu-current.png") no-repeat left center; color:#1B71A2; font-weight: bold; background-color:#20303F; color:#fff; width: 100%;}
.member-menu ul li.current a    {color:#fff;}
.submenu            { margin:0 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 10px!important;}
.submenu li         {}
.submenu li a:link,
.submenu li a:visited  {text-indent: 10px!important; font-size:12px!important;  margin:0; padding: 8px 0!important; color:#666!important; border-bottom: 0px solid #E0D4C5; width: 100%;}
.submenu li a:visited  {}
.member-menu ul li.current .submenu {background: transparent; padding-bottom: 10px; margin-bottom: 0;}
.member-menu ul li.current .submenu li a {color:#fff!important; filter:alpha(opacity=60);opacity:0.6;zoom:1; font-weight: normal;}
.member-menu ul li.current .submenu li a:hover   {filter:alpha(opacity=100);opacity:1.0;zoom:1;}
.member-menu ul li.current .submenu .current     {color:#fff!important; background:none!important;}
.member-menu ul li.current .submenu .current a   {color:#fff!important; background:none!important; filter:alpha(opacity=100);opacity:1.0;zoom:1; }

.subtoggle:link,
.subtoggle:visited		{display:inline-block; position:absolute; right:10px; top:12px; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); display:inline-block; width:14px; height:14px; background:url("../images/icon_right_arrow_b.png") no-repeat;background-size:14px; padding:0!important; }
.subtoggle.active:link,
.subtoggle.active:visited		{-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
.current .subtoggle:link,
.current .subtoggle:visited		{background:url("../images/icon_right_arrow.png") no-repeat;background-size:14px;}

#memberPageSelect	{display:none;}

.explain        {margin-bottom:15px; padding:10px;   background: #ffc; border: 1px dotted #E4E463; }
.explain .title {font-size:15px; margin-bottom: 10px;}
.explain p      {font-size:12px!important; margin:5px 0; font-family:Verdana,"新細明體"; color:#666; line-height: 120%;}

.ptbox:link,
.ptbox:visited  {display: inline-block; width:160px; text-align: center; padding: 20px 0; text-decoration: none;  background:#f7f7f7;  -webkit-border-radius: 5px; -moz-border-radius:5px; -ms-border-radius:5px; font-size:18px; margin:5px 0; line-height: 160%; margin-right:5px; color:#00BAD6; color:#333; border:1px solid #eee;}
.ptbox:hover    {background:#00BAD6; color:#fff;}
.ptbox b        {display: block; font-size:26px; font-weight: bold;}
.ptbox:hover b  {color:#fff;}
.ptbox .icon-fb {display: inline-block; width:22px; height:22px; background: url("../images/social-icon@2x.png") no-repeat 0 -22px; background-size:22px; }

.adminform                                      {border-top:2px solid #7DB500; }
.adminform fieldset								{width:100%; margin-bottom:50px; background:#fff url("../images/formBg.png") repeat-y -80px; margin:0px 0;}
.adminform  select								{padding:5px 5px; height:28px;}
.adminform  textarea							{width:545px; max-width: 545px; height:100px;}
.adminform .control-group						{float:left; width:100%;  border-bottom:1px dotted #ccc;}
.adminform .control-group label					{display:block; float:left; width:110px; text-align:right; margin-right:10px; vertical-align:middle; line-height:35px; padding:0px 0px;}
.adminform .control-group label b				{color:#f33;}
.adminform .control-group label	.error          			{ color: red;   background: #F3494E; color: #FFF; font-size:12px; }
.adminform .control-group .controls				{margin:5px 0; margin-left:130px; vertical-align: top;}
.adminform .control-group .controls span.note	{font-size:12px; display:inline-block; padding:8px 10px;}
.adminform .control-group .controls label		{display:block; width:auto; line-height:inherit; padding:3px 0px; text-align:left; background:transparent; float:none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;  behavior: url(css/PIE.htc); position:relative;}
.adminform .control-group .controls label.error { color: red; font-size:12px; padding:2px 3px!important; background: #F3494E; color: #FFF; position:absolute; right:5px; top:10%; }
.adminform .control-group .controls span.error { color: red; font-size:12px; padding:2px 3px!important; background: #F3494E; color: #FFF; position:relative;  top:10%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;  }
.adminform .control-group .controls label.inline{display:inline-block;   margin: 5px 10px 0 0;}
.adminform .control-group .controls p           {display: inline-block; margin:5px 5px; line-height: 120%;}
.adminform .control-group .controls .selectStyle          {max-width:500px;}
.adminform .control-group .note                 {display:block; width: 100%; font-size:12px; color:#999;}
.adminform .control-group .note p               {display:block; }
.adminform .toolbar								{padding:20px 0 20px 0px; float:left; width:84%;  position:relative; top:-1px;}
.adminform .toolbar .button						{}
.adminform .control-group label.checkbox b      {color:#333!important; font-weight: bold;}

form#wlMember .adminform fieldset				{background:#fff url("../images/formBg.png") repeat-y -20px;}
form#wlMember .adminform .control-group > label   {width:160px;}
form#wlMember .adminform .control-group .controls {margin-left:190px;}

#member_resume                              {}
#member_resume .tabs                        {letter-spacing: -5px;}
#member_resume .resultTabs ul li a:link,
#member_resume .resultTabs ul li a:visited  	{padding: 10px 26px; font-size: 13px; font-size: 1.3rem; cursor:default;}
#member_resume .resultTabs ul li a:hover        {color:#666;}
#member_resume .tabs li a.current:after  	{background: url("../images/icon-tab-current-right.png") no-repeat center right; width:9px; height:14px; position: absolute; bottom:0; top:0; margin: auto; left:inherit; right: -9px; z-index:9;}
#member_resume .tabs li a.current:hover         {color:#fff;}
#member_resume .tabs li:last-child a.current:after  	{display:none;}

#member_resume .pane                        {padding-bottom:20px;}
#member_resume .resume-part                 {margin-top:20px; margin-bottom:20px;}
#member_resume .resume-part h2              {font-size:16px; display: inline-block; width:100%; padding:5px 0;}
#member_resume .resume-part h3              {font-size:13px; margin:5px 0; background:#f7f7f7; padding:5px 10px;}
#member_resume .resume-part h3 b           {font-size:15px; font-weight:bold; padding:5px; font-family:Verdana; color:#036}
#member_resume .resume-part .adminform      {display: inline-block;}
#member_resume .resume-part .adminform .toolbar      {padding: 5px 0 30px 0px;}
#member_resume .resume-part .adminform .formtools    {position: relative; z-index: 99;}
#member_resume .resume-part .adminform .formtools .button   {position: absolute; right:0;}
#member_resume fieldset.readonly             {margin-bottom: 20px;}
#member_resume fieldset.readonly label       {padding:0; line-height: 180%;}
#member_resume fieldset.readonly .controls   {margin: 0px 0px;   margin-left: 130px;}
#member_resume .add                         {display: inline-block; vertical-align: top;}

#member_resume #skill-lang                   {}
#member_resume #skill-lang select                   {width:60px;}
#member_resume #skill-lang select.lang-dropdown     {width:auto;}
#member_resume #skill-lang .form-item               {width:auto; padding:5px 0; display: inline-block; width:100%; margin-bottom: 5px;}
#member_resume #skill-lang .form-item span          {background: #ffc; padding:5px 10px; display: inline-block; -webkit-border-radius: 2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:5px; border-radius:2px; border:1px solid #EADD95; }
#member_resume #skill-lang .trash-btn               {position: absolute; right:0; top:0;}
#member_resume input[type="file"]	                {display: inline-block; width: 100%; margin-bottom: 5px;}
#member_resume #step-other .form-item 	            {margin-bottom: 15px;}
#member_resume #step-other .form-item2 	            {margin-top: 5px;}

#member_resume_detail		{}
#member_resume_detail .resultPanes .pane  	{margin-bottom:20px;}
#member_resume_detail .resultPanes .pane h2	{font-size:18px; text-align:center; margin-bottom:5px; color:#7DB500; font-weight:bold;}
#member_resume_detail .resultPanes .pane h3	{font-size:15px; margin:5px 0; text-align:center;}
#member_resume_detail .adminform				{padding:5px 0;}
#member_resume_detail .adminform .control-group .controls p 	{font-size:13px;}
#member_resume_detail .form-item		{margin-bottom: 10px;}

#member_welfare table               {border-left:1px solid #00BAD6; border-top:1px solid #00BAD6;  border-spacing: 0; margin-top: 10px;}
#member_welfare table th            {border-bottom:1px solid #00A6BD; border-right:1px solid #00BAD6; background:#00BAD6; color:#fff; text-align: center; font-weight: bold; font-size:15px; width: auto; width:160px; }
#member_welfare table td            {border-bottom:1px solid #00BAD6; border-right:1px solid #00BAD6; font-size: 13px; text-align: left;}
#member_welfare table thead         {}
#member_welfare table thead td      {background:#00BAD6; color:#fff;}

.progressBar				{display:block; width:150px; text-align:right; position:absolute; right:0; top:10px;}
.progressBar .wrapper 		{width:100%; border:1px solid #999; -webkit-border-radius: 5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; background:#f7f7f7;}
.progressBar .wrapper span	{display:block; background:#7DB500; width:16%; height:8px; margin:1px; -webkit-border-radius: 5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; }
.progressBar p				{font-size:12px!important; color:#666; margin-top:3px; }
.progressBar p b				{font-size:12px; font-weight:bold; font-family:Verdana; color:#000;}

.small-btn:link,
.small-btn:visited  {padding: 7px 10px; -webkit-border-radius: 2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:5px; border-radius:2px;}

#member_insurance .form .button       {width:200px; font-size:16px;}
#member_insurance .form .button img   {display: block; margin:10px auto}
#member_tax .form .button               {width:200px; font-size:16px;}
#member_tax .form .button img           {display: block; margin:10px auto}

.uploadBlock                {padding:13px; margin-bottom: 10px; border:1px dotted #ccc;}
.uploadBlock .title         {font-size:15px; display: inline-block;}
.uploadBlock .upload-btn    {position: absolute; right:5px; top:5px;}


.accordion          {}
.accordion h2       {cursor: pointer; display: inline-block; width: 100%; padding:10px 0; text-indent: 10px; margin:0px 0; background:#f3f3f3; margin-bottom: 10px;  font-size:15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; line-height: 140%; color:#000;}

.accordion div        {display:block!important; padding-bottom: 20px; padding-left: 10px; margin-top: 10px; font-size: 14px!important; overflow: hidden; line-height: 160%; color:#666;}

.accordion table               {border-left:1px solid #00BAD6; border-top:1px solid #00BAD6;  border-spacing: 0; margin-top: 10px;}
.accordion table th            {border-bottom:1px solid #00BAD6; border-right:1px solid #00BAD6; background:#00BAD6; color:#fff; text-align: center; font-weight: bold; font-size:15px; width: auto;}
.accordion table td            {border-bottom:1px solid #00BAD6; border-right:1px solid #00BAD6; font-size: 13px;}
.accordion table thead         {}
.accordion table thead td      {background:#00BAD6; color:#fff;}

.accordionFaq div     {display:none; padding-bottom: 20px; padding-left: 10px; margin-top: 10px; font-size: 14px!important; overflow: hidden; line-height: 160%; color:#666;}
.accordionFaq h2       {cursor: pointer; display: inline-block; width: 100%; padding:10px 0; text-indent: 10px; margin:0px 0; background:#f3f3f3; margin-bottom: 10px;  font-size:15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; line-height: 140%; color:#000;}
.accordionFaq table               {border-left:1px solid #00BAD6; border-top:1px solid #00BAD6;  border-spacing: 0; margin-top: 10px;}
.accordionFaq table th            {border-bottom:1px solid #00BAD6; border-right:1px solid #00BAD6; background:#00BAD6; color:#fff; text-align: center; font-weight: bold; font-size:15px; width: auto;}
.accordionFaq table td            {border-bottom:1px solid #00BAD6; border-right:1px solid #00BAD6; font-size: 13px;}
.accordionFaq table thead         {}
.accordionFaq table thead td      {background:#00BAD6; color:#fff;}

.faqBox             {background: #f7f7f7; border: 1px dotted #eee; padding:20px; margin:20px 0;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.faqBox label       {vertical-align: top; float:left;}
.faqBox textarea    {width: 75%; height:150px;}
.faqBox .textInput  {width: 75%; margin-bottom: 10px;}
.faqBox .button     {vertical-align: top;}

.faq-item               {background:#fff; border: 1px dotted #ddd; padding:10px 20px; margin:10px 0;  border-left:5px solid #ddd; }
.faq-item.ans           {background:#F1FBFF; border: 1px dotted #C6E0ED; border-left:5px solid #C6E0ED; }
.faq-item .time         {color:#999; font-family: Verdana; font-size: 11px;}
.faq-item .ct           {margin-bottom: 10px;}
.faq-item .ct p         {}

.recode-item                   {border-top:5px solid #00BAD6; margin-bottom: 20px; background: #f7f7f7; padding:5px; }
.recode-item ul                {}
.recode-item ul li             {margin:10px; letter-spacing: 1px; font-size: 13px;}
.recode-item ul li b           {font-weight: bold;}
.recode-item ul li span        {color:#666; font-size: 11px;}
.recode-item .tools            {position: absolute; right:10px; top:10px; margin:0}
.recode-item .tools .button    {padding:8px 10px;}
.recode-item .tools form         {float:right; margin-left:5px;}

.employee-item                   {margin-bottom: 20px; background: #f7f7f7; padding:5px; }
.employee-item ul                {}
.employee-item ul li             {margin:10px; letter-spacing: 1px; font-size: 13px;}
.employee-item ul li b           {font-weight: bold;}
.employee-item ul li span        {color:#666; font-size: 11px;}
.employee-item .tools            {position: absolute; right:10px; top:10px; margin:0}
.employee-item .tools .button    {padding:8px 10px;}
.employee-item .tools form         {float:right; margin-left:5px;}

#record_absent table td,
#record_absent table th         {text-align: center;}

.upload-box             {background: #f7f7f7; border: 1px dotted #eee; padding:20px; margin:20px 0;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center;}
.upload-box select      {}
.upload-box .button     {font-size:13px; padding:6px 25px;   -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.upload-box table td    {text-align: left;}

.mainPane .list                   {border-top:5px solid #A3C281;}
.mainPane .list ul                {}
.mainPane .list li                {border-bottom: 1px dotted #ddd;}
.mainPane .list li a:link,
.mainPane .list li a:visited      {display: inline-block; padding:10px; font-size: 15px;}
.mainPane .list li a img          {vertical-align: top; margin-right:5px;}
.mainPane .list ol                {padding-left:0; margin: 0; }
.mainPane .list ol li             {list-style: inside decimal;}
.mainPane .list li p              {display: inline-block;  margin:10px 0; font-size: 13px;}
.mainPane .list li .download-btn  {position: absolute; right:0; font-size:13px!important; padding:5px 10px!important; top:5px;}

#member_index .member.fixedContainer {min-height:900px;}
#msg                            {padding:10px 0; padding:0; width: 740px; text-indent:20px;  background: #ffc; border:1px solid #EADD95;}
#msg p                          {margin: 5px 0; display: block; display: list-item; margin-left: 40px; padding-left: 0; text-indent: 0;}
#profile                        {/*position: absolute; left:205px; top:50px;*/ }
#profile .portrait              {display: inline-block;}
#profile .portrait .thumb       {display: block; width:100px; height:100px; -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px; overflow: hidden;  }
#profile ul                     {display: inline-block; vertical-align: top; margin-left:10px;}
#profile ul li                  {margin:6px 0; font-size: 13px;}
#profile ul li em               {font-weight: bold; font-size: 18px;}
#profile .tools                 {}
#profile .dialog_box            {width:120px; background:#333; color:#fff; position: absolute; right:110px; top:65px; padding:8px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  }
#profile .dialog_box:before     {display: inline-block; content:''; background:url("../images/icon-dialog-box.png") no-repeat; width:14px; height:9px; position: absolute; top:-9px; left:0; right:0; margin:auto;}
#profile .dialog_box p          {font-size:12px; } 

.tools .dialog_box            {width:120px; background:#333; color:#fff; position: absolute; right:-25px; top:-75px; padding:8px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; z-index: 99;  }
.tools .dialog_box:before     {display: inline-block; content:''; background:url("../images/icon-dialog-box.png") no-repeat; width:14px; height:9px; position: absolute; bottom:-9px; left:0; right:0; margin:auto; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.tools .dialog_box p          {font-size:12px; } 

#matchlist                      {}
#matchlist dl   {display: inline-block; width:300px;}
#matchlist dt   {display:inline-block; width:220px; border-bottom: 1px dotted #ccc; padding: 10px 0;}
#matchlist dd   {display:inline-block; font-weight:bold; padding: 10px 0; width:50px;  text-align: right; border-bottom: 1px dotted #ccc;}
#matchlist dd a {padding-left:10px; padding-right:10px; text-decoration: none; font-family: Verdana; text-align: right;}
#matchlist table    {margin-bottom: 20px;}
#matchlist td       {text-align: left; padding:5px; font-size: 12px;}
#matchlist td .job_name      {font-size: 15px;}
#matchlist .pageBot {padding:0;}
#member_match .mainPane .rnote   {top:70px;}

#member_employee #profile        {}
#member_employee #profile .tools {position: absolute; top: 50px; right: 10px;}
#member_employee #profile .right {display: inline-block; margin-top: 30px; }
#member_employee #desc           {}
#member_employee #desc ul        {margin-left: 20px;}
#member_employee #desc ul li     {line-height: 140%; margin:10px 0; list-style: disc outside;}
#member_employee #desc ul li b   {font-weight: bold;}
#member_employee #desc ul li a:link,
#member_employee #desc ul li a:visited  {}
#member_employee #desc ul li a:hover    {}

#about_imc .content     		{letter-spacing: 10px; padding-top: 10px; text-align: center; margin:0;}
#about_imc .article     		{text-align: center; }
#about_imc .article:before    {content:''; background:url("../images/about_imc.png") no-repeat top; height:300px; display:block;}

.introBox               {width:49%; display: inline-block; vertical-align: top;letter-spacing: 5%px; margin-bottom: 20px; text-align: left;}
.introBox .title        {background: #333; width: 100%; display: inline-block; color:#fff; text-align: center; padding:8px 0;   -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; letter-spacing: 5px; font-size: 16px; font-weight: bold; font-size:18px;}
.introBox .subtitle     {margin:5px 0; font-size:15px; line-height: 160%; white-space: nowrap;}
.introBox .subtitle a   {display: inline-block; width: 100%; background: #f3f3f3; text-align: center; padding:40px 0;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-decoration: none;}
.introBox .block        {margin:5px 0; width: 47%; display: inline-block; letter-spacing: 0; vertical-align: top; padding-left: 20px;  box-sizing: border-box;}
.introBox .block ul     {margin:0px 0 0 20px!important; padding: 0}
.introBox .block ul li  {margin: 5px 0; font-size: 15px;}
.introBox .block ul li a:link,
.introBox .block ul li a:visited    {}
.introBox .block ul li a:hover      {}
.introBox .block p                  {width:auto; font-size: 15px; margin:10px;}
.introBox#ib_job .title             {background: #2BA9DB;}
.introBox#ib_service .title         {background: #20303F;}
.introBox#ib_training .title        {background: #FFB402;}
.introBox#ib_consultant .title      {background: #A5BA1C;}
.introBox#ib_homecare .title        {background: #986745;}

.introBox#ib_training               {width:32%;}
.introBox#ib_consultant             {width:32%;}
.introBox#ib_homecare               {width: 100%; width:32%;}
.introBox#ib_homecare .block        {width: 100%;}
.introBox#ib_training .block		{width:60%;}
.introBox#ib_consultant .block:first-child {width:60%!important; }

#vacancy.article					{}
#vacancy.article .head				{border-bottom:1px solid #eee; width:100%; margin-bottom:20px;}
#vacancy.article .head h1			{width:65%;}
#vacancy.article .head .tools		{position:absolute; display:inline-block; right:0;top:0;}
#vacancy.article .infor				{}
#vacancy.article .infor  ul			{width:100%; display:inline-block;}
#vacancy.article .infor  li			{margin:10px 0;}
#vacancy.article .infor  li label		{display:inline-block; width:12%; font-size:15px; vertical-align:top; color:#369; }
#vacancy.article .infor  li p			{display:inline-block; font-size:15px; color:#333; width:86%;}
#vacancy.article .infor  li ol			{display:inline-block; font-size:15px; margin:0; }
#vacancy.article .infor  li ol li			{margin-top:0; font-size:15px; margin-left:0; color:#333 }
#vacancy.article .remind				{padding:10px 20px; background:#ffc; border:1px dotted #EADD95; margin-top:20px;}
#vacancy.article .remind p			{color:#333; margin:5px 0;}
#vacancy.article .remind p a			{color:#000;}
#vacancy.article .shareTools            {top:50px;}
#vacancy.article a.white-btn            {padding-left: 35px;}
#vacancy.article a.white-btn img        {position: absolute; left:10px; top:7px; width:auto!important}
#vacancy.article .tools				{} 
#vacancy.article .tools .linkedin		{display:inline-block; vertical-align:top;} 
#vacancy.article .tools .linkedin a:active	{top:1px; position:relative;} 
#vacancy.article .tools .linkedin a img	{height:35px; width:auto;} 
#vacancy.article .tools .linkedin .txt	{font-size:1.3rem; color:#0077B5; display:inline-block; border:1px solid #0077B5;  text-align:center; padding:8px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } 

#team				{width: 100%; margin: 50px auto; text-align: center; width:800px; height:760px; display: block;}
#team .pbox		    {float:left; width:195px; height:220px; width:160px; height:181px; background:#fff; position:relative; }
#team .pbox img	    {width:100%; height:100%;}
#team .pbox-1       {background:#1b71a2; background:#00bad6}
#team .pbox-2       {background:#00bad6; background:#1b71a2}
#team .pbox-3       {background:#FF4949}
#team .pbox p       {display: block; color:#fff; position: absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:100px; height:20px; filter:alpha(opacity=40);opacity:0.4;zoom:1; font-family: Geroge; font-size: 16px; }
#team .pbox span	{float:left; width:100%; height:100%; position: absolute; top: 0; left: 0; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; z-index: 1}
#team .pbox.hover span	{-ms-filter: opacity(50%); -webkit-filter: opacity(50%); filter: opacity(50%);}
#team .pbox.hover:hover span {-ms-filter: opacity(100%); -webkit-filter: opacity(100%); filter: opacity(100%); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); z-index: 2}

#errorPage                   {height: 100%; position: relative;}
#errorPage .error            {text-align: center; -moz-border-radius:300px; -webkit-border-radius:300px; border-radius:300px; background: #fff; width: 360px;  height:360px; margin: auto; margin-top: 12%; }
#errorPage .error .logo      {width:160px; margin-top:90px;}
#errorPage .error h1         {font-size:36px; margin: 20px 0 10px 0;}
#errorPage .error p          {font-size:13px; color:#999}
#errorPage .error .button    {margin: 20px 0;}

#maintenance                   {height: 100%; position: relative;}
#maintenance .error            {text-align: center; -moz-border-radius:300px; -webkit-border-radius:300px; border-radius:300px; background: #fff; width: 460px;  height:460px; margin: auto; margin-top: 10%; padding:30px; box-sizing: border-box; }
#maintenance .error .logo      {width:160px; margin-top:40px;}
#maintenance .error h1         {font-size:30px; margin: 20px 0 10px 0;}
#maintenance .error p          {font-size:15px; color:#999; line-height: 180%;}
#maintenance .error .button    {margin: 20px 0;}

/*date*/
.date {}
#calroot 				{z-index:10000; margin-top:-1px; width:198px;  padding:2px; background-color:#fff; font-size:11px; border:1px solid #ccc; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow: 0 0 15px #666; -webkit-box-shadow: 0 0 15px #666;}
#calhead				{padding:2px 0; height:22px;}
#caltitle				{font-size:14px; color:#0150D1; float:left; text-align:center; width:155px; line-height:20px; text-shadow:0 1px 0 #ddd;}
#calnext,
#calprev 				{display:block; width:20px; height:20px; background:transparent url(../images/prev.gif) no-repeat scroll center center; float:left; cursor:pointer;}
#calnext 				{background-image:url(../images/next.gif); float:right;}
#calprev.caldisabled,
#calnext.caldisabled 	{visibility:hidden;}
#caltitle select 		{font-size:10px;}
#caldays 				{height:14px; border-bottom:1px solid #ddd;}
#caldays span 			{display:block;float:left;width:28px;text-align:center;}
#calweeks 				{background-color:#fff; margin-top:4px;}
.calweek 				{clear:left; height:22px;}
.calweek a 				{display:block; float:left; width:27px; height:20px; text-decoration:none; font-size:11px; margin-left:1px; text-align:center; line-height:20px; color:#666;   -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.calweek a:hover,
.calfocus 				{background-color:#ddd;}
a.calsun 				{color:red;}
a.caloff 				{color:#ccc;}
a.caloff:hover 			{background-color:rgb(245, 245, 250);}
a.caldisabled 			{background-color:#efefef !important; color:#ccc	!important; cursor:default;}
#calcurrent				{background-color:#498CE2;color:#fff;}
#caltoday 				{background-color:#333; color:#fff;}


/*tooltip*/
.tooltip 	 		{font-size:12px!important; padding:8px 8px!important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; behavior:url(css/PIE.htc)\9; position:relative;  max-width:200px; display:block; height:auto!important; width:auto!important; text-align:center; z-index: 999;}


/*Back to top button */


.back-top:link,
.back-top:visited 	{display:none; width:80px; margin:auto; z-index:998; background:#333; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-indent:20px;  padding-right:10px; display:inline-block; text-align: center; background:#333 url(../images/icon-top.png) no-repeat 15px center; background-size:12px; text-decoration: none; color: #FFF; font-family:Verdana; padding:8px 0;}
.back-top:hover 		{ background:#000 url(../images/icon-top.png) no-repeat 15px center; background-size:12px;}
.back-top:active	{top:1px;}

/*swiper*/
#talent .swiper-wrapper              {}
#talent .swiper-slide                {}
#talent .item                        {width:85%; margin: auto; padding:15px 15px 15px 20px; background: #fff; border:2px solid #1b71a2; -webkit-box-shadow: #e3e3e3 3px 3px 0px; -moz-box-shadow: #e3e3e3 3px 3px 0px; box-shadow: #e3e3e3 0px 0px 10px;  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;  min-height: 320px;}
#talent .swiper-slide .ct            {display:inline-block; width:550px; width:100%; margin-right: 20px; vertical-align: top;}
#talent .swiper-slide .name          {margin: 10px 0;}
#talent .swiper-slide .name em       {font-size:20px; margin-right:10px;}
#talent .swiper-slide p              {line-height: 160%; font-size:13px; color:#333; word-wrap: break-word;
word-break: break-all; }
#talent .swiper-slide .thumb         {display: inline-block; width:200px; overflow: hidden;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius:5px; margin-left:10px; float:right;}
#talent .swiper-slide .thumb img     {width:100%;}
#talent .swiper-cube-shadow          {filter:alpha(opacity=60);opacity:0.6;zoom:1;}
.swiper-container-cube .swiper-cube-shadow  {background: #999!important;}

#coach .item                        	{width:85%; }
#coach.swiper-container                 {padding-bottom: 40px;}
#coach .swiper-pagination               {bottom: 10px;}



/*lory slider*/
.adContainer                  {background: #fff; padding: 30px 0;}
.adContainer .inner           {}
.lory_slider                  {width: 100%; margin: 0 auto;  -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; user-select: none;}
.frame                        {font-size: 0;line-height: 0;overflow: hidden; white-space: nowrap; }
.lory_slider .frame           {width: 960px; margin: 0 auto; line-height:0 ;overflow: hidden; white-space: nowrap;}
.lory_slider .frame li        {display: inline-block; text-align: center; vertical-align: top;}
.lory_slider .slides          {display: inline-block; vertical-align: top;}
.lory_slider li               {margin-right: 20px; display: inline-block; overflow: hidden;}
.lory_slider li:last-child    {margin-right: 0;}
.lory_slider li img           {}

#ad-frame.lory_slider             {width:1020px; margin: auto;}
#ad-frame.lory_slider .frame      {width:960px; margin-left:30px;}
#ad-frame.lory_slider li          {width:225px; }


.prev,
.next           {position: absolute; top: 50%; margin-top: -12px; display: block; cursor: pointer; width: 25px; height: 25px; background-image:url("../images/pnavi@2x.png"); background-repeat: no-repeat; background-color:#20252b; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; padding:3px;  }
.next           {background-position: 0 -25px; background-size:25px;}
.prev           {background-position: 0 -50px; background-size:25px;}
.next.white     {background-position: 3px -48px; background-size:25px; right:15px;}
.prev.white     {background-position: 3px -72px; background-size:25px; left:15px;}
.prev:hover,
.next:hover     {filter:alpha(opacity=100);opacity:1.0;zoom:1;}
.prev:active,
.next:active    {top:50.5%;}


/**/
.akordeon                           {width:180px; color: #333; margin-left: 5px;}
.akordeon-item                      {position: relative; margin-bottom: 10px; }
.akordeon-item .akordeon-item-head  {background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; }
.akordeon-item .akordeon-item-head:hover    {background:#eee; }
.akordeon-item .akordeon-item-body  {background: #fff; border-bottom: none; overflow: hidden;}
.akordeon-heading                   {font-weight: bold; display: inline-block; font-size:16px;}
.akordeon-item-head-container       { width: 100%; cursor: pointer; display: inline-block; padding:5px 10px; padding:0;}
.akordeon-item.expanded .akordeon-item-body {}
.akordeon-item.collapsed                    {}
.akordeon-item.expanded .akordeon-heading   {color: #333;}
.akordeon-item.expanded .akordeon-item-head {}
.akordeon-item-content                      {padding-left:10px; min-height: 80px; overflow:auto; }
.akordeon-border-bottom                     {}
.akordeon-border-top                        {}
.akordeon-item.expanded .akordeon-item-body.akordeon-border-bottom {height: auto!important;}
.akordeon  .list-item           {width:100%;}
.akordeon  .list-item ul li     {width:100%;}
.akordeon  .list-item .sublist li     {width:50%;}
.akordeon  .list-item .sublist li.b   {width:100%;}
.akordeon  .list-item.item-col-2 li   {width:50%;}
.akordeon-item.expanded .akordeon-item-body {overflow: visible;}
.akordeon-item.expanded .akordeon-item-content {overflow: visible;}    


.akordeon-icon           {display: inline-block;}
.akordeon-icon span      {display: inline-block;}

.jstree a           {font-size: 12px; font-family:Arial,"新細明體"; color:#666!important;}

/*tooltip*/
.tooltip 	 		{background:url(../images/tooltipBg.png) repeat; font-size:11px!important; padding:5px 8px!important; color:#FFFFFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; line-height: 140%; text-align: left; position:relative;  max-width:200px; display:block; height:auto!important; width:auto!important;}


/*popupStyle*/
.popupStyle 			        {display:none; min-width:260px; padding:20px 20px; text-align:center;  background:#fff; -webkit-border-radius: 2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; border-radius:2px;  }
.popupStyle h1	                {color:#000; font-size:22px; font-size: :2.2rem; text-align: center; margin-bottom:10px;}
.popupStyle p	                {color:#000; font-size:13px; font-size: :1.3rem; text-align: center; margin-bottom:10px;}
.popupStyle .close				{padding:5px;  cursor: pointer; height:20px; width:20px; z-index:99; }
.popupStyle .close:active 		{top:1px!important; position:relative;}

.popupStyle .button.close,
.popupStyle .button.close:link,
.popupStyle .button.close:visited	{position:relative; right:auto; top:auto; width:auto; height:auto; white-space:nowrap;  padding:10px 12px;  padding:10px 30px; display: inline-block; *zoom: 1; *display: inline;}
.popupStyle .toolbar                {margin:20px 0 0 0;  text-align: center; display: inline-block; width:100%; }
.popupStyle .toolbar .button        {}

.msgStyle					{width:160px; min-width:160px;  background:url("../images/tooltipBg.png") repeat;  -webkit-box-shadow:#000 0px 1px 5px; -moz-box-shadow:#000 0px 1px 5px; box-shadow:#000 0px 1px 5px;  behavior:url(css/PIE.htc); position:relative; vertical-align:middle; display:none; }
.msgStyle p					{color:#fff; text-align:center;  vertical-align: middle; clear:both; }
.msgStyle h1				{color:#fff; text-align:center; }

#region-pane                  {width:700px;}
#position-pane                {width:500px;}
#industry-pane                {width:500px;}
.resume-region-pane           {width:700px;}
.resume-position-pane         {width:500px;}
.resume-industry-pane         {width:500px;}

#epaper-pane                  {width:450px;}
#epaper-pane .inner           {text-align: left;}
#epaper-pane .controls .checkbox   {width: 100%; display: inline-block; margin-bottom: 10px;}
#epaper-pane .controls .checkbox b {font-size:16px;}
#epaper-pane .controls .checkbox p {display: block; margin:0; margin-left:20px; color:#999; text-align: left; font-size:13px; font-family:Arial,"新細明體";}

#register-pane              {}
#register-pane .checkbox    {background:#f3f3f3; padding:5px 10px;  -webkit-border-radius: 2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; border-radius:2px; border:1px solid #e3e3e3; }
#register-pane .checkbox b  {}
#register-pane .checkbox input  {top:2px; position: relative;}


/*page navigation*/
.pagefoot							{width:98%; display: inline-block; margin:20px 0px; text-align:left; }
.pagefoot .pageguide				{display: inline-block; float: right; width: 40%; white-space: nowrap; text-align: right;}
.pagefoot .pageguide p				{font-size:13px;font-size:1.3rem; color:#666; }
.pagefoot .pageguide p .textInput   {width:25px; margin: 0 2px; padding:2px; text-indent: 5px;}
.pagefoot .pageguide p select       {margin:0 2px; padding:2px;}
#Pagination 					    {display: inline-block;  width: 60%; vertical-align: top; }
.jobPagination 					    {display: inline-block;  width: 60%; vertical-align: top; }
.pagination 					    {display: inline-block; white-space: nowrap; }
.pagination a,
.pagination span				    { font-size:13px;font-size:1.3rem; text-decoration:none; color:#333; margin:0 5px; padding: 5px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; position:relative;  behavior:url(css/PIE.htc); display: inline-block; zoom: 1; *display: inline; vertical-align: top; border:1px solid #eee; }
.pagination .current 		{background:#092F46; color: #fff; padding: 5px 10px;  -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; position:relative;  behavior:url(css/PIE.htc);}
.pagination a:hover			{background:#eee; text-decoration:none!important;}
.pagination a:active        {top:1px;}

.pagination .prev,
.pagination .next			{display:inline-block; margin-right:10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; position:relative; background: transparent; width: auto; font-size: 13px; height: auto;}

.pagination .prev:hover,
.pagination .next:hover     {background:transparent; color:#000; text-decoration: underline!important;}
.pagination .prev.current,
.pagination .next.current   {display: none;}


.selectedBox                    {background: #ffc; width: 100%; -webkit-border-radius: 2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:5px; border-radius:2px; padding:3px 0; border:1px solid #EADD95; }
.selectedBox p                  {margin:0px 0 5px 0;}
.selectedBox a.selected:link,
.selectedBox a.selected:visited {padding:2px 15px 2px 3px; display: inline-block; margin:1px; background:#fff url("../images/icon_delete.png") no-repeat center right 5px; background-size:7px; text-decoration: none; color:#333; border:1px solid #666;  -webkit-border-radius: 2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:5px; border-radius:2px; font-size:12px; font-size:1.2rem;  font-family:Arial,"新細明體";}
.selectedBox a.selected:hover   {border:1px solid #ccc;}
.selectedBox a.selected:active   {top:1px;}
.selectedBox .msg               {background: #f33; color:#fff; position: absolute; right:0px; top:0px; font-size:12px; font-size:1.2rem; padding:3px 8px; font-family:Arial,"新細明體";}

.list-item                      {text-align: left;font-size:14px}
.list-item h2                   {margin:10px 10px 5px 3px; font-weight: bold;}
.list-item ul                   {letter-spacing: -4px; text-align:left; width: 100%;}
.list-item ul li                {display: inline-block; width: 20%; letter-spacing: normal;}
.list-item ul li a:link,
.list-item ul li a:visited      {display: inline-block; text-decoration: none; color:#333;}
.list-item ul li a:hover        {}
.list-item ul li label          {display: inline-block; width: 100%; padding: 3px; height:30px}
.list-item ul li label:hover    {color:#000; background: #ffe;}
.list-item ul li label input    {top:2px; position: relative;}
.list-item ul li.b              {width: 100%;}
.list-item ul li.b label        {font-weight: bold;}
.list-item .sublist             {display: block; width: 300px; position: absolute;z-index: 999; top:-12px; left:80px;  display: none; padding:10px;}
.list-item .sublist .arrow      {width:8px; height: 12px; background: url("../images/icon-sublist-arrow.png") no-repeat; position: absolute; left: 3px; top: 20px; z-index: 9;}
.list-item .sublist ul          {background: #fff; display: inline-block; width: 100%; -webkit-box-shadow: #e3e3e3 5px 5px 0px; -moz-box-shadow: #e3e3e3 5px 5px 0px; box-shadow: #e3e3e3 5px 5px 0px; padding:5px; border:1px solid #666;}
.list-item .sublist li          {width:50%;}
.list-item li.onhover .sublist  {display: block;}

#position-pane .list-item > ul > li {width: 50%;}
#industry-pane .list-item > ul > li {width: 50%;}
.resume-position-pane .list-item > ul > li {width: 50%;}
.resume-industry-pane .list-item > ul > li {width: 50%;}`


/*************** Mobile *******************/

.mobile-header                 {background: #000;  width: 100%; padding:12px 0px; padding:0; overflow: hidden; display: none;}
.mobile-header nav             {overflow: hidden; overflow-x:auto; -webkit-overflow-scrolling: touch;padding:12px 0px;}
.mobile-header ul              {text-align: justify;  width:75em;}
.mobile-header ul:after        {content: ''; display: inline-block; width: 100%;}
.mobile-header li              {display: inline-block;}
.mobile-header li a:link,
.mobile-header li a:visited    {color:#fff; text-decoration: none; font-size: 15px; font-size:1.5rem; text-transform: uppercase; }
.mobile-header .left           {background: url("../images/navi_shadow_left.png") no-repeat left center; width:80px; height:60px; display: inline-block; position: absolute; left:0; top:0; z-index: 9}
.mobile-header .right          {background: url("../images/navi_shadow_right.png") no-repeat left center; width:80px; height:60px; display: inline-block; position: absolute; right:0; top:0; z-index: 9}
.mobile-header li.blank        {width:80px;}

.header .navi a .dcjq-icon          {display:none;  position: absolute; top: 50%; right:5px;  width: 30px;  margin-top: -7px; height: 15px; background: url(../images/icon-accordion2@2x.png) no-repeat 0 center; background-size:15px;}
.header .navi a.active .dcjq-icon   {background: url(../images/icon-accordion@2x.png) no-repeat 0 center; background-size:15px;}

.toolbars                    {display:none; background: #fff; width: 100%; letter-spacing: -4px;  letter-spacing: -6px; position: fixed; bottom:-50px; z-index: 999;  -webkit-box-shadow:0px -3px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px -3px 10px rgba(0, 0, 0, 0.2); box-shadow:0px -3px 10px rgba(0, 0, 0, 0.2); border:1px solid #999; }
.toolbars ul                 {}
.toolbars ul li              {display: inline-block; width:20%; vertical-align: top;  border-right:0px solid #ccc; letter-spacing: normal; box-sizing: border-box;}
.toolbars ul li a:link,
.toolbars ul li a:visited    {display: inline-block; text-decoration: none; width: 100%; padding:10px 0 5px 0; color:#666; font-size:12px; text-align: center;}
.toolbars ul li a:active     {top:1px;}
.toolbars ul li a span       {display: block; margin:0 auto 5px auto; width: 25px; height:25px; filter:alpha(opacity=60);opacity:0.6;zoom:1; }
#tb-top     {border: 0;}

#tb-home span    {background:url("../images/toolbar@2x.png") no-repeat 0 0; background-size:125px; }
#tb-job span     {background:url("../images/toolbar@2x.png") no-repeat -25px 0; background-size:125px; }
#tb-member span  {background:url("../images/toolbar@2x.png") no-repeat -50px 0; background-size:125px; }
#tb-contact span {background:url("../images/toolbar@2x.png") no-repeat -75px 0; background-size:125px; }
#tb-top span     {background:url("../images/toolbar@2x.png") no-repeat -100px 0; background-size:125px; }

.textLeft        {text-align: left !important;}

#mobile_search                      {overflow-x: hidden;}
#mobile_search .fixedContainer      {}
#mobile_search .searchContainer     {background:transparent; width:100%; margin: auto; padding:0px 0; margin-top:0px;}
#mobile_search .searchContainer .inline                {width:100%;}
#mobile_search .searchContainer .inline .textInput     {border:0; width:200px; width:100%; padding:9px 0; border:1px solid #666; margin-bottom: 15px; box-sizing: border-box;}
#mobile_search .searchContainer .inline .selectStyle   {border:0; width:150px; width:100%; text-align: left; border:1px solid #666; margin-bottom: 15px; padding: 10px 0; text-indent: 5px; box-sizing: border-box; display: block;}
#mobile_search .searchContainer .inline .selectStyle span   {line-height:100%; width: 92%;}
#mobile_search .searchContainer .inline .button        {line-height: 100%; width:100%; padding:12px 0;}
#mobile_search .searchContainer .hot                   {font-size:12px; font-size:1.2rem; display: inline-block; margin-top: 20px; display: block; }
#mobile_search .searchContainer .hot a:link,
#mobile_search .searchContainer .hot a:visited         {display: inline-block; padding:0 3px; color:#000; filter:alpha(opacity=70);opacity:0.7;zoom:1; }
#mobile_search .searchContainer .hot a:hover           {text-decoration: none; filter:alpha(opacity=100);opacity:1.0;zoom:1; }

.deco               {background: #20303f; width:100%; padding:10px; }
.pagetools          {background: #20303f; width:100%; margin: auto; text-align:center; min-width:320px; width:100%; z-index:1000; position: fixed; top: 0px; }
.pagetools .inner				{display: inline-block; width:100%;  letter-spacing: -4px;}
.pagetools .hleft				{float:left; width:20%; margin:1px; text-align:left; letter-spacing: normal}
.pagetools .hmiddle				{float:left; width:60%; letter-spacing: normal}
.pagetools .hmiddle img			{margin:1px auto 5px auto; height:43px; }
.pagetools .hmiddle h1			{font-size:22px; margin-top:10px; color:#fff;}
.pagetools .hright				{width:20%; margin:1px; text-align:right; letter-spacing: normal}
.pagetools .hright a			{line-height:50px; white-space:nowrap;}

.info-note                      {width: 100%; background: #ffc; text-align: center; border-bottom: 1px solid #EADD95; padding:10px 0;}
.info-note p                    {letter-spacing: 1px;}
.info-note p em                 {margin:5px; font-weight:bold; color:#f33;}

.info-note p a:link,
.info-note p a:visited         {display: inline-block; background:url("../images/icon_delete@2x.png") no-repeat right 20px center; background-size:12px; text-decoration: none; color: #333; width:100%;}
.info-note p a:hover           {}
.info-note p a:active          {top:1px;}

.header-btn					{height:25px; padding:10px 0px; display:block; vertical-align:top;}
.header-btn img				{width:25px;}
.header-btn:link,
.header-btn:visited			{color:#333; font-size:14px; text-decoration:none; color:#fff; white-space: nowrap;   line-height: 25px;}
.header-btn:hover			{filter:alpha(opacity=60);opacity:0.6;zoom:1;}
.header-btn:active			{top:1px; position:relative; }

.listContainer                    {width:100%; background: #fff; margin-top:90px;padding-bottom:50px;}
.listContainer h2                 {display: inline-block;  width:100%; font-size:18px; text-indent: 10px; padding: 5px 0; border-bottom: 1px solid #ccc; }
.listContainer ul                 {}
.listContainer ul li              {display: inline-block; width: 100%; border-bottom: 1px solid #eee;}
.listContainer ul li a:link,
.listContainer ul li a:visited    {display: inline-block; width: 100%; padding:10px 0; text-indent: 20px; text-decoration: none; color:#333;}
.listContainer ul li a span       {width: 20px; height: 20px; background: url("../images/icon_arrow_right@2x.png") no-repeat right 0; background-size:20px; display: inline-block; position: absolute; right:10px;}
.listContainer ul li a:hover      {background:#f7f7f7;}
.listContainer ul li label        {display: inline-block; width: 100%; padding:10px 0; text-indent: 20px; text-decoration: none; color:#333; font-weight: bold;}
.listContainer ul li label         {}
.listContainer ul.sub              {margin-top:-5px;}
.listContainer ul.sub li label     {text-indent: 40px; font-weight:normal;}
.listContainer ul li.checked        {background:#EDE6D5; border-bottom: 1px solid #DAD1BC; }

.bottom-tools                     {width:100%; letter-spacing: -4px; background: #fff; width: 100%; letter-spacing: -5px; position: fixed; bottom:0px; z-index: 999;  -webkit-box-shadow:0px -3px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px -3px 10px rgba(0, 0, 0, 0.2); box-shadow:0px -3px 10px rgba(0, 0, 0, 0.2); }
.bottom-tools a:link,
.bottom-tools a:visited           {display: inline-block; padding:10px 0;  width: 50%; color:#333; border-right:1px solid #ccc; letter-spacing: normal; text-align: center; font-size:16px; text-decoration: none;}
.bottom-tools a:hover             {}
.bottom-tools a img               {width: 25px;  vertical-align: bottom;}
.sumbit-btn:link,
.sumbit-btn:visited               {border: 0!important; background:#86B834; color:#fff!important; }
.sumbit-btn:hover                 {border: 0!important;}


@media screen and (max-width: 1052px){
	#ad-frame.lory_slider			{width: 100%;}
}
@media screen and (max-width: 1023px){
	body							{ min-width: 1024px;}
}
@media screen and (max-width: 767px) {
	body							{ min-width: 300px;}
    label.error				{position:relative; margin:5px 0;}
    .header					{border-top: 1px solid #1b71a2;}
    .header .logo                   {margin: 5px 0;}
    .header .inner                  {width:100%; text-align: center; margin-top: 10px;}
    .header .navi                   {display:none; position:absolute; background: #fff; width:100%; border-top:1px solid #000;  left:0; z-index: 999; top:65px; border-bottom: 2px solid #20303f;;}
    .header .navi > ul              {position: static;}
    .header .navi ul li             {display: inline-block; width:100%; display: block; }
    .header .navi ul li > a:link,
    .header .navi ul li > a:visited   {padding:15px 0px; font-size:18px; font-size:1.8rem;  width:100%; display: block; border-bottom: 1px solid #eee; text-align: left; text-indent: 10px; filter: alpha(opacity=100); opacity: 1.0; zoom: 1;}
    .header .navi ul li.current a:link,
    .header .navi ul li.current a:visited	{background:none;}
    .header .navi ul li .subnavi            {display: none;}
    .header .navi ul li.current .subnavi    {display: block;}
    .header .navi ul li.first               {display: block;}
    .header .navi .language                 {display: block;}
    .header .top                            {display: none;}
    .header .navi a .dcjq-icon              {display: block;}
	.header .navi .mobile-login		   {display:block;}

    
    .toolbars                               {display:block;}

    .subnavi                    {position:relative; text-align: center; margin:0px 0; display:block;}
    .subnavi li a:link,
    .subnavi li a:visited       {color:#fff!important; padding:15px 0px 15px 0px!important; font-size: 15px!important; font-size:1.5rem!important; text-indent:30px!important; border-bottom: 1px solid #4285AB!important;}
    .subnavi li.first a         {filter:alpha(opacity=100);opacity:1.0;zoom:1; }
    div.subnavi			{display:none;}

    .searchContainer .bar .textInput    {width:200px;    vertical-align: middle;}
    .searchContainer .bar .button       {width:; padding: 10px 10px; letter-spacing: 0px;     vertical-align: middle;}
    .searchContainer .advance           {width:100%;}
    .searchContainer .advance dt        {width:100%; text-indent: 0; line-height: 120%;}
    .searchContainer .advance dl        {text-align: center;}
    .searchContainer .hot               {line-height: 160%;}

    .searchContainer						{margin:0;}
    .searchContainer .inline .selectStyle	{width:auto; margin-bottom:4px; display: none;}
    .searchContainer .inline .button 		{top:2px;}
    .searchContainer .hot a:link,
    .searchContainer .hot a:visited			{display: none;  padding:0 5px;}


    .kv                 {height: auto; text-align: center; height: 260px; overflow:hidden;}
    .kv .title          {font-size:20px; font-size:2.0rem; top:50%; width: 90%; display: inline-table;}
    .kv > img			    {width:auto; left: -50%; margin-left: 150px; height: 100%;}

    .introWrapper               {width: 100%; margin-top: 0px; letter-spacing: 0px; padding: 20px 0 0 0; margin: 0;}
    .introWrapper .introbox     {width: 90%; margin:10px 0; height: auto; white-space:normal;   text-align: center; min-height: inherit;}
    .introWrapper .introbox .left   {width: 100%; text-align: center;}
    .introWrapper .introbox .left h2 {border:0; border-top: 10px solid #20303f; padding: 10px 0 0 0px; text-align: center; display: inline-block; margin: auto;}
    .introWrapper .introbox .left p  {margin: 15px 10px; text-align: left;}
    .introWrapper .introbox .right   {width: 90%!important; margin:0 auto 20px auto!important; text-align:left; display: none;}
    .introWrapper .introbox .right p {margin-bottom: 20px;}
    .introWrapper .introbox .right ul{margin:0}
    .introWrapper .introbox .right ul li span   {display: block;}
    #service.introbox h2             {border:0; border-top: 10px solid #1b71a2; }
    .introWrapper .introbox.onhover .right  {display: block;}

    .fixedContainer                 			{width:90%; margin: 20px auto 20px auto; text-align:center;}
    .fixedContainer h1				{display:block;}
    .fixedContainer .innerWrapper	{text-align:left;}

    .btn-toggle-menu:link,
    .btn-toggle-menu:visited    {display: block;}
    .mobile-header              {display:block;}

    .btitle                     	{padding:5px 5px; border: 1px solid #fff; margin: 10px 0;}
    .btitle.red                 	{border: 1px solid #F48282}
    .btitle.blue		{border: 1px solid #458FBA;}

    .news-block                 {background: #df3939; text-align: center;  padding-bottom: 20px; margin-bottom: 20px; }
    .news-block p               {color:#fff; width: 70%; left: inherit!important; text-align: left; display: inline-block!important;}
    .ticker-wrapper.has-js      {background: #df3939!important; width: 100%!important; height: auto!important; margin:10px 0;}
    .ticker                     {width: 100%!important; height: auto!important; margin:0!important}
    .ticker-swipe               {width: 100%!important;}
    .ticker-content             {white-space: normal!important;position: relative!important; padding:0!important;   line-height: 1.6em!important;}
    .left .ticker-controls, .left .ticker-content, .left .ticker-title, .left .ticker {float: none!important;}
    .ticker-controls            {padding:0px!important; position:absolute!important; right: inherit!important; top:50%!important; width: 100%; margin-top:-12px;}
    .ticker-controls li             {position: absolute; width:25px!important; height: 25px!important;}
    .ticker-controls li.jnt-next    {right:10px;}
    .ticker-controls li.jnt-prev    {background-image: url('../images/pnavi@2x.png')!important; background-position: 0px -75px!important; background-size: 25px!important;}
    .ticker-controls li.jnt-next {background-image: url('../images/pnavi@2x.png')!important; background-position: 0 -50px!important; background-size: 25px!important;}

    .quote-block                {background: #fff; text-align: center; padding-bottom: 30px; margin-bottom: 20px;}
    .quote-block p              {width:80%; white-space:inherit; line-height: 180%; text-align: left; display: block; padding-right: 0px; margin: auto;}
    .quote-block p img          {position: relative; right: inherit; bottom: inherit;}
    .quote-block p:before       {background: url("../images/icon-comma.png") no-repeat; width:15px; height:12px; margin:10px; background-size:30px;}
    .quote-block p:after            {background: url("../images/icon-comma.png") no-repeat right; width:15px; height:12px; margin:10px; background-size:30px;}


    .adContainer                    {padding:10px 0; background: transparent; margin-bottom: 20px;}
    #ad-frame.lory_slider           {width: 100%;}
    #ad-frame.lory_slider .frame    {width: 80%; margin-left: 10%;}

    #ad-frame.lory_slider li        {width:250px;}
    .lory_slider li img             {width: 100%;}


    .footer .inner                  {width: 100%; padding:30px 0;}
    .footer .inner .column          {display: none; height: auto;}
    .footer .inner #footer-follow   {display: block; width: 100%; text-align: center; margin:0;}
    .footer .inner #footer-follow .mail-btn {display: block!important; margin:10px auto;}
    .copyright				{text-align:center;}
    .copyright .inner               {width: 100%;}
    .copyright p                    {display: block; text-align: center; line-height: 180%; width: 90%; margin: 20px auto;}

    .history-wrapper .item .year		{margin: 10px -5px;}
    .history-wrapper .item .ct		{width:95%;}
    .history-wrapper .item img		{margin:10px 0;}
    .history-wrapper .item p img		{margin:0px 0;}

    .article 					{}
    .article img 				{width:100%;}
    .article h1					{line-height:120%;}
    .article p					{font-size:16px; font-size:1.6rem;}
    .article .content			{margin-top:0;}
    .inner_sidebar				{position:relative; width:94%; padding: 20px 10px;}
    .inner_sidebar p				{font-size:13px;}
    .inner_sidebar .button		{font-size:15px;}
    .article .content .ct_indent	{width:100%;}
	.article .akv img			{width:auto; left: -50%; margin-left:-160px;}
	.course_form .akv img		{width:auto; left: -50%;  margin-left:-160px;}

    .anchorBox					{position:relative; top:inherit; margin-left:0px;}
    .anchorBox ul li				{margin-bottom:5px;}
    
    .lhhLogoBox					{display:none;}		

    .form						{margin:0;}
    .form ul						{width: 100%}
    .form ul li label				{text-align:left; width:100%; color: #666; padding: 10px 0;}
    .form ul li textarea,
    .form ul li .textInput			{width:100%; margin:0px 0!important;}
    .form ul li label.checkbox		{width:100%!important; padding:5px 0; font-size: 15px; font-size: 1.5rem; line-height:120%; }
    .form ul li select				{width:100%;}
    .form_center				{background:transparent;}
    .form_center ul				{left:inherit;}
    .form_center li .controls		{width:100%;}
    .form_center ul li .button		{padding: 10px 0px; width:100%; margin:0; font-size: 16px; font-size: 1.6rem; margin-bottom:10px; }
    .form_center ul li p			{margin:0;}
    .form_center li.li_checkbox	{margin-left: 40px;}
    #contactForm label.error        {right: 0px!important;}
    
    .form .col-2                    {width: 100%;}
    .form .col-2 select             {width:49%;}
    .form .col-2 .col-1             {width: 100%;}
    .form .col-2 .col-1 .textInput  {width:100%;}
	#register .form_center ul		{width:100%;}

    #contact .form select			{margin:5px 0;}
	#contact .form .note			{ margin:10px 0 0 0px; min-width:auto;}


    .pageBot .button,
    .form .pageBot .button		{padding: 10px 0px; width:100%; margin:0; font-size: 16px; font-size: 1.6rem; margin-bottom:10px;}

    #about_imc .content			{border:0;}
	#about_imc .article     		{}
	#about_imc .article:before	{background:url("../images/about_imc@2x.jpg") no-repeat top; height:200px; display:block; background-size:contain; content:'';}
    .introBox					{width:100%!important;}
    .introBox .block				{width:100%;}
    .introBox .block ul li,
    .introBox .block p			{font-size:13px;}

    #about_news .sidebar			{display:none;}
    #about_news .news-wrapper	{width:100%;}
    #job_victory .sidebar		{display:none;}
    #job_victory .news-wrapper	{width:100%;}
    #training_km .sidebar		{display:none;}
    #training_km .news-wrapper	{width:100%;}
    .news-wrapper .item .ct		{width:100%;}
    .news-wrapper .item .tag		{right:0; left:inherit; top:10px;}
    .news-wrapper .item .date	{margin-bottom:10px;}
    .news-wrapper .item a:link,
    .news-wrapper .item a:visited   {font-size:16px; font-size:1.6rem; }

    .pagefoot					{width:100%;}
    #Pagination					{width:100%; text-align: center;}
    .pagefoot .pageguide			{width:100%; float:none; text-align:center; margin-top:20px;}
    .pagination a,
    .pagination span				{color:#333; margin:0 1px; padding: 5px 10px; border:0px solid #eee; }
    .pagination .prev,
    .pagination .next			{margin-right:0px; padding:5px 0;}

    #contact_branch .sidebar				{padding:0; margin:20px; width:auto;}
    #contact_branch .sidebar .col		{width:100%;}
    #contact_branch .sidebar .title		{text-align:center; margin-top:10px;}
    .branch_infor						{height:auto;}

    .course_form .infor					{padding:0px 10px;}
    .course_form .infor p				{font-weight:bold; letter-spacing:0;}
    .course_form .infor p label			{display:block; font-weight:normal; padding:10px 0;}
    .course_form h2						{margin:0; text-align:center;}
    #course-detail .column				{width:100%;}
    #course-detail .column.teacher		{width:100%; position:relative; padding: 10px 0; text-align:center;}
    #course-detail .column.place			{margin-top:30px;}

    .jobtab					{margin:0;}
    .tabPanes .pane			{width:100%; margin:20px 0;}
    .tabPanes .pane .link-more	{float:none; padding:8px 20px; margin-top:20px; width:80%;}
    .jobtab .tabs li a:link,
    .jobtab .tabs li a:visited	{padding: 20px 0px; width: 100%; font-size: 14px; font-size: 93%;}
    .jobtab .tabs li			{width: 20%;}
    #job .hot				{display:none;}

    table tbody td				{text-align:left; padding:5px 5px;}
    table.atable thead th		{width:auto!important;}
    table.atable td			{word-break: break-all;}
	#laws_healthy table.atable th	{white-space: normal;}


    .pane dt					{width:100%; border:0; font-weight:normal; font-size:16px; font-size:1.6rem; padding:20px 0 10px 0}
    .pane dd					{width: 30%; font-size: 15px; font-size:1.5rem;}

    .box					{width:100%; margin-bottom: 30px;}
    .box .ct					{width:100%; text-align:left; width:100%; margin:0; box-sizing: border-box; padding:10px; }
    .box .ct ul				{margin-right:20px;}
    .box .ct ul li a:link,
    .box .ct ul li a:visited	{white-space:normal; color:#fff; font-size:15px; font-size:1.5rem;}
    .box .ct ul li label			{color:#fff; margin-right:10px; font-size:15px; font-size:1.5rem;}
    .box.left				{background: #DF3939; }
    .box.bluebox			{background: #1B71A2; }
    #job .box.wbox.left		{background: #DF3939; }
    #job .box.wbox.right		{background: #1B71A2; }
    .box .btitle				{margin:10px 0 0 0;}
    .bluebox .ct,
    .deepbox .ct				{}
    .bluebox .ct p,
    .deepbox .ct p			{font-size:13px; font-size:1.3rem;}
    .three.columnWrapper .box		{width:100%;}
    .three.columnWrapper .box .ct	{width:auto; width:100%; margin:0; box-sizing: border-box; padding:10px; }

    #recommend-jod .block	{margin-bottom:20px;}
    .recommend-block		{margin-top: 20px; margin-bottom: 20px; width:90%; margin:0px auto;}
    .recommend-block p		{width:100%; white-space:normal; text-align:left; line-height:160%; padding:0;}
    .recommend-block span	{position:relative; right:0px; margin:0; margin-top:10px;}
    .recommend-block img		{height: 80px; margin:20px 0;  right: 0; top:0px; position: relative;}
    .sectionMsg				{background:transparent; padding-top:0; }
    .sectionMsg .inner		{width:100%;text-align: center;}
    .sectionMsg .inner p		{width:90%; white-space:normal; line-height:160%; font-size:20px; font-size:2.0rem; color:#000;}
    .sectionMsg .inner .button	{margin-top:20px;}

    .popupStyle 			        {max-width: 90%; padding:20px 10px;	}
    .popupStyle .button.close,
    .popupStyle .button.close:link,
    .popupStyle .button.close:visited	{padding:10px 0; width:100%; margin-bottom:10px;}
    .list-item ul li						{width:33%;}

    #job_talent .fixedContainer .innerWrapper   {padding:20px 10px; -webkit-box-shadow: #e3e3e3 3px 3px 0px; -moz-box-shadow: #e3e3e3 3px 3px 0px; box-shadow: #e3e3e3 3px 3px 0px; border:1px solid #e3e3e3; background:#fff;}
    #talent .item						{width:80%; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; border:0; background:#fff;  }
    #talent .swiper-slide .ct			{width:100%;}
    #talent .swiper-slide .thumb			{width:100%; margin-top:20px;}
    #talent .swiper-slide p				{font-size:14px; font-size:1.4rem;}
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev 	{right: 5px!important; background-size: 18px 21px!important;}
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next	{left: 5px!important; background-size: 18px 21px!important;}
    .swiper-container-horizontal > .swiper-pagination   {bottom:0!important;}
    #talent .swiper-cube-shadow {display: none; }

    .safe-box			{width:100%; border:0; height:auto;}
    #laws_safe .col3		{width:100%;}
    #laws_safe .col3 p	{word-break: break-all; font-size: 15px;}

    /*member*/
    .member.fixedContainer			{margin-top: 20px!important;}
    .member .innerWrapper			{background: #fff; padding: 20px 10px!important; border: 1px solid #e3e3e3; text-align:center; }
    .member .mainPane				{width:100%;  text-align:left;  padding:0;-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; margin-left:0px; }
    .member.fixedContainer .sidebar	{display:none;}
    .member h1						{display:none;}
    .member .mainPane h1				{display:block; display:none; text-align: left;}
	.member .mainPane .list li p		{margin-right:50px;}
    .mainPane .tools					{margin-top:0;}
	.mainPane .tools.floatLeft		{margin-left:10px;}
    #memberPageSelect				{display:block; font-size:24px; font-size:2.4rem; margin-bottom:10px; border:0; font-family:Arial, 'Meiryo', "微軟正黑體", "新細明體", sans-serif; width:100%; border:1px solid #ddd;}
    #memberPageSelect option,
    #memberPageSelect optgroup		{font-size:15px; font-size:1.5rem;}
    .member .resultPanes table .name:link,
    .member .resultPanes table .name:visited	{width: 140px; width:100%; display: inline-block;}
    .member .resultPanes table 				{}
    #member_faq_detail	.mainPane h1			{display:block;}
	.member .mainPane .rnote        			{position:relative; right:inherit; top:inherit; float:right;}
	
    .faqBox			{}
    .faqBox textarea 	{width: 100%; height:50px;}
    .faqBox .button	{margin-top:10px; width:100%;}

    #profile,
    #matchlist		{position:relative; left:inherit; top:inherit; margin:20px 0;}
    #msg			{width:100%;}
    #profile .tools	{position:relative; margin:10px 0; width: 100%; text-align: center;}
    #profile .tools a	{padding:9px 10px;}
    #profile .dialog_box    {position:relative; display:block; top:5px; right:inherit; margin:auto; width:90%; text-align: center; clear: both; }

    #member_employee #profile .tools {position:relative; top:inherit; right: inherit;}
    #member_employee #profile .right {display: inline-block; margin-top: 10px; }
    #member_employee #desc           {position:relative;  top:inherit;}


    .adminform fieldset					{background:transparent;}
    .adminform .control-group			{border:0; margin-top:10px;}
    .adminform .control-group label		{float:none; width:auto; margin:0; padding:0;  display: inline-block; line-height:160%; font-size:1.4rem;}
    .adminform .control-group .controls	{margin-left:0px;}
    .adminform .control-group .controls .textInput,
    .adminform .control-group .controls textarea		{width:100%; margin-bottom:5px;}
    .adminform .control-group .controls .dateInput	{width:44%; margin-bottom:5px;}
    .adminform .control-group .controls label.inline	{width:45%;}
    .adminform select									{/*width:32%; width:100%; */margin-bottom:5px;}
	.adminform .control-group .controls .selectStyle   {max-width:180px;}
    .member .toolbar									{width:100%; float:none; padding: 20px 0 0px 0px;}
    .member .toolbar .button							{padding:10px 0; width:100%; font-size: 16px; font-size: 1.6rem; margin-bottom:10px;}
    .adminform .control-group .controls p				{color:#999; font-size:12px;}
    form#wlMember .adminform fieldset                   {background:transparent;}
    form#wlMember .adminform .control-group .controls   {margin: 0;}
    form#wlMember .adminform .control-group > label     {width: auto;}
    

    #member_insurance .form .button		{margin-bottom:20px;}
    .recode-item .tools					{position:relative; float:none; top:inherit; right:inherit; margin: 10px;}
	.recode-item .tools form         		{float:left; margin:5px 0 0 0;}
    #member_match .resultTabs ul li			{width:50%;}
    #member_match .resultTabs ul li a:link,
    #member_match .resultTabs ul li a:visited	{padding:10px 5px; font-size: 13px; font-size: 1.3rem;}
	#member_match .mainPane .rnote			{top:inherit; float:left; }
    .ptbox:link,
    .ptbox:visited							{width:100%;}

    #member_resume .add					{}
    #member_resume .add span				{width:100%;  display: inline-block;}
    #member_resume .add .textInput			{width:40%;}
    #member_resume .resultTabs ul li 			{width: 33%;}
    #member_resume .resultTabs ul li a:link,
    #member_resume .resultTabs ul li a:visited	{width: 100%; text-align: left; padding:10px 0; text-indent: 10px;}

    #member_resume fieldset.readonly .controls		{margin:0;}
    #member_resume fieldset.readonly .controls p	{font-size:15px;}
    #member_resume #skill-lang .form-item span	{padding: 1px 1px;}
    #member_resume #skill-lang .form-item p		{color:#333; font-size:13px;}
    #member_resume #skill-lang .trash-btn		{position:relative; right:inherit; top:inherit;}

    .upload-box						{margin-top:0; padding:0; background:#fff;}
    .upload-box .button				{padding: 6px 5px;}

    #accordion-wrapper				{display:none!important;}
    .accordion-wrapper				{height:auto!important;}
    .accordion-wrapper .slide		{float:none; position:relative;  width: 100%; left: inherit!important; height: inherit!important; margin-bottom: 10px; }
    .accordion-wrapper .slide img	{width:100%; left: inherit!important;}
    .accordion-wrapper .caption		{width:100%; padding:10px 0;}
    .accordion-wrapper .caption p	{text-align:left; margin:0 10px; line-height: 140%; width:90%;}

    #training .columnWrapper		{margin:0}
    #training #slider			{display:none;}
    #training_index				{display:block; padding-bottom:20px;}
    #training_index .item		{}
    #training_index .item a		{display:block; width:100%; overflow:hidden; height:260px;}
    #training_index .item h3	{display:block; position:absolute; width:70%; color:#fff; background:url("../images/tooltipBg2.png"); padding:20px 20px; text-align: center; font-size:18px; font-size:1.8rem; z-index:999; bottom:0px; left:0; right:0; margin:auto; bottom:5%; }
    #training_index .item img	{/*height:260px; left:-50%; margin-left:150px;*/} 
    #training_index .swiper-pagination		{bottom:10px;}

    #service_index				{display:block!important; padding-bottom:20px; }
    #service_index .item		{text-align: center;}
    #service_index .item a		{display:block; width:100%; overflow:hidden;}
    #service_index .item h3		{display:block; position:absolute; width:80%; color:#fff; background:url("../images/tooltipBg2.png"); padding:10px 0; font-size:18px; font-size:1.8rem; z-index:999; bottom:0px; left:0; right:0; margin:auto; bottom:10%; }
    #service_index .item img						{width:auto; height:100%; /*left:-50%;*/}
    #service_index .swiper-pagination		  {bottom:10px;}
    #service_index .caption		              {width:80%; bottom:10px; z-index: 99; left:0; right:0; margin:auto; text-align: left;}
    #service_index .caption h1	              {text-align:left; font-size:2.1rem; line-height:100%;}
    #service_index .caption p	              {display: block; color:#ccc; font-size:1.5rem;}
    #service_index .caption p a               {display: initial; text-decoration: none;}
    #service_index .caption p b               {display: inline-block; font-weight: bold;}
	.ja #service_index .caption p	              {font-size:1.2rem;}
	.en #service_index .caption p	              {font-size:1.1rem;}

	
    #courses			{margin-top: 30px;}
    .course				{width:100%;}
    .course .thumb		{float:left; overflow:hidden; position:absolute; left:0;}
    .course .ct			{float:left; width:auto; margin-left: 150px;}
    .course.ad .ct		{margin-left:0px;}
    .course.ad .thumb	{height: initial; position:relative;}
	.course-tag			{float:left;}

    div#teacher			{width:100%; background:#fff; margin-bottom:60px;}
    .tbox				{width:auto; padding:0; margin:20px;}
    .tbox a:link,
    .tbox a:visited		{position:relative; right:inherit; top:inherit;  margin: 20px auto;}

    .teach_banner		{width:100%; height:auto; margin-top:0px; text-align:center; padding: 20px 0;}
    .teach_banner .thumb    {position:relative; bottom:inherit; margin:0; }
    .teach_banner img	{}
    .teach_banner div	{position:relative; width:90%; right:inherit; top:inherit; margin:20px auto; text-align:left;}
    .teach_banner .button	{position:relative; width:90%; padding:10px 0; right:inherit; bottom:inherit; margin:auto; font-size:16px;}
    .teachWrapper			{width:100%;}
    .teachWrapper .column	{width:100%; padding-bottom:0;}
    .teachWrapper .teachBox	{height:280px; padding:15px;}
    .teachWrapper #free .teachBox 	{height:230px;}
    .teachWrapper .teachBox .button	{width:90%; bottom:15px;}
    .teachWrapper p         {width:100%;}

    .teamPane .item			{width:100%; padding:0px; text-align:center;}
    .teamPane .item .ct		{position:relative; top:inherit; margin:0;  text-align: center;}
    .teamPane .item .name	{text-align:center; margin: 0px 0;}
    .teamPane .item p		{font-size:13px; margin:10px;}
    .teamPane .item a		{margin-bottom:20px; font-size:16px;}

    #training_course .fixedContainer .innerWrapper {padding:0; background:transparent; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; border: 0px solid #e3e3e3; }
    #training_course_detail .pageBot .button		{padding:10px 0;}
    #course-detail .column.teacher .ct			{margin:0;}
    #training_km .news-wrapper .item .tag			{margin-bottom: 10px;}

    .uploadBlock                {background:#f3f3f3; text-align:center;}
    .uploadBlock .title         {display:block;}
    .uploadBlock .upload-btn    {position:relative; right:inherit; top:inherit;}

    #job_search_result          {}
    #job_search_result .sidebar {display: none;}
    #job_search_result .pagehead{display: none;}
    #job_search_result .fixedContainer                  {width:100%;}
    #job_search_result .fixedContainer .mainPane        {width:100%; background: transparent; }
    #job_search_result .fixedContainer .innerWrapper    {background: transparent; -webkit-box-shadow:none; -moz-box-shadow:none; border:0;}
    #job_search_result .mainPane .tools     {float:right; margin-top: -42px;}
    #job_search_result .fixedContainer h1   {text-indent: 10px;}
    .resultPanes                {background: #fff;}
    .resultPanes table, .resultPanes thead, .resultPanes tbody, .resultPanes th, .resultPanes td, .resultPanes tr { display: block; }

    .resultPanes thead tr       {position: absolute; top: -9999px; left: -9999px;}
    .resultPanes tr             {border-bottom: 1px solid #eee; padding:10px; position: relative;}
    .resultPanes td             {border: none; position: relative; padding:2px 5px; }
    .resultPanes th             {position: absolute; right:5px; top:5px; border:0; z-index: 99;}

    .resultTabs                 {width:100%;}
    .resultTabs .tabs           {letter-spacing: -5px;}
    .resultTabs ul li           {width:25%;}
    .resultTabs ul li a:link,
    .resultTabs ul li a:visited {padding:10px 0; width:100%; box-sizing: border-box;}
    .resultPanes table .job_name:link,
    .resultPanes table .job_name:visited    {font-size:18px;}
	
	#record_absent						{}
	#record_absent .resultPanes thead tr       {position:relative; top:inherit; left:inherit; }	
	#record_absent .resultPanes table			{display: table; width:660px; background:#fff;}
	#record_absent .resultPanes thead		{display: table-header-group;}
	#record_absent .resultPanes tbody		{display: table-header-group;}
	#record_absent .resultPanes th,
	#record_absent .resultPanes td			{display:table-cell;}
	#record_absent .resultPanes tr 			{display:table-row;}
	#record_absent .innerWrapper 			{overflow-x: scroll; -webkit-overflow-scrolling: touch; }


    #vacancy.article .head				{border-bottom:1px solid #eee; width:100%; margin-bottom:0px; padding-bottom:10px;}
    #vacancy.article .head h1			{width:100%;}
    #vacancy.article .head .tools		{position:relative; text-align:center; width:100%; display:inline-block; right:0;}
    #vacancy.article .infor  li label		{width:100%; font-size:13px; margin-bottom:5px;}
    #vacancy.article .infor  li p			{font-size:14px; width:100%;}
    #vacancy.article .infor  li ol			{font-size:14px;}
    #vacancy.article .infor  li ol li			{font-size:14px;}
    #vacancy.article .remind				{}
    #vacancy.article .remind p			{font-size:14px;}
    #vacancy.article .remind p a			{}
	#vacancy.article .shareTools			{top:inherit; text-align:center; position:relative;}
	#vacancy.article .tools .linkedin	{margin-bottom:3px;}

    #register-pane .checkbox    {width: 80%; margin: 5px 0; display: inline-block; padding:5px 0; text-align: left; text-indent: 10px;}
    
    .coaching_form .control-group .controls           {width:100%;}
    .coaching_form .note                              {width:95%; }
    .coaching_form li textarea                        {width:100%!important;}
    .coaching_form li input[type="file"]              {margin-left:0px;}
    .coaching_form li img       {margin:0 0px;}
	
	.btn-back:link,
	.btn-back:visited	{position: absolute; left: 0px; top: -60px; background:url("../images/icon_back@2x.png") no-repeat left; font-size:0; padding:0; width:25px; height:25px; background-size:25px; filter:alpha(opacity=50);opacity:0.5;zoom:1; }
	.btn-back:hover		{background:url("../images/icon_back@2x.png") no-repeat left; background-size:25px; }
	.btn-back:active	{top:-60px;}
	 
	#job_search_result .btn-back:link,
	#job_search_result .btn-back:visited	{top: -80px; left:15px;}
	#job_search_result .btn-back:active	{top: -80px; }
	#training_km_detail .btn-back:link,
	#training_km_detail .btn-back:visited	{top:-125px;}
	#training_km_detail .btn-back:active		{top:-125px; }
	#job_new .btn-back:link,
	#job_new .btn-back:visited	{top: -143px; left:15px;}
	#job_new .btn-back:active	{top: -143px; }
	
	.fixedContainer > .innerWrapper > .btn-back:link,
	.fixedContainer > .innerWrapper > .btn-back:visited	{top: -105px; left:0px;}
	.fixedContainer > .innerWrapper > .btn-back:active	{top: -105px; }
    
	#coaching_form_free .fixedContainer > .innerWrapper > .btn-back:link,
	#coaching_form_free .fixedContainer > .innerWrapper > .btn-back:visited,
	#coaching_form_free .fixedContainer > .innerWrapper > .btn-back:active,
    #coaching_form_pay .fixedContainer > .innerWrapper > .btn-back:link,
	#coaching_form_pay .fixedContainer > .innerWrapper > .btn-back:visited,
	#coaching_form_pay .fixedContainer > .innerWrapper > .btn-back:active	{top: -60px; }
	
	.fixedContainer > .innerWrapper > .mainPane > .btn-back:link,
	.fixedContainer > .innerWrapper > .mainPane > .btn-back:visited	{top: -200px; left:0px; border:0;}
	.fixedContainer > .innerWrapper > .mainPane > .btn-back:active	{top: -200px; }
	
	#team				{width:100%; height:450px; height:auto; letter-spacing:-1px;}
	#team .pbox		   	{height:181px; width:80px; height:90px; float:none; display:inline-block; vertical-align:top; margin-bottom:3px;    width: 120px; height: 138px; }
	#team .pbox p      	 	{width:80px;}
	
	#member_activity .resultPanes table, 
	#member_activity .resultPanes thead,
	#member_activity .resultPanes tbody, 
	#member_activity .resultPanes th, 
	#member_activity .resultPanes td, 
	#member_activity .resultPanes tr {display:inherit;}
	#member_activity .member .resultPanes table .name:link,
	#member_activity .member .resultPanes table .name:visited {width:100px;}
	
	#member_msg .resultPanes table, 
	#member_msg .resultPanes thead,
	#member_msg .resultPanes tbody, 
	#member_msg .resultPanes th, 
	#member_msg .resultPanes td, 
	#member_msg .resultPanes tr 	{display:inherit;}
	#member_msg .member .resultPanes table .name:link,
	#member_msg .member .resultPanes table .name:visited {width:100px;}
	
	.btn-switch:link, .btn-switch:visited	{margin-top:-10px;}
	.progressBar		{width: 100%; position:relative; right:inherit; top:inherit; margin-top:20px;}
	#member_welfare table th	{width:40px;}
    
    #about_us .content                  {padding-top:50px;}
    #about_us .content > .white-btn     {left:0!important; top:0!important;}

    #errorPage .error            {width: 250px;  height:250px; margin: auto; margin-top: 45%;}
    #errorPage .error .logo      {width:120px; margin-top:50px;}
    #errorPage .error h1         {font-size:28px;}
	
	#training_km_detail iframe     {width:100%; min-height:200px;}
	
	
	/*jp*/
	.jp#job .job-intro							{background:#fff; padding:20px; box-sizing:border-box; border:1px solid #f1f1f1; background:#fff url("../images/job_bg_jp.jpg") no-repeat right top; background-size:contain; box-sizing:border-box; text-align:left;}
	.jp#job .job-intro .ct						{margin-right:0px; margin-top:200px; margin-bottom:50px;}
	.jp#job .job-intro h1						{font-size:24px;}
	.jp#job .job-intro p							{font-size:15px; line-height:180%;}
	.jp#job .job-intro .send-resume				{width:100%; box-sizing:border-box;}
	/*en*/
	.en#job .job-intro							{background:#fff; padding:20px; box-sizing:border-box; border:1px solid #f1f1f1; background:#fff url("../images/job_bg_jp.jpg") no-repeat right top; background-size:contain; box-sizing:border-box; text-align:left;}
	.en#job .job-intro .ct						{margin-right:0px; margin-top:200px; margin-bottom:50px;}
	.en#job .job-intro h1						{font-size:24px;}
	.en#job .job-intro p							{font-size:15px; line-height:180%;}
	.en#job .job-intro .send-resume				{width:100%; box-sizing:border-box;}
	
	
	.shareTools           {position: absolute; right:0; width:100%; position:relative; clear:both; padding-top:10px; text-align:center;}
	.share-btn:link,
	.share-btn:visited    {width: 33px; height:33px;  margin-right:2px; background-image: url("../images/social-icon@4x.png"); background-repeat: no-repeat;}
	.share-btn#mail       {background-position: 0 0 ; background-size: 33px; }
	.share-btn#facebook   {background-position: 0 -33px ; background-size: 33px;}
	.share-btn#line       {background-position: 0 -66px; background-size: 33px; }
	.share-btn#linkin     {background-position: 0 -99px; background-size: 33px; }
	.share-btn#weibo      {background-position: 0 -132px; background-size: 33px; }
	.share-btn#wechat     {background-position: 0 -165px; background-size: 33px;}
}
@media screen and (max-width: 667px) {}
@media screen and (max-width: 480px) {
	#service_index .item img						{left:-50%;}
}



/*salary*/
#salary						{font-family:Arial, "微軟正黑體", "新細明體", sans-serif; width:29.7cm; margin:auto; }
#salary .fixedContainer		{margin:10px; width:auto; text-align: center}
#salary .innerWrapper		{-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; margin:auto;}
.salary_top					{width:100%; margin-bottom:30px; text-align:left;}
.salary_top ul				{display:inline-block; letter-spacing:-5px;}
.salary_top ul li				{display:inline-block; width:49%; letter-spacing:normal; font-size:12pt; vertical-align:top;}
.salary_top ul li label			{display:inline-block; margin-right:10px; font-weight:bold;}
.salary_top ul li span			{}
.salary_ct					{width:100%; letter-spacing:-6px; text-align:left; }
.salary_ct h2				{line-height:180%; font-size:16px; font-weight:bold;}
.salary_ct .block			{display:inline-block; width:25%; padding:0 2%; border-right:1px solid #ddd; box-sizing: border-box; letter-spacing:normal; vertical-align:top; padding-left: 0; width:23%; margin-right:1%;}
.salary_ct .block:nth-child(4)	{border-right:0!important; margin-right:0%;} 
.salary_ct .block ul 			{ margin-bottom:10px;}
.salary_ct .block ul li			{font-size:10pt; width:100%; margin:8px 0;}
.salary_ct .block ul li	label		{display:inline-block; }
.salary_ct .block ul li	span	{float:right;}

.salary_ct li.note			{margin-top:20px!important; }
.salary_ct li.note span		{float:none!important; display:block; line-height:160%; margin-top:10px; color:#06c}
#salary .pageBot				{letter-spacing:normal;} 

#footer-mobile  {display: none; width: 100%; text-align: center; margin-bottom: 10px; padding-bottom: 5px; color:#ccc; border-bottom:1px solid #34393e;}
#footer-mobile a {padding: 5px 0;}

@media screen and (max-width: 767px) {
	.kv					{height: auto;}
	.kv .title          {font-size:14px; top:35%; display:flex; align-items:flex-end; justify-content:center;}
	.kv-thumb			{display:none;}
	.mobile_mainVisualBG	{display:block; height:260px; width:100%;}
	.swiper-button-prev, .swiper-button-next {display:none;}
	
	.introWrapper       {margin-top: -60px;}
	
	#salary				{width:100%;}
	.salary_top ul li		{width:100%; margin:5px 0;}
	.salary_top ul li label	{display:block; font-weight:bold; font-size:12px; margin-bottom:5px; color:#999;}
	.salary_ct .block	{width:100%; border:0; border-top:1px solid #ddd; padding-top:20px;}

	#footer-mobile   {display: block;}
}

@media print {
    #salary 					{background:#fff;}
    #salary .innerWrapper	{}
	#salary .pageBot			{display:none;}
	#salary .block			{padding-left: 0; width:24%; }
	.fixedContainer .innerWrapper	{border:0;}
}


.vailMsg{
	color:white;
	background-color:#F3494E;
	border-radius: 3px;
}

/* main-banner  */
#main-banner .swiper-pagination-bullet-active {
	opacity: 1;
	background: #444444;
}

#main-banner .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	border: 3px solid gray;
	bottom: 50px;
}

#main-banner .swiper-button-prev {
	background-image:
		url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23666666'%2F%3E%3C%2Fsvg%3E");
}

#main-banner .swiper-button-next {
	background-image:
		url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23666666'%2F%3E%3C%2Fsvg%3E");
}

#main-banner .kv-thumb {
	position: relative;
	height: 360px;
}

#main-banner .kv-thumb img {
	position: absolute;
	left: 50%; 
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	height: 360px;
	width: auto;
}

#main-banner .swiper-slide-active{
	z-index: 10;
}
/* main-banner  end */