/*網頁黃:#FFD946;網頁主打色系*/
/*網頁橘:#FF8000;*/

/*
備註by Chienlin
※ 1em=100%=12pt=16px
※ 0.75em=75%=9pt=12px
pt: 一般印列用字體尺寸，
px: 像素單位(pixel)
em:同百分比，1em=100%=12pt=16px = 瀏覽器預設尺寸，通常是 16px，em可以使用階層的方式設定，如第一層設定為2em，其子階層設定為 0.5em， 則子階層的實際尺寸為(2*0.5 = 1em)
percent(%): 同上，如第一層設定為200%，其子階層設定為 50%， 則子階層的實際尺寸為(200%*50% = 100%)
*/

/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
html{
font-family:sans-serif;
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%
}

body{
margin:0
}

article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{
display:block
}

audio,canvas,progress,video{
display:inline-block
}

audio:not( [controls] ){
display:none;
height:0
}

progress{
vertical-align:baseline
}

template,[hidden]{
display:none
}

a{
background-color:transparent;
-webkit-text-decoration-skip:objects;
text-decoration:none;
}

a:active,a:hover{
outline-width:0;
color:#FF8000;
}

abbr[title]{
border-bottom:none;
text-decoration:underline;
text-decoration:underline dotted
}

b,strong{
font-weight:inherit
}

b,strong{
font-weight:bolder
}

dfn{
font-style:italic
}

h1{
font-size:2em;
margin:0.67em 0
}

mark{
background-color:#ff0;
color:#000
}

small{
font-size:80%
}

sub,sup{
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline
}

sub{
bottom:-0.25em
}

sup{
top:-0.5em
}

img{
max-width:100%;
height:auto;
border-style:none
}

svg:not( :root ){
overflow:hidden
}

code,kbd,pre,samp{
font-family:monospace, monospace;
font-size:1em
}

figure{
margin:0
}

hr{
box-sizing:content-box;
height:0;
overflow:visible
}

button,input,select,textarea{
font:inherit;
margin:0
}

optgroup{
font-weight:bold
}

button,input{
overflow:visible
}

button,select{
text-transform:none
}

button,html [type="button"],[type="reset"],[type="submit"]{
-webkit-appearance:button;
cursor:pointer
}

button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{
border-style:none;
padding:0
}

button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{
outline:1px dotted ButtonText
}

fieldset{
border:1px solid #c0c0c0;
margin:0 2px;
padding:0.35em 0.625em 0.75em
}

legend{
box-sizing:border-box;
color:inherit;
display:table;
max-width:100%;
padding:0;
white-space:normal
}

textarea{
overflow:auto
}

[type="checkbox"],[type="radio"]{
box-sizing:border-box;
padding:0
}

[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{
height:auto
}

[type="search"]{
-webkit-appearance:textfield;
outline-offset:-2px
}

[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{
-webkit-appearance:none
}

::-webkit-input-placeholder{
color:inherit;
opacity:0.54
}

::-webkit-file-upload-button{
-webkit-appearance:button;
font:inherit
}

.clear:after,#header .w-wrap:after,#main-nav:after,.intro-wrap:after,#home .sec-wrap:after,#news .news-history .date-wrap:after,#sitemap .intro-wrap:after,#seminar .form-wrap:after,#seminar .form-wrap fieldset:after,#seminar .form-wrap .cate-wrap:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden
}

.noSelect{
user-select:none;
-o-user-select:none;
-moz-user-select:none;
-khtml-user-select:none;
-webkit-user-select:none
}

::-webkit-input-placeholder{
font-size:1.6em;
font-size:1.6rem;
color:#333
}

:-moz-placeholder{
font-size:1.6em;
font-size:1.6rem;
color:#333;
opacity:1
}

::-moz-placeholder{
font-size:1.6em;
font-size:1.6rem;
color:#333;
opacity:1
}

:-ms-input-placeholder{
font-size:1.6em;
font-size:1.6rem;
color:#333
}

html{
font-size:62.5%;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
height:100%
}

body{
max-width:100%;
margin-left:auto;
margin-right:auto;
font-size:1.5em;
font-size:1.5rem;
position:relative;
font-family:Arial,Helvetica,"Helvetica Neue",Tahoma,Verdana,"微軟正黑體","Microsoft JhengHei","MHei","STHeitiTC-Light",sans-serif;
color:#333;
line-height:1.5;
text-align:center;
height:100%
}

body:after{
content:" ";
display:block;
clear:both
}

body.lock{
overflow:hidden;
-webkit-backface-visibility:hidden
}

*,*:before,*:after{
box-sizing:inherit
}

label{
cursor:pointer
}

input[type="search"],input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="button"],input[type="reset"],input[type="submit"]{
font-size:1.6em;
font-size:1.6rem;
padding:6px;
vertical-align:middle;
line-height:1.42857
}

input[type="checkbox"],input[type="radio"],input[type="submit"],input[type="reset"],input[type="button"]{
vertical-align:middle;
cursor:pointer
}

select{
font-size:1.6em;
font-size:1.6rem;
padding:6px;
cursor:pointer;
vertical-align:middle;
line-height:1.42857
}

textarea{
font-size:1.6em;
font-size:1.6rem;
padding:6px;
resize:none;
height:160px;
line-height:1.42857
}

h1,h2,h3,h4,h5,h6,strong,th{
font-weight:bold
}

a,button{
outline:0 none;
color:inherit
}

button{
line-height:1.42857
}

nav ul,nav li{
margin:0;
padding:0;
list-style:none outside none
}

#content {
    position: relative;
    display: block
}

#content .acc03 {
    top: -20px
}

#header .mobile-side{
-moz-transition:all .3s;
-o-transition:all .3s;
-webkit-transition:all .3s;
transition:all .3s;
position:absolute;
top:100%;
width:100%;
left:-100%
}

#header .on.mobile-side{
left:0
}

#home .banner{
position:relative;
max-width:1200px;
margin:0 auto;
overflow:hidden
}

#home .banner a{
display:block;
text-decoration:none;
color:inherit
}

#home .banner img{
margin:0 auto;
overflow:hidden;
display:block
}

#home .banner .figure{
min-height:80px
}

#home .banner .figure img{
/*visibility:hidden*/
min-height:80px;
overflow:hidden;
visibility:visible; /* fixed by Chienlin*/
}

#home .banner .text{
font-size:1.5em;
font-size:1.5rem;
font-family:"微軟正黑體","Microsoft JhengHei","Arial,Helvetica","Helvetica Neue","Tahoma,Verdana","sans-serif";
padding:10px 5px;
text-align:center;
/*background:#002B69;/*圖下方的text背景色*/
/*color:#fff;/*圖下方的text字色*/
background:#FFD946;/*圖下方的text背景*/
color:#0000FF
}

#home .banner .text span{
font-size:1.2em;
font-size:1.2rem;
display:block
}

#home .banner .slick-wrap{
padding:0 0 40px;
white-space:nowrap;
width:99999px;
overflow:hidden
}

#home .banner .slick-wrap .item{
float:left
}

#home .banner .slick-wrap.slick-initialized{
width:auto
}

#home .banner .slick-arrow{
font-size:0;
position:absolute;
width:30px;
height:100%;
top:0;
margin:-50px 0 0;
text-indent:-999px;
overflow:hidden;
display:block;
z-index:1
}

#home .banner .slick-prev{
left:10px;
background:url( ../images/css/arrow-prev03.png ) center no-repeat
}

#home .banner .slick-prev:hover{
background:url( ../images/css/arrow-prev03-on.png ) center no-repeat
}

#home .banner .slick-next{
right:10px;
background:url( ../images/css/arrow-next03.png ) center no-repeat
}

#home .banner .slick-next:hover{
background:url( ../images/css/arrow-next03-on.png ) center no-repeat
}

#home .banner .slick-dots{
position:absolute;
left:0;
bottom:10px;
width:100%;
text-align:center;
margin:0;
padding:0;
font-size:0
}

#home .banner .slick-dots li{
border-radius:50%;
position:relative;
display:inline-block;
vertical-align:middle;
margin:0 10px;
padding:0;
list-style:none;
background:#fff;
width:11px;
height:11px;
border:1px solid #66646C;
overflow:hidden
}

#home .banner .slick-dots li.slick-active{
/*background:#016CA3;/*banner點點顏色*/
background:#008000;/*banner點點顏色*/
}

#home .banner .slick-dots button{
filter:progid:DXImageTransform.Microsoft.Alpha( Opacity=0 );
opacity:0;
position:absolute;
width:100%;
height:100%;
left:0;
top:0
}

#about .banner,#academic .banner,#research .banner,#administrative .banner,#recruitment .banner,#im .banner,#user .banner,#news .banner,#main .banner,#sitemap .banner,#seminar .banner,#information .banner{
position:relative;
max-width:1200px;
*margin:0 auto 10px; /*大圖改flash*/
margin:0px auto 0;	
overflow:hidden
}

#about .banner .title,#academic .banner .title,#research .banner .title,#administrative .banner .title,#recruitment .banner .title,#im .banner .title,#user .banner .title,#news .banner .title,#sitemap .banner .title,#seminar .banner .title,#information .banner .title{
font-size:2.5em;
font-size:2.5rem;
text-shadow:0 0 5px #000;
position:absolute;
color:#fff;
width:100%;
text-align:center;
left:0;
top:20%
}

#about .banner .title span,#academic .banner .title span,#research .banner .title span,#administrative .banner .title span,#recruitment .banner .title span,#im .banner .title span,#user .banner .title span,#news .banner .title span,#sitemap .banner .title span,#seminar .banner .title span,#information .banner .title span{
display:none
}

#about .banner .bg,#academic .banner .bg,#research .banner .bg,#administrative .banner .bg,#recruitment .banner .bg,#im .banner .bg,#user .banner .bg,#news .banner .bg,#sitemap .banner .bg,#seminar .banner .bg,#information .banner .bg{
z-index:0
}

#about .banner .bg img,#academic .banner .bg img,#research .banner .bg img,#administrative .banner .bg img,#recruitment .banner .bg img,#im .banner .bg img,#user .banner .bg img,#news .banner .bg img,#sitemap .banner .bg img,#seminar .banner .bg img,#information .banner .bg img{
-moz-transform:translate( -50%, 0 );
-ms-transform:translate( -50%, 0 );
-webkit-transform:translate( -50%, 0 );
transform:translate( -50%, 0 );
position:relative;
left:50%;
*position:static;
display:block;
margin:0 auto;
width:auto !important;
max-width:none;
height:130px  !important
}

.info-nav{
font-size:1.4em;
font-size:1.4rem;
font-weight:bold;
margin:0 auto 10px
}

.info-nav a{
position:relative;
display:block;
text-decoration:none;
padding:10px 10px 8px
}

.info-nav>ul{
display:none
}

.info-nav>ul>li{
position:relative;
border:1px solid #ddd;
border-top:0 none
}

.info-nav>ul>li:first-child{
border-top:1px solid #ddd
}

.info-nav>ul>li>a{
color:#4B72B7;
padding:10px 50px 8px 10px
}

.info-nav>ul>li>a:before,.info-nav>ul>li>a:after{
content:'';
display:block;
position:absolute
}

.info-nav>ul>li>a:before{
border-radius:50%;
top:50%;
right:15px;
width:14px;
height:14px;
margin:-7px 0 0;
background:#AB72B7
}

.info-nav>ul>li>a:after{
right:18px;
top:50%;
width:0;
height:0;
margin:-2px 0 0;
border-style:solid;
border-width:4px 4px 0 4px;
border-color:#fff transparent transparent transparent
}

.info-nav .label{
border-radius:0;
position:relative;
display:block;
width:100%;
border:0 none;
padding:0;
background:#FF8000;
text-align:left;
z-index:0
}

.info-nav .label:after{
content:'';
display:block;
position:absolute;
width:40px;
height:100%;
right:0;
top:0;
background:url( ../images/css/icon-arrow08.png ) center no-repeat;
z-index:1
}

.info-nav .label span{
position:relative;
display:block;
padding:10px 40px 10px 10px;
color:#fff
}

.info-nav .label span:before,.info-nav .label span:after{
content:'';
display:block;
position:absolute;
z-index:-1
}

.info-nav .label span:before{
width:2px;
height:65%;
top:15%;
right:40px;
background:url( ../images/css/border-bg.png ) center repeat-y
}

.info-nav .label span:after{
bottom:0;
left:0;
border-top:1px solid #FF9946;/*左側框中色*/
width:100%;
height:4px;
background:#FFD946/*左側框底色*/
}

.info-nav .sub-nav li{
border:1px solid #fff;
background:#e8e8e8;
border-width:0 1px 1px
}

.on.info-nav>ul{
display:block
}

.cate-wrap .cate,#sitemap .cate{
position:relative;
font-size:0
}

