body,nav, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, tr, td {
	margin: 0;	padding: 0;	border: 0;	list-style-type: none;}
img {	width: 100%;	margin:0;	padding:0;	border:0;	vertical-align: middle;	display:block;}
address, caption, cite, code, dfn, em, strong, th, var {	font-style:normal;	font-weight:normal;}
ol, ul {	list-style:none;}
caption, th {	text-align:left;}
q:before, q:after {	content:'';}
abbr, acronym {	border:0;}

body::before {
    content: '';
    background-image:
    image-url('index9btn01_01.png'), image-url('index9btn01_02.png'), image-url('index9btn01_03.png'),
	image-url('index9btn01c_01.png'),image-url('index9btn01c_02.png'), image-url('index9btn01c_03.png'),
    image-url('index9btn01c-h_01.png'),image-url('index9btn01c-h_02.png'), image-url('index9btn01c-h_03.png'),
	image-url('index9btn01-h_01.png'),image-url('index9btn01-h_02.png'), image-url('index9btn01-h_03.png'),
	
	image-url('index9btn02_01.png'), image-url('index9btn02_02.png'), image-url('index9btn02_03.png'),
	image-url('index9btn02c_01.png'),image-url('index9btn02c_02.png'), image-url('index9btn02c_03.png'),
    image-url('index9btn02c-h_01.png'),image-url('index9btn02c-h_02.png'), image-url('index9btn02c-h_03.png'),
	image-url('index9btn02-h_01.png'),image-url('index9btn02-h_02.png'), image-url('index9btn02-h_03.png'),
	
	image-url('index9btn03_01.png'), image-url('index9btn03_02.png'), image-url('index9btn03_03.png'),
	image-url('index9btn03c_01.png'),image-url('index9btn03c_02.png'), image-url('index9btn03c_03.png'),
    image-url('index9btn03c-h_01.png'),image-url('index9btn03c-h_02.png'), image-url('index9btn03c-h_03.png'),
	image-url('index9btn03-h_01.png'),image-url('index9btn03-h_02.png'), image-url('index9btn03-h_03.png');
}
body{font-family: Arial, Helvetica, sans-serif, "微軟正黑體",Microsoft JhengHei, STHeiti;	font-size: 16px; color:#7a7a7a;  background-size:cover; background-attachment: fixed; }
.topnav{ display:none}
.title_menu{float:left; width:100%;background-color:#1f5e75; padding:2% 0% 0% 0%; border-bottom:1px solid #FFFFFF; box-shadow:1px 0px 7px 3px rgba(0, 0, 0, 0.5); position:fixed; z-index:1}
.center{ float:left; width:66%; padding:0% 17%}
/* PC Menu */ 
ul {/* 取消ul預設的內縮及樣式 */ margin: 0; padding: 0;list-style: none;}
ul.drop-down-menu {  display: inline-block; font-family: 'Open Sans', Arial, sans-serif;font-size: 13px; background-color:#1f5e75}
ul.drop-down-menu li { width:18%;  position: relative;  white-space: nowrap;}
ul.drop-down-menu li.CE{ width:10%}
ul.drop-down-menu>li:last-child {  border-right: none;}
ul.drop-down-menu>li {  float: left;  /* 只有第一層是靠左對齊*/}
ul.drop-down-menu a {background-color:#1f5e75; color: #333; display: block; padding: 0 30px; text-decoration: none; line-height: 40px;}
ul.drop-down-menu li:hover>a { /* 滑鼠移入次選單上層按鈕保持變色*/background-color:rgba(31, 94, 117, 0.9) ; color: #fff;}
ul.drop-down-menu ul { width:100%; position: absolute;  z-index: 999999;  left: -1px;  top: 100%;  min-width: 180px;}
ul.drop-down-menu ul li { width:100%;  }
ul.drop-down-menu ul li a { background-color:rgba(31, 94, 117, 0.6) ; color:#FFF; text-align:center;line-height:20px; padding:5% 0% ;}
ul.drop-down-menu ul li:last-child {  border-bottom: none;}
ul.drop-down-menu ul ul {/*第三層以後的選單出現位置與第二層不同*/  z-index: 999; top: 10px;  left: 90%;}
ul.drop-down-menu ul {  /*隱藏次選單*/ display: none;}
ul.drop-down-menu li:hover>ul {  /* 滑鼠滑入展開次選單*/ display: block;}

.middle{ float:left; width:100%;  }
.middle_btn{ width:80%; margin:0% 10% 20% 10%; float:left}
.middle_btn ul{ width:29%; float:left; margin:0% 2%}
.middle_btn ul li{ width:100%; float:left;}
.middle_btn ul li .btnE_HR-HR{ width:100%; background:url(../images/index9btn01_01.png) no-repeat; background-size:100% auto; padding-bottom:41.8%}
.middle_btn ul li .btnE_HR-HR:hover{ background:url(../images/index9btn01-h_01.png) no-repeat; background-size:100% auto; }
.middle_btn ul li .btnE_HR-VISA{ width:100%; background:url(../images/index9btn01_02.png) no-repeat; background-size:100% auto; padding-bottom:31.5%}
.middle_btn ul li .btnE_HR-VISA:hover{ background:url(../images/index9btn01-h_02.png) no-repeat; background-size:100% auto;  }
.middle_btn ul li .btnE_HR-PLR{ width:100%; background:url(../images/index9btn01_03.png) no-repeat; background-size:100% auto; padding-bottom:44%}
.middle_btn ul li .btnE_HR-PLR:hover{ background:url(../images/index9btn01-h_03.png) no-repeat; background-size:100% auto;  }

.middle_btn ul li .btnE_Legal-LC{ width:100%; background:url(../images/index9btn02_01.png) no-repeat; background-size:100% auto; padding-bottom:41.8%}
.middle_btn ul li .btnE_Legal-LC:hover{ background:url(../images/index9btn02-h_01.png) no-repeat; background-size:100% auto; }
.middle_btn ul li .btnE_Legal-TC{ width:100%; background:url(../images/index9btn02_02.png) no-repeat; background-size:100% auto; padding-bottom:31.5%}
.middle_btn ul li .btnE_Legal-TC:hover{ background:url(../images/index9btn02-h_02.png) no-repeat; background-size:100% auto;  }
.middle_btn ul li .btnE_Legal-PRP{ width:100%; background:url(../images/index9btn02_03.png) no-repeat; background-size:100% auto; padding-bottom:44%}
.middle_btn ul li .btnE_Legal-PRP:hover{ background:url(../images/index9btn02-h_03.png) no-repeat; background-size:100% auto;  }

.middle_btn ul li .btnE_O-BR{ width:100%; background:url(../images/index9btn03_01.png) no-repeat; background-size:100% auto; padding-bottom:41.8%}
.middle_btn ul li .btnE_O-BR:hover{ background:url(../images/index9btn03-h_01.png) no-repeat; background-size:100% auto; }
.middle_btn ul li .btnE_O-OSL{ width:100%; background:url(../images/index9btn03_02.png) no-repeat; background-size:100% auto; padding-bottom:31.5%}
.middle_btn ul li .btnE_O-OSL:hover{ background:url(../images/index9btn03-h_02.png) no-repeat; background-size:100% auto;  }
.middle_btn ul li .btnE_O-FAC{ width:100%; background:url(../images/index9btn03_03.png) no-repeat; background-size:100% auto; padding-bottom:44%}
.middle_btn ul li .btnE_O-FAC:hover{ background:url(../images/index9btn03-h_03.png) no-repeat; background-size:100% auto;  }

.middle_btn ul li .btnC_HR-HR{ width:100%; background:url(../images/index9btn01c_01.png) no-repeat; background-size:100% auto; padding-bottom:41.8%}
.middle_btn ul li .btnC_HR-HR:hover{ background:url(../images/index9btn01c-h_01.png) no-repeat; background-size:100% auto; }
.middle_btn ul li .btnC_HR-VISA{ width:100%; background:url(../images/index9btn01c_02.png) no-repeat; background-size:100% auto; padding-bottom:31.5%}
.middle_btn ul li .btnC_HR-VISA:hover{ background:url(../images/index9btn01c-h_02.png) no-repeat; background-size:100% auto;  }
.middle_btn ul li .btnC_HR-PLR{ width:100%; background:url(../images/index9btn01c_03.png) no-repeat; background-size:100% auto; padding-bottom:44%}
.middle_btn ul li .btnC_HR-PLR:hover{ background:url(../images/index9btn01c-h_03.png) no-repeat; background-size:100% auto;  }

.middle_btn ul li .btnC_Legal-LC{ width:100%; background:url(../images/index9btn02c_01.png) no-repeat; background-size:100% auto; padding-bottom:41.8%}
.middle_btn ul li .btnC_Legal-LC:hover{ background:url(../images/index9btn02c-h_01.png) no-repeat; background-size:100% auto; }
.middle_btn ul li .btnC_Legal-TC{ width:100%; background:url(../images/index9btn02c_02.png) no-repeat; background-size:100% auto; padding-bottom:31.5%}
.middle_btn ul li .btnC_Legal-TC:hover{ background:url(../images/index9btn02c-h_02.png) no-repeat; background-size:100% auto;  }
.middle_btn ul li .btnC_Legal-PRP{ width:100%; background:url(../images/index9btn02c_03.png) no-repeat; background-size:100% auto; padding-bottom:44%}
.middle_btn ul li .btnC_Legal-PRP:hover{ background:url(../images/index9btn02c-h_03.png) no-repeat; background-size:100% auto;  }

.middle_btn ul li .btnC_O-BR{ width:100%; background:url(../images/index9btn03c_01.png) no-repeat; background-size:100% auto; padding-bottom:41.8%}
.middle_btn ul li .btnC_O-BR:hover{ background:url(../images/index9btn03c-h_01.png) no-repeat; background-size:100% auto; }
.middle_btn ul li .btnC_O-OSL{ width:100%; background:url(../images/index9btn03c_02.png) no-repeat; background-size:100% auto; padding-bottom:31.5%}
.middle_btn ul li .btnC_O-OSL:hover{ background:url(../images/index9btn03c-h_02.png) no-repeat; background-size:100% auto;  }
.middle_btn ul li .btnC_O-FAC{ width:100%; background:url(../images/index9btn03c_03.png) no-repeat; background-size:100% auto; padding-bottom:44%}
.middle_btn ul li .btnC_O-FAC:hover{ background:url(../images/index9btn03c-h_03.png) no-repeat; background-size:100% auto;  }

/* 內頁們*/ 
.page_box{ float:left; width:100%}
.page_box .center{ float:left; width:56%; padding:0% 22%; margin:8% 0% 8% 0%}
.page_box .page-in_box{ float:left; width:92%; padding:4%; box-shadow:1px 4px 6px 3px rgba(0, 0, 0, 0.3); background-color:rgba(255,255, 255,0.8); border-radius:10px}
.page_box .title{ width:100%; float:left}
.title .symbol{ width:18%; margin:1% 41% 1% 41%; float:left;}
.title .title_word{ width:100%; float:left; font-family:sans-serif, "微軟正黑體","Times New Roman"; font-size:30px; text-align:center}

.page_box .about_box{ ; float:left;width:96%; border: 2px solid #CCC; border-radius: 15px; padding: 2%; margin: 2% 0% 0% 0% }
.about_box .a-logo{ width:24%; margin:2% 38% 2% 38%; float:left}
.about_box .article{ float:left; width:100%; line-height:26px; font-size:16px; border-bottom:dashed 2px #cccccc; padding-bottom:2%; margin-bottom:2%}
.article .a_pic{ float:left; width:70%; margin:0% 15%}
.a_pic li{ float:left; width:46%; margin:2% 2% 2% 2%}
.a_pic li img{ width:100%}
.a_pic li span{ width:100%; float:left; text-align:center; font-weight:600; line-height:18px; font-size:11px}

.about_box .align-li{ width:100%; float:left; margin:0% 0% 2% 0%}
.align-li .title_a-left{ float:left; width:48%; padding:0.8%; border-right:dashed 2px #cccccc; margin-bottom:2%}
.align-li .title_a-right{float:left; width:48%; padding:0.8%;margin-bottom:2%}
.align-li li .a-tpic{ width:78%; margin:0% 11% 0% 11%; float:left}
.align-li li .cu_title{ float:left;  width: 100%; text-align: center; margin-bottom:2%}
.title_a-right a{float:left; color:rgba(0,153,255,1);margin-bottom: 4%; text-align: center;  width: 100%;}
.align-li li{ width:100%; float:left; line-height:25px}
.align-li li .num{float:left; width:4%; font-size:16px }
.align-li li .L-s{float:left; width:96%;font-size:16px}
.about_box .title_a-PLT li img,.about_box .title_a-CSC li img{ width:80%; margin:0% 10%}
.about_box .about_pic-s{ float:left; width:100%; margin:2% 0% 2% 0%}
.about_box .certificate{ float:left; width:10% }


.page_box .Box01{float:left; width:96%; border: 2px solid #CCC; border-radius: 15px; padding: 2%; margin: 2% 0% 0% 0% }
.Box01 .QA{width:100%; float:left; margin:2% 0%}
.Box01 .QA .title{font-size:22px; line-height:26px; font-weight:700}
.Box01 .QA li{width:100%; float:left; margin:1% 0% 1% 0%;line-height:23px; font-size:16px;}
.Box01 .HR_pic-s,.Box01 .PAGCOR_pic-s,.Box01 .tax_pic-s{ float:left; width:100%; margin:2% 0% 2% 0%}
.QA li .num{float:left; width:3%; line-height:20px; font-size:16px }
.QA li .L-s{float:left; width:97%;line-height:20px; font-size:16px}

.table{ width:100%; float:left; display: table;  border-collapse: collapse; margin-top:2%}
.row{display: table-row; border:solid 1px #CCC; }
.cell1 {display: table-cell;width: 8%;border-right: 1px dotted #ccc; background:rgba(255,255,255,0.8); vertical-align:middle; text-align:left; line-height:22px}
.cell2 {display: table-cell;width: 29%;padding-left: 5px;padding-right:5px; border-right: 1px dotted #ccc;background:rgba(255,255,255,0.8); vertical-align:middle; text-align:left; line-height:22px}
.cell3 {display: table-cell;width: 29%;padding-left: 5px;padding-right: 5px; border-right: 1px dotted #ccc; background:rgba(255,255,255,0.8); vertical-align:middle; text-align:left; line-height:22px}
.cell4 {display: table-cell;width: 29%;padding-left: 5px;padding-right: 5px;background:rgba(255,255,255,0.8); vertical-align:middle; text-align:left; line-height:22px}

.slogan{width:54%; margin:13% 23% 6% 23%; float:left;}
.fac-slogan{width:54%; margin:5% 23% 2% 23%; float:left;}
.page_box .BoxFAC{float:left; width:96%; border: 2px solid #CCC; border-radius: 15px; padding: 2%; margin: 1% 0% 0% 0% }
.BoxFAC { float:left; width:96%; border: 2px solid #CCC; border-radius: 15px; padding: 2%; margin: 2% 0% 0% 0% }
.BoxFAC .logo_box{ float:left; width:100%}
.logo_box .logoB-title{ float:left; width:96%; padding:2% 2% 1% 2%; margin-bottom:2%; text-align:center; font-size:20px; border-bottom:dashed 2px #cccccc; font-family:"Times New Roman","微軟正黑體", Times, serif}
.logo_box li{ float:left; width:19%; padding:0.5%}
.BoxFAC .O-clients{ float:left; width:100%}
.O-clients .OC-title{ float:left; width:96%; padding:2% 2% 1% 2%; margin-bottom:2%; text-align:center; font-size:20px; border-bottom:dashed 2px #cccccc; font-family:"Times New Roman","微軟正黑體", Times, serif}
.O-clients li{ float:left; width:96%; padding:1% 2% 1% 2%; text-align:center; font-size:14px}

.footer{ float:left; width:100%;background-color:#1f5e75; position:fixed; bottom:0px}
.footer_pic{float:left; width:40%; padding:0.5% 30% 0% 30%;}
.footer .email_box{ float:left; width: 40%;    padding: 0% 30% 0.5% 30%; color:#8ea6af; font-size:12px}
.email_box li{ float:left; width:50%}
.email_box li .cu_title{ float:left; text-align:right; width:38%}
.email_box li a{ float:left; width:62%;color:#8ea6af;}
.email_box li a:hover{color:#0FF}
.foort_words{ border-top:#8ea6af dashed 1px; float:left; width:100%; padding:0.3% 0%; text-align:center; color:#8ea6af; font-size:12px}

.ol-pic{ width:100%; float:left}
.jssora05l, .jssora05r {display: block;position: absolute; /* size of arrow element */ width: 40px;height: 40px;cursor: pointer;background: url('../images/office-pic/a17.png') no-repeat;overflow: hidden;	}
.jssora05l { background-position: -10px -40px; }
.jssora05r { background-position: -70px -40px; }
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -190px -40px; }
.jssora05l.jssora05ldn { background-position: -250px -40px; }
.jssora05r.jssora05rdn { background-position: -310px -40px; }
.jssora05l.jssora05lds { background-position: -10px -40px; opacity: .3; pointer-events: none; }
.jssora05r.jssora05rds { background-position: -70px -40px; opacity: .3; pointer-events: none; }
	/* jssor slider thumbnail navigator skin 01 css *//*.jssort01 .p            (normal).jssort01 .p:hover      (normal mouseover).jssort01 .p.pav        (active).jssort01 .p.pdn        (mousedown)*/
.jssort01 .p {  position: absolute;  top: 0;  left: 0;  width: 72px;  height: 72px;}
.jssort01 .t {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  border: none;}
.jssort01 .w {  position: absolute;  top: 0px;    left: 0px; width: 100%; height: 100%;}
.jssort01 .c {  position: absolute;  top: 0px; left: 0px; width: 68px; height: 68px; border: #000 2px solid; box-sizing: content-box;    background: url('../images/office-pic/t01.png') -800px -800px no-repeat;    _background: none;}
.jssort01 .pav .c {    top: 2px;  _top: 0px;   left: 2px;    _left: 0px;    width: 68px;  height: 68px;    border: #000 0px solid;    _border: #fff 2px solid;    background-position: 50% 50%;}
.jssort01 .p:hover .c {    top: 0px;    left: 0px;    width: 70px;    height: 70px;  border: #fff 1px solid;    background-position: 50% 50%;}
.jssort01 .p.pdn .c {    background-position: 50% 50%;    width: 68px;  height: 68px;  border: #000 2px solid;}* html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c {    /* ie quirks mode adjust */    width /**/: 72px;    height /**/: 72px;}

@media (max-width: 1600px) {
.center{ width:90%; padding:0% 5% 0% 5%}
.page_box .center{width:90%; padding:0% 5% 0% 5%;}
}
@media (max-width: 1300px) {
.center{ width:100%; padding:0% 0% 0% 0%}
.page_box .center{width:96%; padding:0% 2% 0% 2%; margin:14% 0% 10% 0%}
.page_box .page-in_box{ width: 92%; padding: 4%;}
}