.cate-wrap .cate a,#sitemap .cate a{
font-size:1.4em;
font-size:1.4rem;
display:block;
color:inherit;
padding:5px;
white-space:nowrap;
overflow:hidden;
text-decoration:none;
text-overflow:ellipsis
}

.cate-wrap .cate ul,#sitemap .cate ul{
display:none;
background:#fff;
width:100%;
border:1px solid #eee;
border-top:0 none;
padding:10px;
max-height:400px;
overflow-y:auto
}

.cate-wrap .cate li,#sitemap .cate li{
border-bottom:1px solid #eee
}

.cate-wrap .cate li.on,#sitemap .cate li.on{
display:none
}

.cate-wrap .cate .label-title,#sitemap .cate .label-title{
font-size:1.5em;
font-size:1.5rem;
-moz-appearance:none;
-webkit-appearance:none;
border-radius:0;
position:relative;
display:block;
text-align:left;
width:100%;
height:40px;
line-height:40px;
border:1px solid #ddd;
padding:0 20px 0 10px;
cursor:pointer;
white-space:nowrap;
background:#ececec;
overflow:hidden;
text-overflow:ellipsis
}

.cate-wrap .cate .label-title:after,#sitemap .cate .label-title:after{
content:'';
display:block;
width:10px;
height:6px;
position:absolute;
right:10px;
top:50%;
margin:-3px 0 0;
background:url( ../images/css/icon-arrow09.png ) center no-repeat
}

.cate-wrap .on.cate ul,#sitemap .on.cate ul{
display:block
}

.cate-wrap .cate select,#sitemap .cate select{
width:100%
}

#administrative .news-list .date,#news .news-list .date{
font-size:1.2em;
font-size:1.2rem;
position:relative;
display:block;
color:#00598B
}

#administrative .news-list .title,#news .news-list .title{
font-size:1.5em;
font-size:1.5rem;
margin:0;
padding:0;
line-height:1.5
}

#news .news-list .text{
font-size:1.4em;
font-size:1.4rem;
margin:0;
padding:0;
line-height:1
}

#administrative .news-list .source,#news .news-list .source{
font-size:1.2em;
font-size:1.2rem;
display:block;
color:#aaa;
font-weight:bold;
margin:5px 0 0
}

#administrative .news-list .item-group,#news .news-list .item-group{
font-size:0;
border-top:2px solid #ececec
}

#administrative .news-list .item-group ul,#news .news-list .item-group ul,#administrative .news-list .item-group li,#news .news-list .item-group li{
margin:0;
padding:0;
list-style:none outside none
}

#administrative .news-list .item-group li,#news .news-list .item-group li{
position:relative;
border-bottom:1px dotted #ccc;
color:#444
}

#administrative .news-list .item-group a,#news .news-list .item-group a{
font-size:1.2em;
font-size:1.2rem;
position:relative;
display:block;
padding:10px 0;
text-decoration:none
}










#search-wrap{
-moz-transition:all .3s;
-o-transition:all .3s;
-webkit-transition:all .3s;
transition:all .3s;
font-size:1.6em;
font-size:1.6rem;
position:absolute;
min-height:40px;
height:40px;
width:100%;
left:100%;
padding:0px 0px 0px 0px;
/*background:#3988B3*/
background:#FFD946;
display:inline-block;
}

#search-wrap .google-search{
width:160px;
margin:0px 0px 0px 0px;
overflow:hidden;
display:inline-block;
}

#search-wrap .google-search *{
box-sizing:content-box;
/*height:auto;*/
height:30px auto;
}

#search-wrap .gsc-search-box td.gsc-input {
    padding-right: 6px;
}

/* Search button */
#search-wrap .gsc-search-button-v2 {
  font-size: 0;
  padding: 0px 6px 0px 0px;
  width: auto;
  background-color: #FFD946;
}

.on#search-wrap{
left:0;
display:inline-block;
}

#translate {
-moz-transition:all .3s;
-o-transition:all .3s;
-webkit-transition:all .3s;
transition:all .3s;
font-size:1.6em;
font-size:1.6rem;
padding:0px 20px;
/*background:#3988B3*/
background:#FFD946;
display:inline-block;
}

#translate .google_translate_element *{
display:inline-block;
}

#home .comm-section .btn-more{
font-size:1.2em;
font-size:1.2rem;
display:inline-block;
margin:10px 0;
padding:8px 15px 5px;
color:#006CA3;
border:1px solid #ddd;
text-align:center;
font-weight:bold
}

#news .news-detail .btn-back{
font-size:1.4em;
font-size:1.4rem;
display:block;
width:104px;
color:#53A9D1;
border:1px solid #ddd;
padding:8px 5px;
text-align:center
}

#main .main-detail .btn-back{
font-size:1.4em;
font-size:1.4rem;
display:block;
width:104px;
color:#53A9D1;
border:1px solid #ddd;
padding:8px 5px;
text-align:center
}

#main .main-list .btn-back{
font-size:1.4em;
font-size:1.4rem;
display:block;
width:104px;
color:#53A9D1;
border:1px solid #ddd;
padding:8px 5px;
text-align:center
}

#header{
position:relative;
margin:0 auto;
padding:0;
/*background:#3A3C64;*/
background:#FFD946;/*頁首顏色*/
z-index:999
}

#header ul,#header li{
list-style:none outside none
}

#header a:focus,#header button:focus {
    background-color: #FFD946
}

#header .w-wrap{
/*max-width:1200px;*/
max-width:1150px;

margin:0 auto;
/*
padding: 10px 15px
*/
padding: 0px 0px 0px 0px;
}

#header .w-wrap .text{
font-size:0.8em;
font-size:0.8rem;
font-family:"微軟正黑體","Microsoft JhengHei",Arial,Helvetica,"Helvetica Neue",Tahoma,Verdana,sans-serif;
padding:0px 50px;
text-align:center;
color:#0000FF;
}

#header .btn-sitemap{
font-size:1.2em;
font-size:1.2rem;
font-weight:bold;
position:relative;
background:#FFA750;/*小畫面選單背景色*/
color:#FFFFFF;
overflow:hidden;
}

#header .btn-sitemap a{
color:inherit;
display:block;
height:40px;
line-height:40px;
text-decoration:none;
margin:0;
padding:0;
text-align:center
}

#header .lang-wrap{
font-size:1.2em;
font-size:1.2rem;
font-weight:bold;
position:relative;
background:#FFA750;/*小畫面選單背景色*/
color:#FFFFFF;
overflow:hidden;
}

#header .lang-wrap:after{
*filter:progid:DXImageTransform.Microsoft.Alpha( Opacity=43 );
*opacity:.43;
*content:'';
*display:block;
*position:absolute;
*left:50%;
*top:50%;
*width:1px;
*height:20px;
*margin:-10px 0 0 .5px;
*background:#fff
}

#header .lang-wrap ul,#header .lang-wrap li{
margin:0;
padding:0
}

#header .lang-wrap ul {
    display: table;
    width: 100%
}

#header .lang-wrap li {
    display: table-cell;
    vertical-align: middle;
    width: 25%;
    padding: 0 1px
}

#header .lang-wrap a{
color:inherit;
display:block;
height:40px;
line-height:40px;
text-decoration:none;
margin:0;
padding:0;
text-align:center
}

#header .title{
font-size:3.6em;
font-size:3.6rem;
position:relative;
float:left;
color:#fff;
margin:8px 0 0 35px;
padding:5px 5px 5px 20px;
border-left:1px solid #6EB6D9
}

#header .title span{
font-size:1.2em;
font-size:1.2rem;
display:inline-block;
vertical-align:baseline;
margin:0 0 0 10px
}

#header .btn-home{
position:absolute;
top:50%;
margin:-11px 0 0;
right:20px;
padding:0 0 0 20px;
color:#fff;
text-decoration:none;
background:url( ../images/css/icon-home.png ) left center no-repeat
}

#logo {
position:relative;
width:150px;
margin:0;
padding:10px 0;
left:0px;
display:inline-block
}

#logo a,#logo img{
display:block
}

#top-head{
background:none;
vertical-align:middle;
position:relative;
}

#top-head .ask-nchu{
float:left;
width:100px;
margin:0 auto;
padding:0 0 0 0;
left:0px;
display:inline-block;	
}

#nav-btn,#nav-btn2,#search-btn{
position:absolute;
display:block;
font-size:0;
top:50%;
margin:-15px 0 0;
width:40px;
height:30px;
border:0 none;
text-indent:-9999px;
overflow:hidden;
z-index:2
}

#nav-btn{
right:0
}

#nav-btn .thumb{
width:22px;
height:2px;
background:#fff;
display:block;
position:absolute;
left:50%;
margin:0 0 0 -11px;
-moz-transform-origin:center;
-ms-transform-origin:center;
-o-transform-origin:center;
-webkit-transform-origin:center;
transform-origin:center
}

#nav-btn .thumb.thumb-1,#nav-btn .thumb.thumb-2,#nav-btn .thumb.thumb-3{
-moz-transition:all .3s;
-o-transition:all .3s;
-webkit-transition:all .3s;
transition:all .3s
}

#nav-btn .thumb.thumb-1{
top:8px
}

#nav-btn .thumb.thumb-2{
top:50%;
margin-top:-1px
}

#nav-btn .thumb.thumb-3{
bottom:8px
}

#nav-btn.on .thumb{
height:4px
}

#nav-btn.on .thumb-1{
top:50%;
margin-top:-2px;
-moz-transform:rotate( -45deg );
-webkit-transform:rotate( -45deg );
-o-transform:rotate( -45deg );
-ms-transform:rotate( -45deg );
transform:rotate( -45deg )
}

#nav-btn.on .thumb-2{
filter:progid:DXImageTransform.Microsoft.Alpha( Opacity=0 );
opacity:0
}

#nav-btn.on .thumb-3{
top:50%;
margin-top:-2px;
-moz-transform:rotate( 45deg );
-webkit-transform:rotate( 45deg );
-o-transform:rotate( 45deg );
-ms-transform:rotate( 45deg );
transform:rotate( 45deg )
}

#main-nav{
-moz-transition:all .3s;
-o-transition:all .3s;
-webkit-transition:all .3s;
transition:all .3s;
position:relative;
width:100%;
left:0;
font-size:0;
font-family:"微軟正黑體","Microsoft JhengHei",Arial,Helvetica,"Helvetica Neue",Tahoma,Verdana,sans-serif;
color:#555
}

#main-nav a{
padding:10px 0;
display:block;
text-decoration:none
}

#main-nav li{
font-size:1.4em;
font-size:1.4rem;
font-weight:bold;
background:#fff;
border-bottom:1px solid #e0e0e0
}

#main-nav li.on>a{
color:#fff;
background:#27C0DC
}

#main-nav .nav-wrap{
position:relative
}

#main-nav .nav-wrap>ul{
box-shadow:1px 1px 2px #ccc
}

#main-nav .nav-wrap>ul>li{
font-size:1.4em;
font-size:1.4rem
}

#main-nav .nav-wrap>ul>li>a{
position:relative;
padding:10px 20px
}

#main-nav .has-nav>a{
z-index:9
}

#main-nav .has-nav>a:before,#main-nav .has-nav>a:after{
position:absolute;
display:block;
right:10px;
top:0;
width:10px;
height:100%
}

#main-nav .has-nav>a:before{
background:url( ../images/css/icon-arrow02.png ) center no-repeat
}

#main-nav .has-nav>a:after{
content:'';
background:url( ../images/css/icon-arrow03.png ) center no-repeat
}

#main-nav .has-nav.on>a:before{
content:''
}

#main-nav .has-nav.on>a:after{
content:none
}

#main-nav .has-nav.on>.sub-nav{
z-index:1
}

#main-nav .mobile-nav{
position:absolute;
left:100%;
top:0;
width:100%
}

#main-nav .mobile-nav .lv1{
left:0
}

#main-nav .mobile-nav .lv2{
left:100%
}

#main-nav .sub-nav{
visibility:hidden;
position:absolute;
top:0;
width:100%;
background:#fff
}

#main-nav .sub-nav ul{
overflow-y:auto
}

#main-nav .sub-nav li a{
position:relative;
padding:10px 25px
}

#main-nav .sub-nav.on{
visibility:visible
}

#main-nav .btn-back{
font-size:1.4em;
font-size:1.4rem;
color:#FF8000;
text-align:left;
width:100%;
display:block;
padding:10px 40px;
border:0 none;
border-bottom:1px solid #e0e0e0;
background:url( ../images/css/icon-arrow04.png ) 20px center no-repeat
}

#main-nav.on{
left:0
}

#main-nav.lv1{
left:-100%
}

#main-nav.lv2{
left:-200%
}

#nav-btn2{
right:85px;
background:url( ../images/css/icon-person01.png ) center no-repeat
}

#primary-nav,#second-nav{
filter:progid:DXImageTransform.Microsoft.Alpha( Opacity=0 );
opacity:0;
position:absolute;
width:100%;
left:-100%;
top:0;
z-index:0
}

#primary-nav.on,#primary-nav.switch,#second-nav.on,#second-nav.switch{
filter:progid:DXImageTransform.Microsoft.Alpha( enabled=false );
opacity:1;
left:0
}

#primary-nav.switch,#second-nav.switch{
-moz-transition:all .3s;
-o-transition:all .3s;
-webkit-transition:all .3s;
transition:all .3s;
z-index:1
}

#search-btn{
right:45px;
background:url( ../images/css/icon-magnifier2.png ) center no-repeat
}

#quick-nav{
background:#fff;
overflow:hidden
}

#quick-nav li{
font-size:1.3em;
font-size:1.3rem;
position:relative;
float:left;
width:33.33333%;
color:#555;
font-weight:bold
}

#quick-nav li:before{
content:'';
display:block;
position:absolute;
left:0;
top:50%;
height:16px;
width:1px;
background:#ccc;
margin:-8px 0 0
}

#quick-nav a{
display:block;
text-decoration:none;
padding:10px 0 8px;
text-align:center
}



#footer{
clear:both;
position:relative;
/*
color:#fff;
background:#3A3C64;
*/
color:#00f;/*頁尾字色*/
background:#FFD946;/*頁尾顏色*/
font-family:"微軟正黑體","Microsoft JhengHei",Arial,Helvetica,"Helvetica Neue",Tahoma,Verdana,sans-serif;
overflow:hidden
}

#footer  a:link{
	color: #00f;
	text-decoration: none;
}
#footer  a:visited{
	color: #00f;
	text-decoration: none;
}
#footer  a:hover{
	color: #F00;
	text-decoration: none;
}

#footer .corp-wrap{
font-size:1.2em;
font-size:1.2rem;
max-width:1200px;
margin:0 auto;
text-align:center;
padding:25px 10px
}

#footer .corp-wrap span{
display:block
}

#footer .corp-wrap .show-last span{
color:#FF0000;
}

#footer .design{
font-size:1.2em;
font-size:1.2rem;
display:none;
margin:10px 0;
font-weight:normal
}

#footer .design a{
text-decoration:underline;
font-weight:bold
}

#footer .footer-logo{
width:72px;
margin:0 auto;
display:none
}

/*
#footer .footer-logo img{
display:block;
margin:0 auto
}
*/

#footer .footer-nav{
font-size:0;
padding:15px;
/*background:#ececec;*/ 
background:#ececec;/*快速選單顏色*/
overflow:hidden
}

#footer .footer-nav a{
display:block
}

#footer .footer-nav>ul{
max-width:1200px;
margin:0 auto
}

#footer .footer-nav>ul>li{
margin:0 0 10px
}

#footer .footer-nav>ul>li.on .sub-nav{
display:block
}

#footer .footer-nav .sub-nav{
display:none;
padding:0 10px
}

#footer .footer-nav .sub-nav li{
font-size:1.3em;
font-size:1.3rem;
color:#0059B2;
margin:0 auto 8px
}

#footer .footer-nav .footer-title{
font-size:1.5em;
font-size:1.5rem;
position:relative;
display:block;
color:#015989;
margin:0 auto 5px;
cursor:pointer
}

#footer .footer-nav .footer-title:after{
content:'';
display:inline-block;
vertical-align:middle;
width:0;
height:0;
border-style:solid;
border-width:4px 4px 0 4px;
border-color:#275B82 transparent transparent transparent;
margin:0 0 0 10px
}

#footer .footer-nav .social-wrap{
text-align:center
}

#footer .footer-nav .social-wrap a{
font-size:0;
display:inline-block;
vertical-align:middle;
width:37px;
height:37px;
text-indent:-999px;
overflow:hidden;
margin:0 0 0 5px
}

#footer .footer-nav .social-wrap a:first-child{
margin:0
}

#footer .footer-nav .social-wrap .social-label{
font-size:1.8em;
font-size:1.8rem;
color:#3999CA;
font-weight:normal;
*display:block;/*不顯示label*/
display:none;
margin:0 auto 10px
}

#footer .footer-nav .social-wrap .icon-facebook{
background:url( ../images/css/icon-facebook.png ) center no-repeat
}

#footer .footer-nav .social-wrap .icon-twitter{
background:url( ../images/css/icon-twitter.png ) center no-repeat
}

#footer .footer-nav .social-wrap .icon-youtube{
background:url( ../images/css/icon-youtube.png ) center no-repeat
}

#footer .footer-nav .social-wrap .icon-instagram{
background:url( ../images/css/icon-instagram.png ) center no-repeat
}

#footer-map{
clear:both;
position:relative;
/*
color:#fff;
background:#3A3C64;
*/
color:#00f;/*頁尾字色*/
background:#FFD946;/*頁尾顏色*/
font-family:"微軟正黑體","Microsoft JhengHei",Arial,Helvetica,"Helvetica Neue",Tahoma,Verdana,sans-serif;
overflow:hidden
}

#footer-map  a:link{
	color: #00f;
	text-decoration: none;
}
#footer-map  a:visited{
	color: #00f;
	text-decoration: none;
}
#footer-map  a:hover{
	color: #F00;
	text-decoration: none;
}

#footer-map .corp-wrap{
font-size:1.2em;
font-size:1.2rem;
max-width:1200px;
margin:0 auto;
text-align:center;
padding:25px 10px
}

#footer-map .corp-wrap span{
display:block
}

#footer-map .corp-wrap .show-last span{
color:#FF0000;
}

#footer-map .design{
font-size:1.2em;
font-size:1.2rem;
display:none;
margin:10px 0;
font-weight:normal
}

#footer-map .design a{
text-decoration:underline;
font-weight:bold
}

#footer-map .footer-logo{
width:72px;
margin:0 auto;
display:none
}

/*
#footer-map .footer-logo img{
display:block;
margin:0 auto
}
*/

#footer-map .footer-nav{
font-size:0;
padding:15px;
/*background:#ececec;*/ 
background:#EAE3B7;/*快速選單顏色*/
overflow:hidden
}

#footer-map .footer-nav a{
display:block
}

#footer-map .footer-nav>ul{
max-width:1200px;
margin:0 auto
}

#footer-map .footer-nav>ul>li{
margin:0 0 10px
}

#footer-map .footer-nav>ul>li.on .sub-nav{
display:block
}

#footer-map .footer-nav .sub-nav{
display:none;
padding:0 10px
}

#footer-map .footer-nav .sub-nav li{
font-size:1.3em;
font-size:1.3rem;
color:#0059B2;
margin:0 auto 8px
}

#footer-map .footer-nav .footer-title{
font-size:1.5em;
font-size:1.5rem;
position:relative;
display:block;
color:#015989;
margin:0 auto 5px;
cursor:pointer
}

#footer-map .footer-nav .footer-title:after{
content:'';
display:inline-block;
vertical-align:middle;
width:0;
height:0;
border-style:solid;
border-width:4px 4px 0 4px;
border-color:#275B82 transparent transparent transparent;
margin:0 0 0 10px
}

#footer-map .footer-nav .social-wrap{
text-align:center
}

#footer-map .footer-nav .social-wrap a{
font-size:0;
display:inline-block;
vertical-align:middle;
width:37px;
height:37px;
text-indent:-999px;
overflow:hidden;
margin:0 0 0 5px
}

#footer-map .footer-nav .social-wrap a:first-child{
margin:0
}

#footer-map .footer-nav .social-wrap .social-label{
font-size:1.8em;
font-size:1.8rem;
color:#3999CA;
font-weight:normal;
*display:block;/*不顯示label*/
display:none;
margin:0 auto 10px
}

#footer-map .footer-nav .social-wrap .icon-facebook{
background:url( ../images/css/icon-facebook.png ) center no-repeat
}

#footer-map .footer-nav .social-wrap .icon-twitter{
background:url( ../images/css/icon-twitter.png ) center no-repeat
}

#footer-map .footer-nav .social-wrap .icon-youtube{
background:url( ../images/css/icon-youtube.png ) center no-repeat
}

#footer-map .footer-nav .social-wrap .icon-instagram{
background:url( ../images/css/icon-instagram.png ) center no-repeat
}


#go-top{
-moz-transition:opacity .3s;
-o-transition:opacity .3s;
-webkit-transition:opacity .3s;
transition:opacity .3s;
filter:progid:DXImageTransform.Microsoft.Alpha( Opacity=0 );
opacity:0;
font-size:1.2em;
font-size:1.2rem;
position:fixed;
display:block;
right:10px;
bottom:20px;
width:0;
height:0;
padding:10px 0;
text-align:center;
color:#016CA3;
text-decoration:none;
background:#f9f9f9;
visibility:hidden;
border:1px solid #E9EAE8;
overflow:hidden
}

#go-top:before{
content:'';
display:block;
width:38px;
height:29px;
margin:0 auto 2px;
background:url( ../images/css/go-top.png ) center no-repeat;
background-size:contain
}

#go-top.block{
filter:progid:DXImageTransform.Microsoft.Alpha( enabled=false );
opacity:1;
width:66px;
height:66px;
visibility:visible
}

#go-top.end{
position:absolute;
right:50%;
bottom:auto;
margin:-86px -33px 0 0
}

#go-top:hover{
text-decoration:none
}






.web-figure{
display:none
}

#container{
min-width:320px;
margin:0 auto;
position:relative;
text-align:left;
overflow:hidden
}

#content{
position:relative
}

#mask-bg{
filter:progid:DXImageTransform.Microsoft.Alpha( Opacity=0 );
opacity:0;
position:fixed;
left:0;
top:0;
width:100%;
height:0;
background:#000;
overflow:hidden;
z-index:998;
-moz-transition:opacity .3s;
-o-transition:opacity .3s;
-webkit-transition:opacity .3s;
transition:opacity .3s
}

#mask-bg.on{
filter:progid:DXImageTransform.Microsoft.Alpha( Opacity=80 );
opacity:.8;
height:100%
}

.page-limit{
position:relative;
text-align:center;
padding:0 0 45px;
margin:20px auto 10px;
font-weight:bold
}

.page-limit ul{
font-size:0;
margin:0;
padding:0;
list-style:none outside none;
*color:#3D99C6;
color:#FF8000;
}

.page-limit li{
font-size:1.5em;
font-size:1.5rem;
position:relative;
display:inline-block;
vertical-align:middle;
width:30px;
height:30px;
text-align:center;
line-height:30px;
margin:5px
}

.page-limit li:hover,.page-limit li.on{
*border:1px solid #3E9BC8;
border:1px solid #FF8000;
}

.page-limit li:before{
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
display:block;
border:1px solid #e8e8e8;
}

.page-limit a{
position:relative;
display:block;
z-index:1;
text-decoration:none
}

.page-limit .first,.page-limit .prev,.page-limit .next,.page-limit .last{
position:absolute;
bottom:0;
left:50%;
font-size:0;
text-indent:-999px;
overflow:hidden;
text-decoration:none;
margin:5px 0;
width:40px;
height:40px
}

.page-limit .first:before,.page-limit .prev:before,.page-limit .next:before,.page-limit .last:before{
content:''
}

.page-limit .first{
background:url( ../images/css/arrow-prev02.png ) center no-repeat;
margin:0 0 0 -100px
}

.page-limit .prev{
background:url( ../images/css/arrow-prev01.png ) center no-repeat;
margin:0 0 0 -50px
}

.page-limit .next{
margin:0 0 0 10px;
background:url( ../images/css/arrow-next01.png ) center no-repeat
}

.page-limit .last{
margin:0 0 0 60px;
background:url( ../images/css/arrow-next02.png ) center no-repeat
}

.path{
font-size:1.2em;
font-size:1.2rem;
position:relative;
margin:0;
font-size:0;
color:#525252;
font-weight:bold
}

.path ul,.path li{
margin:0;
padding:0;
list-style:none outside none
}

.path ul{
max-width:1180px;
margin:0 auto;
padding:5px 0
}

.path li{
font-size:1.2em;
font-size:1.2rem;
display:inline-block;
vertical-align:middle;
position:relative;
padding:0 0 0 10px;
margin:0 5px 5px;
background:url( ../images/css/icon-path.png ) left center no-repeat
}

.path li:first-child{
background:none;
margin:0 0 5px;
padding:0;
overflow:hidden
}

.path a{
-moz-transition:all .2s;
-o-transition:all .2s;
-webkit-transition:all .2s;
transition:all .2s;
color:#27C0DC;
display:block;
text-decoration:none;
height:20px;
line-height:20px
}

.path a:hover{
color:#4B72B7;
text-decoration:underline
}

.path img{
vertical-align:baseline
}

.inline-nav{
text-align:center;
padding:0 0 20px
}

.inline-nav ul{
padding:0;
display:block;
border:0 none
}

.inline-nav li{
position:relative;
display:inline-block;
vertical-align:top;
margin:0 0 10px;
padding:0 8px;
border:0 none
}

.inline-nav li.on a{
display:inline-block;
color:#1071A5;
text-decoration:underline
}

.inline-nav li a{
text-decoration:none;
display:block
}

.inline-nav li a:hover{
color:#1071A5;
text-decoration:underline
}

.inline-nav li:before{
content:'';
display:block;
width:2px;
height:10px;
position:absolute;
left:-3px;
top:50%;
margin:-5px 0 0;
background:#D1D3CF
}

.inline-nav li:first-child:before{
content:none
}

.editor{
position:relative;
padding:0 0 20px;
overflow:hidden
}

.editor img{
height:auto !important
}

.editor .loading{
position:relative;
min-height:100px
}

.editor .loading:before{
content:'';
display:block;
position:absolute;
left:0;
top:50px;
width:100%;
height:40px;
background:url( ../images/css/loading.gif ) center no-repeat
}

.editor .spec-skin strong{
color:#d80000
}

.editor .spec-skin .figure-group{
font-size:0;
text-align:center
}

.editor .spec-skin .figure-group .item{
display:block;
margin:0 auto 10px
}

.editor .spec-skin .figure-group img{
display:block
}

.editor .spec-skin .figure-group h3{
font-size:1.4em;
font-size:1.4rem;
margin:0;
padding:0;
text-align:left;
color:#555
}

.intro-wrap{
max-width:1200px;
margin:0 auto;
padding:10px 10px 120px
}

.article{
font-size:1.4em;
font-size:1.4rem;
color:#000;
/*版面左右對齊Start*/
text-align: justify;
text-justify:inter-ideograph;
/*版面左右對齊End*/
position:relative
}

.article h2{
font-size:1.5em;
font-size:1.5rem;
color:#3E99C5;
margin:0 auto 20px
}

.article p{
line-height:1.6;
margin:0 auto 25px
}

.article-head{
font-size:1.2em;
font-size:1.2rem;
font-weight:bold;
color:#7f7f7f
}

.article-head .date,.article-head .postBy,.article-head .unit,.article-head .source,.article-head .ctr,.article-head .share-wrap{
display:inline-block;
vertical-align:middle;
margin:0 20px 10px 0;
text-align:left
}

.article-head .date{
padding:5px 0 5px 23px;
background:url( ../images/css/icon-law.png ) left center no-repeat
}

.article-head .postBy{
padding:5px 0 5px 20px;
background:url( ../images/css/icon-person.png ) left center no-repeat
}

.article-head .unit,.article-head .source{
padding:5px 0
}

.article-head .unit span,.article-head .source span{
font-size:1.3em;
font-size:1.3rem;
color:#1071A5;
margin:0 5px 0 0
}

.article-head .ctr{
font-size:1.3em;
font-size:1.3rem;
color:#1071A5;
padding:5px 0 5px 25px;
background:url( ../images/css/icon-view.png ) left center no-repeat
}

.article-head .share-wrap{
font-size:1.3em;
font-size:1.3rem;
color:#000
}

.article-head .icon-facebook{
display:inline-block;
vertical-align:middle;
margin:0 0 0 5px;
font-size:0;
text-indent:-999px;
width:26px;
height:26px;
background:url( ../images/css/btn-facebook.png ) center no-repeat;
overflow:hidden
}

.comm-title,.info-title,.sub-title,.title,.news-title{
font-family:"微軟正黑體","Microsoft JhengHei",Arial,Helvetica,"Helvetica Neue",Tahoma,Verdana,sans-serif;
line-height:1.2;
font-weight:normal
}

.comm-title{
font-size:1.5em;
font-size:1.5rem;
padding:5px;
font-weight:bold;
border-bottom:1px solid #ccc;
margin:0 auto 15px;
/*color:#016CA3;/*項目字色*/
color:#008000;/*項目字色*/
}

.info-title{
font-size:1.7em;
font-size:1.7rem;
margin:0 0 30px;
padding:5px 0;
line-height:1.2;
color:#444;
border-bottom:1px solid #ccc
}

.news-title{
font-size:1.5em;
font-size:1.5rem;
margin:0 0 30px;
padding:5px 0;
line-height:1.2;
color:#008;
}

.nav-title{
font-size:1.5em;
font-size:1.5rem;
color:#3E99C5;
margin:0 auto 20px;
padding:10px 15px;
position:relative
}

.nav-title:before,.nav-title:after{
content:'';
display:block;
position:absolute
}

.nav-title:before{
width:100%;
height:2px;
background:#eaeaea;
left:0;
bottom:0
}

.nav-title:after{
width:24px;
height:12px;
background:url( ../images/css/triangle01.jpg ) center no-repeat;
left:50px;
bottom:-10px
}

.chk-style,.pdf-style,.inline-style{
font-size:0
}

.chk-style li,.pdf-style li,.inline-style li{
font-size:1.3em;
font-size:1.3rem
}

.chk-style{
margin:0;
padding:0;
list-style:none outside none
}

.chk-style li{
position:relative;
font-weight:bold;
margin:0;
padding:2px 0 2px 20px;
background:url( ../images/css/icon-chk.png ) left 5px no-repeat
}

.pdf-style{
margin:0;
padding:0;
list-style:none outside none
}

.pdf-style li{
margin:0 auto 15px;
padding:0;
color:#E5001E
}

.pdf-style a{
position:relative;
display:block;
margin:0;
padding:12px 0 10px 40px;
text-decoration:none;
background:url( ../images/css/icon-pdf.png ) left 5px no-repeat
}

.inline-style{
margin:0;
padding:0;
list-style:none outside none
}

.inline-style h3{
font-size:1.5em;
font-size:1.5rem;
font-weight:bold
}

.inline-style p{
font-size:1.3em;
font-size:1.3rem;
color:#999;
margin:0 0 20px
}

.slick-prev,.slick-next{
outline:none;
border:0 none
}

.btn-download{
display:inline-block;
vertical-align:top;
font-weight:normal;
padding:0 20px 0 0;
text-decoration:none;
margin:0 0 5px;
background:url( ../images/css/btn-download.png ) right center no-repeat
}

.arrow-list,.link-list{
font-size:0;
margin:0;
padding:0;
list-style:none outside none;
color:#3E9BC7
}

.arrow-list a,.link-list a{
position:relative;
display:block;
color:inherit;
text-decoration:none
}

.arrow-list a:before,.link-list a:before{
content:'';
display:block;
position:absolute
}

.arrow-list li,.link-list li{
font-size:1.4em;
font-size:1.4rem;
margin:0 auto 12px;
padding:0;
list-style:none outside none
}

.arrow-list a{
padding:0 0 0 18px
}

.arrow-list a:before{
left:0;
top:5px;
width:7px;
height:11px;
background:url( ../images/css/icon-arrow12.png ) center no-repeat
}

.link-list ul,.link-list li{
margin:0;
padding:0;
list-style:none outside none
}

.link-list li{
margin:0 auto 15px
}

.link-list h2{
color:#000
}

.link-list a{
padding:5px 0 5px 40px
}

.link-list a:before{
-moz-transition:all .3s;
-o-transition:all .3s;
-webkit-transition:all .3s;
transition:all .3s;
border-radius:50%;
left:0;
top:50%;
margin:-15px 0 0;
width:30px;
height:30px;
background:url( ../images/css/icon-link.png ) center no-repeat;
background-color:#137FAC
}

.spec-list ul,.spec-list li{
margin:0;
padding:0;
list-style:none outside none
}

.spec-list li{
margin:0 auto 15px
}

.spec-list .text{
padding:5px 15px
}

.dash-list dl,.dash-list dt,.dash-list dd{
margin:0;
padding:0;
list-style:none outside none
}

.dash-list dt{
position:relative;
color:#3F9AC9;
padding:0 0 0 12px;
font-weight:bold
}

.dash-list dt:before{
content:'';
display:block;
width:6px;
height:3px;
background:#ccc;
position:absolute;
left:0;
top:9px
}

.dash-list dd{
margin:10px auto 30px
}

.sitemap-list ul,.sitemap-list li{
margin:0;
padding:0;
list-style:none outside none
}

.sitemap-list ul{
overflow:hidden
}

.sitemap-list li{
font-size:1.4em;
font-size:1.4rem;
font-weight:bold;
float:left;
width:50%;
margin:10px auto;
padding:0 10px 0 15px
}

.sitemap-list a{
text-decoration:none
}

.sitemap-list .sub-nav li{
font-size:1.3em;
font-size:1.3rem;
position:relative;
padding:0 0 0 12px;
float:none;
width:auto
}

.sitemap-list .sub-nav li:before{
content:'';
display:block;
width:6px;
height:3px;
background:#ccc;
position:absolute;
left:0;
top:9px
}

.cate-wrap{
font-size:0;
padding:0 0 20px
}

.cate-wrap span{
font-size:1.4em;
font-size:1.4rem;
display:inline-block;
vertical-align:middle;
margin:0 10px 10px 0
}

.cate-wrap .cate{
margin:0 0 10px
}

.tb-wrap{
padding:0 0 10px;
overflow:auto
}

.tb-skin{
color:#000;
margin:0 auto 30px;
padding:0 0 10px;
overflow-x:auto
}

.tb-skin table{
border-collapse:collapse
}

.tb-skin table th,.tb-skin table td{
border:1px solid #e1e1e1;
padding:10px;
vertical-align:middle;
text-align:center;
min-width:120px
}

.tb-skin table thead th,.tb-skin table thead td{
background:#64AED2;
color:#fff;
padding:10px
}

.tb-skin a{
display:inline-block;
vertical-align:middle;
margin:0 5px;
text-decoration:none
}

.tb-skin a img{
display:block
}

.tb-skin [align="left"]{
text-align:left !important
}

.tb-skin [align="center"]{
text-align:center !important
}

.tb-skin [align="right"]{
text-align:right !important
}

.tb-skin.css-bg tbody tr:nth-child( odd ) td{
background:#eee
}

.tb-skin .bg td{
background:#eee
}

dl.addr{
font-size:1.3em;
font-size:1.3rem;
margin:50px 0 0;
padding:0;
list-style:none outside none;
overflow:hidden
}

dl.addr dt,dl.addr dd{
margin:0;
padding:0;
display:block
}

dl.addr dt{
width:82px;
padding:8px 5px;
text-align:center;
margin:0 0 5px 0;
color:#137FAD;
font-weight:bold;
border:1px solid #96BBCD
}

dl.addr dd{
margin:0 0 10px;
padding:10px 5px
}

ul.addr{
font-size:0;
margin:50px 0 0;
padding:0;
list-style:none outside none;
overflow:hidden
}

ul.addr li{
font-size:1.3em;
font-size:1.3rem;
margin:0 0 15px;
padding:0;
list-style:none outside none;
overflow:hidden
}

ul.addr .label{
width:112px;
padding:8px 5px 8px 35px;
color:#fff;
font-weight:bold;
background-color:#3E9BC8
}

ul.addr .text{
margin:0 0 10px;
padding:10px 5px
}

ul.addr .text a{
color:inherit
}

ul.addr .icon-location{
background:url( ../images/css/icon-location.png ) 10px center no-repeat #3E9BC8
}

ul.addr .icon-fax{
background:url( ../images/css/icon-fax.png ) 10px center no-repeat #3E9BC8
}

ul.addr .icon-tel{
background:url( ../images/css/icon-tel.png ) 10px center no-repeat #3E9BC8
}

ul.addr .icon-mail{
background:url( ../images/css/icon-mail.png ) 10px center no-repeat #3E9BC8
}








@media screen and ( min-width: 1024px ){
.inline-style li{
width:33%
}


}

@media screen and ( min-width: 1200px ){
.intro-wrap{
padding:10px 0 120px
}

.acc-area {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    height: 0
}

.btn-acc {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    position: absolute;
    display: block;
    width: 1px;
    height: 1px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    z-index: -1;
    overflow: hidden
}

.btn-acc:focus {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-weight: bold;
    color: #000;
    background: #fff;
    z-index: 1000
}

.acc01:focus {
    width: auto;
    height: auto
}

.acc03:focus {
    width: 20px;
    height: 20px
}

}

#home .comm-section{
max-width:320px;
margin:0 auto;
padding:0 20px 90px;
overflow:hidden
}

#home .comm-section a{
text-decoration:none
}

#home .comm-section h3{
font-size:1.5em;
font-size:1.5rem;
margin:0;
padding:0;
color:#444
}

#home .comm-section p{
font-size:1.2em;
font-size:1.2rem;
margin:5px 0;
padding:0
}

#home .comm-section .figure{
margin:0 auto 5px
}

#home .comm-news1,#home .comm-news2,#home .comm-news3,#home .comm-down,#home .comm-video,#home .comm-law,#home .comm-down{
/*版面左右對齊Start*/
text-align: justify;
text-justify:inter-ideograph;
/*版面左右對齊End*/	
position:relative
}

#home .comm-news1,#home .comm-news2{
margin:0 auto 15px;
overflow:hidden
}

#home .comm-news1 .date,#home .comm-news2 .date{
font-size:1.2em;
font-size:1.2rem;
font-weight:bold;
color:#888;
margin:5px 0
}

#home .comm-news1 .date{
display:block
}

#home .comm-news1 .item-group{
font-size:0;
padding:0 0 10px
}

#home .comm-news1 .item-group .item{
float:left
}

#home .comm-news1 .item-group .slick-initialized{
width:auto
}

#home .comm-news1 .item-group .slick-arrow{
font-size:0;
position:absolute;
width:30px;
height:100%;
top:0;
margin:-20px 0 0;
text-indent:-999px;
overflow:hidden;
display:block;
z-index:1
}

#home .comm-news1 .item-group .slick-prev{
left:10px;
background:url( ../images/css/arrow-prev03.png ) center no-repeat
}

#home .comm-news1 .item-group .slick-prev:hover{
background:url( ../images/css/arrow-prev03-on.png ) center no-repeat
}

#home .comm-news1 .item-group .slick-next{
right:10px;
background:url( ../images/css/arrow-next03.png ) center no-repeat
}

#home .comm-news1 .item-group .slick-next:hover{
background:url( ../images/css/arrow-next03-on.png ) center no-repeat
}

#home .comm-news1 .item-group .slick-dots{
position:absolute;
left:0;
bottom:0px;
width:100%;
text-align:center;
margin:-10px;
padding:0;
font-size:0
}

#home .comm-news1 .item-group .slick-dots li{
border-radius:50%;
position:relative;
display:inline-block;
vertical-align:middle;
margin:0 10px;
padding:0;
list-style:none;
background:#fff;
width:11px;
height:11px;
border:1px solid #FF8000;/*#66646C;*/
overflow:hidden
}

#home .comm-news1 .item-group .slick-dots li.slick-active{
/*background:#016CA3;*/
background:#FF8000;/*banner點點顏色*/
}

#home .comm-news1 .item-group .slick-dots button{
filter:progid:DXImageTransform.Microsoft.Alpha( Opacity=0 );
opacity:0;
position:absolute;
width:100%;
height:100%;
left:0;
top:0
}

/* Add by Chienlin End */



#home .comm-news1 .item+.item{
margin:20px auto 0
}

#home .comm-news2 .item-group{
font-size:0;
padding:0 0 10px
/*
padding:0 0 40px;
white-space:nowrap;
width:99999px;
overflow:hidden
*/
}

/* Add by Chienlin Start*/


#home .comm-news2 .item-group .item{
float:left
}

#home .comm-news2 .item-group .slick-initialized{
width:auto
}

#home .comm-news2 .item-group .slick-arrow{
font-size:0;
position:absolute;
width:30px;
height:100%;
top:0;
margin:-50px 0 0;
text-indent:-999px;
overflow:hidden;
display:block;
z-index:1
}

#home .comm-news2 .item-group .slick-prev{
left:10px;
background:url( ../images/css/arrow-prev03.png ) center no-repeat
}

#home .comm-news2 .item-group .slick-prev:hover{
background:url( ../images/css/arrow-prev03-on.png ) center no-repeat
}

#home .comm-news2 .item-group .slick-next{
right:10px;
background:url( ../images/css/arrow-next03.png ) center no-repeat
}

#home .comm-news2 .item-group .slick-next:hover{
background:url( ../images/css/arrow-next03-on.png ) center no-repeat
}

#home .comm-news2 .item-group .slick-dots{
position:absolute;
left:0;
bottom:0px;
width:100%;
text-align:center;
margin:0;
padding:0;
font-size:0
}

#home .comm-news2 .item-group .slick-dots li{
border-radius:50%;
position:relative;
display:inline-block;
vertical-align:middle;
margin:0 10px;
padding:0;
list-style:none;
background:#fff;
width:11px;
height:11px;
border:1px solid #66646C;
overflow:hidden
}

#home .comm-news2 .item-group .slick-dots li.slick-active{
background:#016CA3
}

#home .comm-news2 .item-group .slick-dots button{
filter:progid:DXImageTransform.Microsoft.Alpha( Opacity=0 );
opacity:0;
position:absolute;
width:100%;
height:100%;
left:0;
top:0
}

/* Add by Chienlin End */

#home .comm-news2 .item a{
display:block;
max-width:280px;
margin:0 auto
}

#home .comm-news2 .item+.item{
margin:20px auto 0
}

#home .comm-news3 ul,#home .comm-news3 li,#home .comm-down ul,#home .comm-down li,#home .comm-law ul,#home .comm-law li{/*Add law by Chienlin*/
margin:0;
padding:0;
list-style:none outside none
}

#home .comm-news3 li,#home .comm-down li,#home .comm-law li{/*Add law by Chienlin*/
font-size:1.3em;
font-size:1.3rem;
margin:0 auto 10px
}

#home .comm-news3 li a,#home .comm-down li a,#home .comm-law li a{/*Add law by Chienlin*/
position:relative;
display:block;
padding:0 0 0 15px
}

#home .comm-news3 li a:before,#home .comm-down li a:before,#home .comm-law li a:before{/*Add law by Chienlin*/
position:absolute;
left:0;
top:2px;
content:'';
display:block;
width:10px;
height:15px;
background:url( ../images/css/icon-arrow01.png ) center no-repeat
}

#home .comm-news3 .btn-act,#home .comm-down .btn-act{
font-size:1.9em;
font-size:1.9rem;
position:relative;
display:inline-block;
vertical-align:middle;
color:#016CA3;
margin:0 0 0 15px;
padding:0 15px 0 0
}

#home .comm-news3 .btn-act:after,#home .comm-down .btn-act:after{
content:'';
display:block;
position:absolute;
width:7px;
height:11px;
right:0;
top:50%;
margin:-5px 0 0;
background:url( ../images/css/arrow-next04.png ) right center no-repeat
}

#home .comm-video .video-wrap{
position:relative;
height:0;
margin:0 auto 5px;
padding-top:25px;
padding-bottom:56.25%;
overflow:hidden
}

/*Add by Chienlin*/
#home .comm-video .text{
font-size:1.5em;
font-size:1.5rem;
font-family:"微軟正黑體","Microsoft JhengHei",Arial,Helvetica,"Helvetica Neue",Tahoma,Verdana,sans-serif;
padding:0px 5px;
text-align:left;
background:#FFFFFF;/*圖下方的text背景*/
}

#home .comm-video .text strong{
font-weight:normal
}

#home .comm-video .text sub{
font-size:0.6em;
font-size:0.6rem;
display:block
}

#home .comm-video .text span{
font-size:0.8em;
font-size:0.8rem;
display:block
}
/*Add by Chienlin*/

#home .comm-video iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}
/*Del by Chienlin*/
/*
#home .comm-law ul,#home .comm-law li{
margin:0;
padding:0;
list-style:none outside none
}

#home .comm-law li{
font-size:1.3em;
font-size:1.3rem;
margin:0 auto 10px
}
*/
/*Del by Chienlin*/
#home .comm-law .date,#home .comm-law .text{
display:table-cell;
vertical-align:middle
}

#home .comm-law .date{
text-align:center;
width:60px;
height:44px;
color:#006CA3;
background:#ddd
}

#home .comm-law .text{
padding:0 10px
}







#about{
color:#000
}

#about .about-history{
min-height:700px
}

#about .about-history ul,#about .about-history li{
margin:0;
padding:0;
list-style:none outside none;
overflow:hidden
}

#about .about-history ul{
display:table;
table-layout:fixed;
margin:0 auto
}

#about .about-history li{
display:table-row
}

#about .about-history li div{
display:table-cell;
vertical-align:middle;
text-align:left;
padding:5px 0
}

#about .about-history li .label{
font-size:2.1em;
font-size:2.1rem;
width:98px;
position:relative;
padding:5px 20px;
color:#333;
font-family:'Century Gothic'
}

#about .about-history li .label:before,#about .about-history li .label:after{
position:absolute;
display:block;
content:''
}

#about .about-history li .label:before{
width:1px;
height:100%;
border-left:1px solid #D9A300;
right:10px;
top:0
}

#about .about-history li .label:after{
background:url( ../images/css/icon-dot.png ) center no-repeat;
width:22px;
height:22px;
right:0;
top:50%;
margin:-11px 0 0
}

#about .about-history li .text{
font-size:1.4em;
font-size:1.4rem;
padding:0 10px;
font-weight:bold;
color:#545454
}

#about .about-history li .text span{
color:#D9A300
}

#about .about-history li:first-child .label:before{
height:50%;
top:50%
}

#about .about-history li.last .label:before{
height:50%;
top:0
}

#about .about-history .bg{
display:block;
margin:20px auto 0
}

#about .about-history .bg img{
display:block;
margin:0 auto
}

#about .about-history .history-list{
margin:0 auto
}

#about .about-logo .design-concept img{
display:block;
margin:0 auto
}

#about .about-logo .design-concept .part1{
margin:50px auto 0;
text-align:center
}

#about .about-logo .design-concept .part1 span{
display:inline-block;
vertical-align:middle;
color:#999;
margin:0 0 5px
}

#about .about-logo .design-concept .part1 .figure{
margin:0 auto 30px
}

#about .about-logo .design-concept .part1 .btn-download2{
color:#D86C00;
display:inline-block;
vertical-align:middle;
margin:0 0 5px;
padding:0 0 0 20px;
background:url( ../images/css/btn-download02.png ) left center no-repeat
}

#about .about-logo .design-concept .part2{
border:1px solid #e0e0e0;
margin:30px auto;
padding:10px
}

#about .about-logo .design-concept .part2 div{
position:relative;
padding:30px
}

#about .about-logo .design-concept .part2 div:before{
content:'';
display:block;
position:absolute;
left:0;
top:0;
width:100%;
height:1px;
background:#e0e0e0
}

#about .about-logo .design-concept .part2 div:first-child{
padding:0 30px 30px;
border:0 none
}

#about .about-logo .design-concept .part2 div:first-child:before{
content:none
}

#about .about-logo .design-concept .part3{
margin:0 auto 50px
}

#about .about-logo .design-concept .part3 ul,#about .about-logo .design-concept .part3 li{
margin:0;
padding:0;
list-style:none outside none
}

#about .about-logo .design-concept .part3 li{
position:relative;
margin:0 auto 20px;
padding:0 0 0 30px
}

#about .about-logo .design-concept .part3 li span{
margin:0 10px 0 0
}

#about .about-logo .design-concept .part3 li img{
position:absolute;
left:0;
top:3px
}

#about .about-route-map ul,#about .about-route-map li{
margin:0;
padding:0;
list-style:none outside none
}

#about .about-route-map li{
font-size:1.4em;
font-size:1.4rem;
margin:0 auto 20px;
padding:0
}

#about .about-route-map span{
color:#666
}

#about .about-route-map h2,#about .about-route-map p{
margin:0;
padding:0 10px;
display:inline-block;
vertical-align:top
}

#about .about-route-map h2{
font-size:1.5em;
font-size:1.5rem;
display:inline-block;
color:#3E9BC7;
padding:0 0 0 10px;
background:url( ../images/css/icon-arrow11.png ) left 8px no-repeat
}

#about .about-route-map a{
color:#FF7F00
}

#about .about-route-map .route-list{
padding:0 20px
}

#about .about-route-map .route-list li{
margin:20px auto;
overflow:hidden
}

#about .about-route-map .route-list h3{
font-size:1.4em;
font-size:1.4rem;
text-align:center;
margin:0 auto 20px;
padding:5px 5px 3px;
border:1px solid #E9EAE8;
background:#f9f9f9;
font-weight:normal
}

#about .about-route-map .route-list p{
display:block;
overflow:hidden
}

#about .about-route-map .route-list .tb-wrap{
clear:both;
margin:20px auto 0
}

#about .about-route-map .route-list .tb-wrap table{
width:100%
}

#about .about-route-map .route-list .tb-wrap td{
display:block;
padding:10px;
background:#eee
}

#about .about-route-map .route-list .tb-wrap td:first-child{
text-align:center;
color:#fff;
background:#64AED2
}

#about .about-route-map .route-list .tb-wrap li{
margin:0 0 5px
}

#about .report-wrap{
margin:30px 0 0
}

#about .video-wrap{
position:relative;
margin:0 auto 30px;
text-align:center;
padding-bottom:75%;
padding-top:30px;
height:0;
overflow:hidden
}

#about .video-wrap iframe,#about .video-wrap object,#about .video-wrap embed{
position:absolute;
left:0;
top:0;
width:100%;
height:100%
}

#about .dot-desc{
font-size:1.4em;
font-size:1.4rem;
position:relative;
width:700px;
margin:0 auto;
padding:0 0 0 20px;
color:#444
}

#about .dot-desc:before{
border-radius:50%;
content:'';
display:block;
width:5px;
height:5px;
background:#3E9BC8;
position:absolute;
left:10px;
top:8px
}

#about .btn-wrap{
font-size:1.2em;
font-size:1.2rem;
text-align:center;
margin:20px auto 0
}

#about .btn-wrap .btn-view{
display:block;
margin:0 auto;
width:104px;
text-align:center;
color:#fff;
background:#3E9BC8;
text-decoration:none;
padding:10px 0
}

#about .btn-wrap .btn-view:before{
content:'';
display:inline-block;
vertical-align:middle;
margin:0 5px 0 0;
width:17px;
height:17px;
background:url( ../images/css/icon-magnifier-17x17.png ) center no-repeat
}





#academic{
color:#000
}

#academic .academic-detail .figure{
margin:0 auto 30px
}

#academic .academic-detail .figure img{
display:block;
margin:0 auto
}

#administrative{
color:#000
}

#administrative .administrative-detail .figure{
margin:0 auto 30px
}

#administrative .administrative-detail .figure img{
display:block;
margin:0 auto
}

#administrative .news-list .item-group{
border-top:0 none
}

#im .law{
margin:0 auto 40px;
overflow:hidden
}

#im .law dl,#im .law dt,#im .law dd{
margin:0;
padding:0;
list-style:none outside none
}

#im .law dl{
border-top:2px solid #016CA3;
background:#f6f6f6;
padding:20px;
overflow:hidden
}

#im .law dt,#im .law dd{
float:left;
margin:0 0 5px
}

#im .law dt{
clear:left;
margin:0 5px 5px 0;
font-weight:bold
}

#im .law h2{
margin:0;
padding:0
}

#im .law p{
margin:10px auto 20px;
padding:0
}

#im .law a{
color:#3E99C5
}

#im .law .figure{
border:2px solid #ccc;
display:block;
margin:0 auto 20px
}

#im .law .figure img{
display:block
}

#im .im-opinion{
overflow:hidden
}

#im .im-opinion ul,#im .im-opinion li{
margin:0;
padding:0;
list-style:none outside none
}

#im .im-opinion li{
margin:0 auto 20px;
background:url( ../images/css/icon-arrow13.png ) left 6px no-repeat;
overflow:hidden
}

#im .im-opinion a,#im .im-opinion span{
font-weight:bold;
padding:0 0 0 15px;
display:block;
text-decoration:none
}

#im .im-opinion .sub-nav{
margin:10px auto
}

#im .im-opinion .sub-nav li{
margin:0 auto 2px;
background:none
}

#im .im-opinion .sub-nav a{
padding:10px;
background:#19A3A8;
color:#fff
}

#im .caption{
margin:20px auto 0;
color:#999
}

#im .im-telephone-directory th,#im .im-telephone-directory td{
min-width:150px
}

#im .im-anniversary .item-group{
font-size:0
}

#im .im-anniversary .item-group a{
display:block;
max-width:280px;
margin:0 auto;
text-decoration:none;
text-align:center
}

#im .im-anniversary .item-group a img{
display:block;
margin:0 auto
}

#im .im-anniversary .item-group .figure{
position:relative
}

#im .im-anniversary .item-group .figure:before{
content:'';
display:block;
width:100%;
height:100%;
border:2px solid #ddd;
position:absolute;
left:0;
top:0
}

#im .im-anniversary .item-group .title{
font-size:1.4em;
font-size:1.4rem;
padding:10px;
color:#000
}

#im .im-anniversary .item-group .item{
margin:0 auto 30px;
padding:0 5px
}








#user .service-group .title-wrap{
position:relative;
font-weight:bold;
border:1px solid #ddd;
max-width:290px;
margin:0 0 20px;
padding:10px 7px 7px;
text-align:center
}

#user .service-group .title-wrap:before,#user .service-group .title-wrap:after{
display:block;
position:absolute;
z-index:1
}

#user .service-group .title-wrap:before{
content:'';
left:25px;
top:100%;
width:24px;
height:12px;
background:url( ../images/css/triangle01.jpg ) center no-repeat
}

#user .service-group .title-wrap:after{
left:100%;
top:20px;
width:8px;
height:16px;
background:url( ../images/css/triangle02.jpg ) center no-repeat
}

#user .service-group .title-wrap img{
display:block;
margin:10px auto 0
}

#user .service-group .title-wrap .title{
font-size:2em;
font-size:2rem;
margin:0;
padding:0
}

#user .service-group .item-group{
font-size:0;
overflow:hidden
}

#user .service-group .item{
margin:0 auto 10px
}

#user .service-group .item a{
border:1px solid #ddd;
display:block;
margin:0 auto;
padding:10px;
text-decoration:none
}

#user .service-group .item h3{
font-size:1.6em;
font-size:1.6rem;
position:relative;
line-height:1.2;
margin:0;
padding:0 0 0 10px;
font-weight:bold;
color:#006CA3
}

#user .service-group .item h3:before{
content:'';
display:block;
position:absolute;
left:0;
top:5px;
width:4px;
height:6px;
background:url( ../images/css/icon-arrow11.png ) center no-repeat
}

#user .service-group .item p{
font-size:1.3em;
font-size:1.3rem;
margin:0;
padding:0 0 0 10px
}

#user .service-group .other{
overflow:hidden
}

#user .service-group .other a{
position:relative;
padding:10px 10px 10px 80px;
min-height:80px
}

#user .service-group .other h3:before{
display:none
}

#user .service-group .other .figure{
position:absolute;
left:0;
top:15px;
width:80px;
text-align:center
}

#user .service-group .other .figure img{
display:block;
margin:0 auto
}




#news{
max-width:100%;
color:#000;
*margin:0px 0px 0px 45px;
}

#news .detail{
*max-width:75%;
}

#news .skin-wrap{
position:relative;
margin:0 auto 30px;
padding:0 0 5px;
overflow:hidden;
border-bottom:1px solid #ccc
}

#news .skin-wrap .info-title{
display:inline-block;
vertical-align:middle;
margin:0 15px 0 0;
padding:10px 0;
border:0 none
}

#news .skin-wrap .btn-act{
font-size:1.6em;
font-size:1.6rem;
position:relative;
display:inline-block;
vertical-align:middle;
color:#fff;
background:#FF8000;
padding:5px 40px 5px 20px;
text-decoration:none
}

#news .skin-wrap .btn-act:after{
content:'';
display:block;
position:absolute;
width:7px;
height:11px;
right:20px;
top:50%;
margin:-5px 0 0;
background:url( ../images/css/icon-arrow02.png ) right center no-repeat
}

#news .news-detail .figure{
max-width:440px;
margin:0 auto 30px
}

#news .news-detail .figure img{
display:block
}

#news .news-detail .title{
padding:10px;
line-height:1.6
}

#news .news-detail .title:before{
content:'↑';
display:inline-block;
vertical-align:baseline;
color:#409FCB;
margin:0 5px 0 0
}

#news .news-detail .desc ul,#news .news-detail .desc li{
margin:0;
padding:0;
list-style:none;
overflow:hidden
}

#news .news-detail .desc span{
display:block;
padding:5px
}

#news .news-detail .desc li{
margin:30px auto 10px
}

#news .news-detail .desc .label{
color:#fff;
background:#3E9BC8;
margin:0 auto 10px;
text-align:center;
}

#news .news-detail .desc .img_file{
width:100%;
height:auto;
border-style:none;
display:block;
}


#news .news-detail .btn-back{
margin:30px auto 0
}

#news .news-history fieldset{
font-size:1.5em;
font-size:1.5rem;
position:relative;
border:1px solid #ececec;
margin:0 auto 20px;
padding:5px 10px 15px
}

#news .news-history fieldset ul,#news .news-history fieldset li{
margin:0;
padding:0;
list-style:none outside none
}

#news .news-history fieldset li{
margin:0 5px 5px;
text-align:left
}

#news .news-history fieldset .radio{
vertical-align:baseline;
margin:0 5px 0 0
}

#news .news-history .title{
font-size:2em;
font-size:2rem;
position:relative;
margin:0 auto 20px;
text-align:left
}

#news .news-history .title:after{
content:'';
display:block;
position:absolute;
left:0;
bottom:0;
width:100%;
height:1px;
background:#ececec
}

#news .news-history .title span{
position:relative;
display:inline-block;
vertical-align:middle;
padding:8px 0
}

#news .news-history .title span:after{
content:'';
display:block;
position:absolute;
width:100%;
left:0;
bottom:-1px;
height:2px;
z-index:1;
background:#3E9BC8
}

#news .news-history .date-wrap label{
display:block;
margin:0 auto 10px
}

#news .news-history .date-wrap label:after{
content:'';
display:inline-block;
vertical-align:middle;
width:20px;
height:20px;
margin:0 0 0 10px;
background:url( ../images/css/icon-law.png ) right center no-repeat
}

#news .news-history .datepicker{
background:#ececec;
border:1px solid #ddd;
color:#333;
margin:0 0 0 15px;
padding:10px 5px 8px;
width:195px;
height:40px
}

#news .news-history .btn-submit{
display:block;
width:100%;
text-align:center;
border:0 none;
margin:0 auto;
padding:7px 0;
color:#fff;
background:#016CA3
}






#main{
max-width:100%;
color:#000;
margin:0px 0px 0px 45px;
}

#main .detail{
max-width:75%;
}

#main .detail-all{
max-width:97%;
}

#main .detail .basic-table{
*max-width:95%;
}

#main .skin-wrap{
position:relative;
margin:0 auto 30px;
padding:0 0 5px;
overflow:hidden;
border-bottom:1px solid #ccc
}

#main .skin-wrap .info-title{
display:inline-block;
vertical-align:middle;
margin:0 15px 0 0;
padding:10px 0;
border:0 none
}

#main .skin-wrap .btn-act{
font-size:1.6em;
font-size:1.6rem;
position:relative;
display:inline-block;
vertical-align:middle;
color:#fff;
background:#FF8000;
padding:5px 40px 5px 20px;
text-decoration:none
}

#main .skin-wrap .btn-act:after{
content:'';
display:block;
position:absolute;
width:7px;
height:11px;
right:20px;
top:50%;
margin:-5px 0 0;
background:url( ../images/css/icon-arrow02.png ) right center no-repeat
}


#main .main-list .date{
font-size:1.5em;
font-size:1.5rem;
position:relative;
display:block;
color:#00598B
}

#main .main-list .date2{
font-size:1.0em;
font-size:1.0rem;
position:relative;
display:block;
color:#00598B;
}

#main .main-list .date3{
font-size:1.5em;
font-size:1.5rem;
width:270px;
position:relative;
display:block;
color:#00598B;
}

#main .main-list .sort{
font-size:1.5em;
font-size:1.5rem;
width:30px;
text-align:center;
position:relative;
display:block;
color:#00598B;
}


#main .main-list .title{
font-size:1.5em;
font-size:1.5rem;
margin:0;
padding:0;
line-height:1.5;
}

#main .main-list .source{
font-size:1.2em;
font-size:1.2rem;
display:block;
color:#aaa;
font-weight:bold;
margin:5px 0 0
}

#main .main-list .attend{
font-size:1.5em;
font-size:1.5rem;
margin:0;
padding:0;
line-height:1.5;
}


#main .main-list .limit{
font-size:1.2em;
font-size:1.2rem;
display:block;
color:#a2a;
font-weight:bold;
margin:5px 0 0
}

#main .main-list .item-group{
font-size:0;
border-top:2px solid #ececec
}

#main .main-list .item-group ul,#main .main-list .item-group li{
margin:0;
padding:0;
list-style:none outside none
}

#main .main-list .item-group li{
position:relative;
border-bottom:1px dotted #ccc;
color:#444
}

#main .main-list .item-group a{
font-size:1.2em;
font-size:1.2rem;
position:relative;
display:block;
padding:10px 0;
text-decoration:none
}

#main .main-detail .figure{
max-width:440px;
margin:0 auto 30px
}

#main .main-detail .figure img{
display:block
}

#main .main-detail .title{
padding:10px;
line-height:1.6
}

#main .main-detail .title:before{
content:'↑';
display:inline-block;
vertical-align:baseline;
color:#409FCB;
margin:0 5px 0 0
}

#main .main-detail .desc ul,#main .main-detail .desc li{
margin:0;
padding:0;
list-style:none;
overflow:hidden
}

#main .main-detail .desc span{
display:block;
padding:5px
}

#main .main-detail .desc li{
margin:30px auto 10px
}

#main .main-detail .desc .label{
color:#fff;
background:#3E9BC8;
margin:0 auto 10px;
text-align:center
}

#main .main-detail .btn-back{
margin:30px auto 0
}

#main .main-history fieldset{
font-size:1.5em;
font-size:1.5rem;
position:relative;
border:1px solid #ececec;
margin:0 auto 20px;
padding:5px 10px 15px
}

#main .main-history fieldset ul,#main .main-history fieldset li{
margin:0;
padding:0;
list-style:none outside none
}

#main .main-history fieldset li{
margin:0 5px 5px;
text-align:left
}

#main .main-history fieldset .radio{
vertical-align:baseline;
margin:0 5px 0 0
}

#main .main-history .title{
font-size:2em;
font-size:2rem;
position:relative;
margin:0 auto 20px;
text-align:left
}

#main .main-history .title:after{
content:'';
display:block;
position:absolute;
left:0;
bottom:0;
width:100%;
height:1px;
background:#ececec
}

#main .main-history .title span{
position:relative;
display:inline-block;
vertical-align:middle;
padding:8px 0
}

#main .main-history .title span:after{
content:'';
display:block;
position:absolute;
width:100%;
left:0;
bottom:-1px;
height:2px;
z-index:1;
background:#3E9BC8
}

#main .main-history .date-wrap label{
display:block;
margin:0 auto 10px
}

#main .main-history .date-wrap label:after{
content:'';
display:inline-block;
vertical-align:middle;
width:20px;
height:20px;
margin:0 0 0 10px;
background:url( ../images/css/icon-law.png ) right center no-repeat
}

#main .main-history .datepicker{
background:#ececec;
border:1px solid #ddd;
color:#333;
margin:0 0 0 15px;
padding:10px 5px 8px;
width:195px;
height:40px
}

#main .main-history .btn-submit{
display:block;
width:100%;
text-align:center;
border:0 none;
margin:0 auto;
padding:7px 0;
color:#fff;
background:#016CA3
}



#main .item_table{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
	background-color: #FDFADF;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;	
width: 100%;
padding:5px auto;
display:block;	
}

#main .item_table select{
font-size:1.4em;
font-size:1.4rem;
font-family:"微軟正黑體","Microsoft JhengHei",Arial,Helvetica,"Helvetica Neue",Tahoma,Verdana,sans-serif;
}

#main .item_table h3{
display:inline-block;	
}
#main .item_table strong{
font-size:1.4em;
font-size:1.4rem;
font-family:"微軟正黑體","Microsoft JhengHei",Arial,Helvetica,"Helvetica Neue",Tahoma,Verdana,sans-serif;
color:#FF0000;
display:inline-block;
}


#main .item_table .item_title{
font-size:1.8em;
font-size:1.8rem;
font-family:"微軟正黑體","Microsoft JhengHei",Arial,Helvetica,"Helvetica Neue",Tahoma,Verdana,sans-serif;
width: auto;
color:#0000ff;
display:block;	
}
#main .item_table .item_data{
width: auto;
display:block;	
}
#main .item_table .item_submit{
width: 100%;
text-align:center;
display:inline-block;	
}


#main .basic-table td{
	padding: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
	background-color: #FDFADF;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

#main .basic-table td a{
*display:block;
text-decoration:none;
color:#FF8000;
}

#main .basic-table th{
	text-align: center;
	font-weight: bold;
	padding: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
	background-color: #EDEADF;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
}



#main .toxic-list .No,#main .toxic-list .列管編號,#main .toxic-list .中文名稱,#main .toxic-list .英文名稱,#main .toxic-list .GHS,#main .toxic-list .SDS,#main .toxic-list .災害防救手冊,#main .toxic-list .緊急應變程序卡,#main .toxic-list .科普版{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
	background-color: #FDFADF;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	display:inline-block;
}


#main .toxic-detail td{
	padding: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
	background-color: #FDFADF;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

#main .toxic-detail td a{
*display:block;
text-decoration:none;
color:#000000;
}

#main .toxic-detail th{
	text-align: center;
	font-weight: bold;
	padding: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
	background-color: #EDEADF;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
}








#sitemap .intro-wrap{
padding:10px 10px 120px
}

#sitemap .cate{
margin:0 auto 20px
}



#seminar .form-wrap{
position:relative;
margin:0 auto 20px
}

#seminar .form-wrap fieldset{
border:0 none;
margin:0;
padding:0
}

#seminar .form-wrap label{
font-size:1.5em;
font-size:1.5rem;
color:#666;
float:left;
width:48%;
margin:0
}

#seminar .form-wrap label+label{
margin:0 0 0 4%
}

#seminar .form-wrap .datepicker{
width:100%;
height:40px;
border:1px solid #ddd;
margin:0;
background:#ececec
}

#seminar .form-wrap .legend{
font-size:1.5em;
font-size:1.5rem;
color:#666;
display:block;
height:40px;
line-height:40px;
margin:0
}

#seminar .form-wrap .label{
font-size:1.3em;
font-size:1.3rem;
display:block
}

#seminar .form-wrap .cate-wrap{
padding:0
}

#seminar .form-wrap .cate{
float:left;
width:48%;
margin:0
}

#seminar .form-wrap .cate+.cate{
margin:0 0 0 4%
}

#seminar .form-wrap .btn-submit{
font-size:1.6em;
font-size:1.6rem;
margin:15px 0 0;
display:block;
width:100%;
height:40px;
line-height:40px;
background:#0167A0;
border:0 none;
color:#fff
}

#seminar .info-title{
font-size:2.5em;
font-size:2.5rem;
font-weight:bold;
line-height:1.4;
border:0 none;
margin:0 auto 10px;
font-family:Arial,"微軟正黑體","Microsoft JhengHei",Arial,Helvetica,"Helvetica Neue",Tahoma,Verdana,sans-serif
}

#seminar .page-chose{
text-align:center
}

#seminar .page-chose .btn-wrap{
border-radius:3px;
-moz-box-shadow:0 0 1px 2px #ddd;
-webkit-box-shadow:0 0 1px 2px #ddd;
box-shadow:0 0 1px 2px #ddd;
font-size:0;
position:relative;
border:1px solid #d1d1d1;
display:inline-block;
vertical-align:middle;
margin:20px auto
}

#seminar .page-chose .btn-wrap:after{
content:'';
display:block;
position:absolute;
left:50%;
top:0;
width:1px;
height:100%;
background:#ddd
}

#seminar .page-chose .label{
font-size:1.5em;
font-size:1.5rem;
display:inline-block;
vertical-align:middle;
position:relative;
padding:0 45px 0 35px;
height:35px;
line-height:35px;
color:#fff;
background:url( ../images/css/icon-law2.png ) 10px center no-repeat #cb530d
}

#seminar .page-chose .label:after{
content:'';
display:block;
position:absolute;
right:0;
top:0;
width:35px;
height:100%;
background:url( ../images/css/icon-arrow02.png ) center no-repeat #D47239
}

#seminar .page-chose .prev,#seminar .page-chose .next{
font-size:1.4em;
font-size:1.4rem;
text-decoration:none;
color:#CB530D;
height:35px;
line-height:35px;
padding:0 20px;
display:inline-block;
vertical-align:middle;
min-width:105px
}

#seminar .page-chose .prev:before,#seminar .page-chose .prev:after,#seminar .page-chose .next:before,#seminar .page-chose .next:after{
content:'';
display:inline-block;
vertical-align:baseline;
width:12px;
height:12px;
margin:0 5px
}

#seminar .page-chose .prev:before{
background:url( ../images/css/icon-arr-prev.png ) center no-repeat
}

#seminar .page-chose .prev:after{
content:none
}

#seminar .page-chose .next:before{
content:none
}

#seminar .page-chose .next:after{
background:url( ../images/css/icon-arr-next.png ) center no-repeat
}

#seminar .active-total{
margin:0 auto 10px
}

#seminar .active-total span{
color:#CB520C
}

#seminar .tb-skin{
margin:0 auto 10px
}

#seminar .tb-skin th{
background:#4FC0BB;
color:#fff
}

#seminar .tb-skin td,#seminar .tb-skin h3{
font-size:1.5em;
font-size:1.5rem;
color:#000;
font-weight:normal
}

#seminar .tb-skin h3{
margin:0 0 5px
}

#seminar .tb-skin td{
text-align:left;
padding:12px 15px
}

#seminar .tb-skin .date{
font-size:1.3em;
font-size:1.3rem;
color:#CB520C;
font-family:Arial,Arial,Helvetica,"Helvetica Neue",Tahoma,Verdana,"微軟正黑體","Microsoft JhengHei","MHei","STHeitiTC-Light",sans-serif
}

#seminar .tb-skin a{
color:#00669F;
text-decoration:underline;
margin:0
}




#law .banner{
padding:0 20px
}

#law .banner .title{
font-size:2.5em;
font-size:2.5rem
}

#law .intro-wrap{
padding:0 0 100px;
max-width:960px;
margin:0 auto
}

#law .tab-nav{
font-size:0;
padding:0 20px
}

#law .tab-nav a{
display:block;
text-decoration:none;
text-align:center;
padding:10px;
border:1px solid #ddd;
background:#ececec
}

#law .tab-nav ul{
position:relative
}

#law .tab-nav ul:after{
content:'';
display:block;
position:absolute;
left:0;
bottom:0;
width:100%;
height:2px;
background:#CC760B;
z-index:0
}

#law .tab-nav li{
font-size:1.4em;
font-size:1.4rem;
position:relative;
display:inline-block;
width:49.99999%;
vertical-align:top;
margin:0 0 2px 0;
padding:0 1px;
z-index:1
}

#law .tab-nav li.on{
color:#fff
}

#law .tab-nav li.on a{
background:#CC760B
}

#law .detail{
padding:20px
}

#law .editor{
font-size:1.6em;
font-size:1.6rem
}

#law .editor td{
padding:2px 0
}

#law .tb-wrap{
overflow:auto
}



/*Add by Chienlin*/
#video .comm-video{
position:relative
}

#video .comm-video iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}

#video .comm-video .video-one{
position:relative;
width:100%;
height:0;
min-height:180px;
margin:10px 10px 10px 5px;
padding-top:0px;
padding-bottom:60%;
overflow:hidden;
display:inline-block;
}

#video .comm-video .video-wrap-one{
position:relative;
width:100%;
height:0;
min-height:180px;
margin:0px 0px 0px 0px;
padding-top:0px;
padding-bottom:50%;
overflow:hidden;
display:block;
}

#video .comm-video .video-group{
position:relative;
width:100%;
height:0;
min-height:180px;
margin:10px 10px 10px 5px;
padding-top:0px;
padding-bottom:60%;
overflow:hidden;
display:inline-block;
}

#video .comm-video .video-wrap{
position:relative;
width:100%;
height:0;
min-height:180px;
margin:0px 0px 0px 0px;
padding-top:0px;
padding-bottom:50%;
overflow:hidden;
display:block;
}


#video .comm-video .text{
font-size:1.5em;
font-size:1.5rem;
font-family:"微軟正黑體","Microsoft JhengHei",Arial,Helvetica,"Helvetica Neue",Tahoma,Verdana,sans-serif;
padding:0px 5px;
text-align:left;
background:#FFFFFF;
}

#video .comm-video .text strong{
font-weight:normal;
}

#video .comm-video .text sub{
font-size:0.6em;
font-size:0.6rem;
display:inline-block
}

#video .comm-video .text span{
font-size:0.8em;
font-size:0.8rem;
display:inline-block
}

/*Add by Chienlin*/




@font-face{
font-family:'Aldine401BTRomanA';
src:url( "../css/font/Aldine401BTRomanA.eot" );
src:url( "../css/font/Aldine401BTRomanA.eot" ) format( "embedded-opentype" ),url( "../css/font/Aldine401BTRomanA.woff2" ) format( "woff2" ),url( "../css/font/Aldine401BTRomanA.woff" ) format( "woff" ),url( "../css/font/Aldine401BTRomanA.ttf" ) format( "truetype" ),url( "../css/font/Aldine401BTRomanA.svg#Aldine401BTRomanA" ) format( "svg" )
}

@font-face{
font-family:'TwCenMTBold';
src:url( "../css/font/Bold.eot" );
src:url( "../css/font/Bold.eot?#iefix" ) format( "embedded-opentype" ),url( "../css/font/Bold.woff2" ) format( "woff2" ),url( "../css/font/Bold.woff" ) format( "woff" ),url( "../css/font/Bold.ttf" ) format( "truetype" ),url( "../css/font/Bold.svg#TwCenMTBold" ) format( "svg" );
font-weight:normal;
font-style:normal
}

@font-face{
font-family:'TwCenMTRegular';
src:url( "../css/font/Regular.eot" );
src:url( "../css/font/Regular.eot?#iefix" ) format( "embedded-opentype" ),url( "../css/font/Regular.woff2" ) format( "woff2" ),url( "../css/font/Regular.woff" ) format( "woff" ),url( "../css/font/Regular.ttf" ) format( "truetype" ),url( "../css/font/Regular.svg#TwCenMTRegular" ) format( "svg" );
font-weight:normal;
font-style:normal
}

@font-face{
font-family:'myriad';
src:url( "../css/font/proRegular.eot" );
src:url( "../css/font/proRegular.eot?#iefix" ) format( "embedded-opentype" ),url( "../css/font/proRegular.woff2" ) format( "woff2" ),url( "../css/font/proRegular.woff" ) format( "woff" ),url( "../css/font/proRegular.ttf" ) format( "truetype" ),url( "../css/font/proRegular.svg#myriadproRegular" ) format( "svg" );
font-weight:normal;
font-style:normal
}

@font-face{
font-family:'myriadBold';
src:url( "../css/font/proBold.eot" );
src:url( "../css/font/proBold.eot?#iefix" ) format( "embedded-opentype" ),url( "../css/font/proBold.woff2" ) format( "woff2" ),url( "../css/font/proBold.woff" ) format( "woff" ),url( "../css/font/proBold.ttf" ) format( "truetype" ),url( "../css/font/proBold.svg#myriadproBold" ) format( "svg" );
font-weight:normal;
font-style:normal
}

@font-face{
font-family:'verdanaBold';
src:url( "../css/font/Bold.eot" );
src:url( "../css/font/Bold.eot?#iefix" ) format( "embedded-opentype" ),url( "../css/font/Bold.woff2" ) format( "woff2" ),url( "../css/font/Bold.woff" ) format( "woff" ),url( "../css/font/Bold.ttf" ) format( "truetype" ),url( "../css/font/Bold.svg#verdanaBold" ) format( "svg" );
font-weight:normal;
font-style:normal
}



/*# sourceMappingURL=style.css.map */

/*人員組織 Start*/
.meet th {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D0C6AA;
	height: 25px;
	font-weight: bold;
	text-align: center;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #D0C6AA;
}
.meet td {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #D0C6AA;
	height: 25px;
	text-align: center;
}
.meet02 th {
	font-size: 0.875em;
	font-weight: bold;
	background-color: #F3F1EB;
	color: #735324;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	text-align: center;
	min-width:80px;
}
.meet02 td {
	font-size: 0.75em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	height: 25px;
	text-align: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
.meet02 ul {
	margin: 0px;
	padding: 0px;
}
.meet02 li {
	margin-left: 0px;
}
.meet02  a:link {
	color: #A28D59;
	text-decoration: none;
}
.meet02 a:visited {
	color:  #A28D59;
	text-decoration: none;
}
.meet02  a:hover {
	color:  #996600;
	text-decoration: underline;
}
.meet03 th {
	height: 25px;
	font-weight: bold;
	text-align: center;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #B6A67C;
	color: #404040;
}
.meet03 td {
	height: 25px;
	text-align: left;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #333333;
	color: #666666;
}
.meet03  a:link {
	color: #A28D59;
	text-decoration: none;
	font-weight: normal;
}
.meet03 a:visited {
	color:  #A28D59;
	text-decoration: none;
	font-weight: normal;
}
.meet03  a:hover {
	color:  #000000;
	text-decoration: underline;
	font-weight: normal;
}
.meet04 th {
	height: 25px;
	font-weight: bold;
	text-align: center;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #B6A67C;
	color: #404040;
}
.meet04 td {
	height: 25px;
	text-align: left;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #333333;
	color: #666666;
}
.meet04  a:link {
	color: #A28D59;
	text-decoration: none;
	font-weight: normal;
}
.meet04 a:visited {
	color:  #A28D59;
	text-decoration: none;
	font-weight: normal;
}
.meet04  a:hover {
	color:  #000000;
	text-decoration: underline;
}


.meetsearch th {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D0C6AA;
	height: 25px;
	font-weight: bold;
	text-align: center;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #D0C6AA;
}
.meetsearch td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	height: 25px;
	text-align: center;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-top: 3px;
}
.meetsearch  a:link {
	color: #A28D59;
	text-decoration: none;
}
.meetsearch a:visited {
	color:  #A28D59;
	text-decoration: none;
}
.meetsearch  a:hover {
	color:  #996600;
	text-decoration: underline;
}
.date {
	font-size: 1.0625em;
	font-weight: bold;
	background-color: #F3F1EB;
	color: #59401C;
}
.meetnumber {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D0C6AA;
	height: 25px;
	font-weight: normal;
	text-align: center;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #D0C6AA;
	font-size: 0.6875em;
	color: #000000;
}
.meetnumber02 {
	font-size: 0.6875em;
	color: #000000;
}
.meetnumber03 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D0C6AA;
	height: 25px;
	font-weight: bold;
	text-align: center;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #D0C6AA;
	font-size: 0.8125em;
	color: #333333;
}
/*人員組織 End*/


/* 表格 Start*/
.grid td{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	padding: 2px;
}
.grid th{
	text-align: left;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
.grid02 td{
	padding: 2px;
	text-align: left;
	border: 1px solid #999999;
	background-color: #FDFADF;
}
.grid02 th{
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	color: #886300;
	font-weight: normal;
}
.grid03 td{
	padding: 2px;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
}
.grid03 th{
	text-align: left;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	color: #666666;
	font-weight: bold;
}
.grid03 th .bg{
	background-color: #FFCC00;

}
.grid04 td{
	padding: 2px;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
	font-family: Arial, "新細明體";
	font-size: 0.8125em;
	background-color: #FDFADF;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

.grid04 td a{
display:block;
text-decoration:none;
color:#FF8000;
}

.grid04 th{
	text-align: center;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #B0B0B0;
	color: #333333;
	font-weight: bold;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
}
.grid05 td{
	padding: 2px;
	text-align: left;
}
.grid05 th{
	text-align: left;
	color: #666666;
	font-weight: normal;
}
.grid05 .line02{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D9D9D9;
	padding-top: 6px;
	background-color: #f9f9f9;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D9D9D9;
	padding-bottom: 6px;
}
.grid05 .line03{
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #D4D4D4;
	padding-top:3px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #D4D4D4;
	padding-bottom: 3px;
	font-weight: bold;
	color: #333333;
}
.grid06 td{
	padding: 2px;
	text-align: center;
	border: 1px solid #999999;
}
.grid06 th{
	padding: 2px;
	text-align: center;
	border: 1px solid #999999;
	font-weight: normal;
	color: #000000;
	background-color: #FFFBE8;
}
/* 表格 End*/




/*Table Scroll Start*/
.table-width {
　background: #fff;
　overflow: scroll;
}
/*Table Scroll End*/




/*RWD Table Start*/
.rwd-table {
  background: #fff;
  overflow: hidden;
}


.rwd-table tr:nth-of-type(1n){
  background: #FDFADF;
}
.rwd-table tr:nth-of-type(2n){
  background: #DFFAFD;
}

.rwd-table th, .rwd-table td {
	margin: 0.5em 1em;
	padding:0 15px;
	text-align: left;
}
.rwd-table {
  min-width: 78%;
}

.rwd-table th {
  display: none;
}

.rwd-table td {
  *width: 100%;
  display: block;
}

.rwd-table td:before {
  content: attr(data-title) "：";
  font-weight: bold;
  *width: 10em;
  display: inline-block;
}
.rwd-table th, .rwd-table td:before {
  *color: #D20B2A;
  font-size:1em;
  font-weight: bold;
}

.rwd-table .head { position:relative; }
span:hover:after{
    content:attr(showhints);
    position:relative;
	margin:0px auto;
    font-size: 1em;
	font-family: 微軟正黑體;
    max-width:999px;
	height: auto;
    text-align: left;
	background: #EDC200;
	color: #000;
    padding-bottom: 6px;
	padding-top: 6px;
    border-radius: 6px;
    z-index: 999;
	display:block;
}


.rwd-table .fix_button{
font-size:1.5em;
font-size:1.5rem;
width:80px;
height:30px;
border:2px blue dashed;
color:#00f;
background:#FFD946;
}

.rwd-table .del_button{
font-size:1.5em;
font-size:1.5rem;
width:80px;
height:30px;
border:2px blue dashed;
color:#f00;
background:#FFD946;
}

.rwd-table .aduit_button{
font-size:1.5em;
font-size:1.5rem;
height:30px;
border:2px blue dashed;
color:#00f;
background:#FFD946;
}

.rwd-table .report_button{
font-size:1.5em;
font-size:1.5rem;
height:30px;
border:2px blue dashed;
color:#d44;
background:#FFD946;
}

.rwd-table .upload_button{
font-size:1.5em;
font-size:1.5rem;
height:30px;
}

.rwd-table .upload_report_button{
font-size:1.5em;
font-size:1.5rem;
height:30px;
border:1px blue dashed;
color:#499;
background:#FFD946;
}

.rwd-table .report_wait_button{
font-size:1.5em;
font-size:1.5rem;
height:30px;
border:2px blue dashed;
color:#333;
background:#FF3333;
}

.rwd-table .report_no_button{
font-size:1.5em;
font-size:1.5rem;
height:30px;
border:2px blue dashed;
color:#d44;
background:#20B050;
}

.rwd-table .history_button{
font-size:1.5em;
font-size:1.5rem;
height:30px;
border:2px blue dashed;
color:#f0f;
background:#FFD946;
}
/*RWD Table End*/


/*RWD-align Table Start*/
.rwd-table-align {
  background: #fff;
  overflow: hidden;
}


.rwd-table-align tr:nth-of-type(1n){
  background: #FDFADF;
}
.rwd-table-align tr:nth-of-type(2n){
  background: #DFFAFD;
}

.rwd-table-align th, .rwd-table-align td {
	margin: 0.5em 1em;
	padding:0 15px;
	text-align: left;
}
.rwd-table-align {
  min-width: 78%;
}

.rwd-table-align th {
  background: #FFD946;
  display: none;
}

.rwd-table-align td {
  *width: 100%;
  display: block;
}

.rwd-table-align td:before {
  content: attr(data-title) "：";
  font-weight: bold;
  *width: 10em;
  display: inline-block;
}
.rwd-table-align th, .rwd-table-align td:before {
  *color: #D20B2A;
  font-size:1em;
  font-weight: bold;
}
.rwd-table .head { position:relative; }
span:hover:after{
    content:attr(showhints);
    position:relative;
	margin:0px auto;
    font-size: 1em;
	font-family: 微軟正黑體;
    max-width:999px;
	height: auto;
    text-align: left;
	background: #EDC200;
	color: #000;
    padding-bottom: 6px;
	padding-top: 6px;
    border-radius: 6px;
    z-index: 999;
	display:inline-block;
	white-space: pre-wrap;
}

.rwd-table-align .fix_button{
font-size:1.5em;
font-size:1.5rem;
width:80px;
height:30px;
border:2px blue dashed;
color:#00f;
background:#FFD946;
}

.rwd-table-align .del_button{
font-size:1.5em;
font-size:1.5rem;
width:80px;
height:30px;
border:2px blue dashed;
color:#f00;
background:#FFD946;
}

.rwd-table-align .del_item_button{
font-size:1.5em;
font-size:1.5rem;
width:80px;
height:30px;
border:2px blue dashed;
color:#f00;
background:#FFD946;
display: block;
}


.rwd-table-align .aduit_button{
font-size:1.5em;
font-size:1.5rem;
height:30px;
border:2px blue dashed;
color:#00f;
background:#FFD946;
}

.rwd-table-align .report_button{
font-size:1.5em;
font-size:1.5rem;
height:30px;
border:2px blue dashed;
color:#d44;
background:#FFD946;
}

.rwd-table-align .report_wait_button{
font-size:1.5em;
font-size:1.5rem;
height:30px;
border:2px blue dashed;
color:#333;
background:#FF3333;
}

.rwd-table-align .report_no_button{
font-size:1.5em;
font-size:1.5rem;
height:30px;
border:2px blue dashed;
color:#d44;
background:#20B050;
}

.rwd-table-align .upload_button{
font-size:1.5em;
font-size:1.5rem;
height:30px;
}

.rwd-table-align .upload_report_button{
font-size:1.5em;
font-size:1.5rem;
height:30px;
border:2px blue dashed;
color:#499;
background:#FFD946;
}

.rwd-table-align .history_button{
font-size:1.5em;
font-size:1.5rem;
height:30px;
border:2px blue dashed;
color:#f0f;
background:#FFD946;
}

/*RWD-align Table End*/


/*toxic-support Table Start*/
.toxic-support {
  background: #fff;
  overflow: hidden;
}


.toxic-support tr:nth-of-type(1n){
  background: #FFD946;
}
.toxic-support tr:nth-of-type(2n){
  background: #F0A000;
}
.toxic-support th, .toxic-support td {
	margin: 0.5em 1em;
	padding:0 15px;
	text-align: left;
}
.toxic-support {
  min-width: 78%;
}

.toxic-support th {
  display: none;
}

.toxic-support td {
  display: block;
}

.toxic-support td:before {
  content: attr(data-title) " : ";
  font-weight: bold;
  *width: 10em;
  display: inline-block;
}
.toxic-support th, .toxic-support td:before {
  *color: #D20B2A;
  font-size:1em;
  font-weight: bold;
}
/*toxic-support Table End*/