@charset "utf-8";
@import "font-awesome.min.css";
body { background:#fff url(../images/bg.png)no-repeat center top; width:100%; height:100%; margin:0; padding:0; font-family:"微軟正黑體"; font-size: 14px; line-height: 1.6;}
html { width:100%; height:100%;}

.warpper { }
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}/* End hide from IE-mac */
a { text-decoration:none;transition: all 0.3s ease 0s;}
img { border:0; vertical-align:middle;max-width: 100%;}
input { vertical-align:middle;}
.slicknav_menu {display:none;}
input.select-box { border:1px #CBCBCB solid; padding:5px 3%; width:20px; height:20px; text-align:center; margin-bottom:5px; }


/*** padding and border no width ****/
*{
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
 -moz-box-sizing: border-box;    /* Firefox, other Gecko */
 box-sizing: border-box;         /* Opera/IE 8+ */
}



/***** 表單預設文字顏色設定 *****/
/* 通用 */
::-webkit-input-placeholder { color:#999999; }
::-moz-placeholder { color:#999999; } /* firefox 19+ */
:-ms-input-placeholder { color:#999999; } /* ie */
input:-moz-placeholder { color:#999999; }

/* webkit专用 */
#field2::-webkit-input-placeholder { color:#999999; }
#field3::-webkit-input-placeholder { color:#999999; background:lightgreen; text-transform:uppercase; }
#field4::-webkit-input-placeholder { font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999999; }

/* mozilla专用 */
#field2::-moz-placeholder { color:#999999; }
#field3::-moz-placeholder { color:#999999; background:lightgreen; text-transform:uppercase; }
#field4::-moz-placeholder { font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999999; }




/*** 手機選單、選單 色塊-變色  ***/
.b-color, .slicknav_menu { } /** 選單顏色 ***/
.slicknav_icon-bar { background-color: #FFF;} /** 手機選單ICON按鈕色 ***/
.slicknav_btn { } /** 手機選單ICON按鈕底色 ***/

.b-color>li:hover, .b-color>li>ul>li>a:hover, .slicknav_nav .slicknav_row:hover, .slicknav_nav a:hover {background:rgba(0,127,214,.9);color: #fff; } /** 選單滑入顏色 ***/
.slicknav_nav>li { } 
.border-color { border-left:7px #A0A0A0 solid;} /** 標題顏色 ***/


header { }
.head-main {padding:13.8px 10px;display: flex;align-items: center; }
.head-main .logo {width: 668px; margin: 0; height:auto;display: flex;justify-content:flex-start;}
.head-main .logo a { color:#000000;}
.head-main .logo img {width:100%; height:auto;}
.head-main .slogan{flex: 1;margin: 0 0 0 .87%; height:auto;text-align: right;}
.head-main .slogan img {width:703px;  height:auto;}
.home { display: block; position:absolute; top:-35px; right:0px; width:25px; height:auto;}
.home_w { display:none;}
@media screen and (max-width:1425px){
.head-main .slogan img {width:100%;}
}
@media screen and (max-width:1400px){
.head-main .logo {width:auto;flex: 1;}
}
@media screen and (max-width:640px){
.head-main {padding:0 5px 5px 5px;}
.head-main .logo {width:320px;position: absolute;top:5px;left: 5px;}
.head-main .slogan{margin: 0;}
}
@media screen and (max-width:400px){
.head-main .logo {width:260px;position: absolute;top:8px;left: 5px;}
}
.banner-main{position: relative;}
.banner { background: #ffffff;  position: relative;border-bottom: 8px #fff solid;border-top: 8px #fff solid;}
.banner img { vertical-align:middle; width:100%; height:auto; position:absolute;}


/** 首頁申請類別 **/
.i-application-main{}
.i-application {}
.i-application ul {  margin:0; padding:0; list-style:none;display: flex;flex-wrap: wrap;justify-content: center;}
.i-application ul li { width:calc(20% - 8px); padding:0;margin: 0 10px 10px 0; text-align:center;}
.i-application ul li:nth-child(5n) {margin: 0 0 10px 0;}
.i-application ul li h4 { font-size:20px; color:#fff; line-height:1.6; font-weight:normal; padding:6px; margin:0;position: absolute; bottom: 8px; left: 0;width: 100%;background: rgba(0,0,0,.8); }
.i-application-photo { background:#fff; width:100%; position: relative;overflow: hidden;}
.i-application-photo a { display: flex; height: 100%; vertical-align: middle; text-align:center;align-items: center;justify-content: center;transform:scale(1);transition: all 1.2s ease 0s;opacity:1;}
.i-application-photo img.index-pro-img { width: auto; height: auto; flex-shrink:0;}
.i-application-photo a:hover{transform:scale(1.2);transition: all 1.2s ease 0s;opacity:.8;}
@media screen and (max-width:930px){
.i-application ul li { width:calc(33.3333% - 6.7px);}
.i-application ul li:nth-child(5n) {margin: 0 10px 10px 0;}
.i-application ul li:nth-child(3n) {margin: 0 0px 10px 0;}
}
@media screen and (max-width:520px){
.i-application ul li { width:calc(50% - 5px);}
.i-application ul li:nth-child(5n) {margin: 0 10px 10px 0;}
.i-application ul li:nth-child(3n) {margin: 0 10px 10px 0;}
.i-application ul li:nth-child(2n) {margin: 0 0px 10px 0;}
}
@media screen and (max-width:360px){
.i-application ul li {width:calc(100% - 0px);margin: 0 0 10px 0;}
.i-application ul li:nth-child(5n) {margin: 0 0px 10px 0;}
.i-application ul li:nth-child(3n) {margin: 0 0px 10px 0;}
.i-application ul li:nth-child(2n) {margin: 0 0px 10px 0;}
}
/** 首頁服務項目 **/
.i-service-main{margin: 30px 0;}
.i-service{max-width: 1140px;margin: 0 auto;}
.i-service h3{padding: 0;color: #0c66a3; font-size: 36px;text-align: center;font-weight: normal;position: relative;display: table;margin: 0 auto 30px auto;line-height: 1.4;}
.i-service h3:before{content: "";display: block;width: 44px; height: 3px;background: #0c66a3;position: absolute;left:-76px;top: 48%;}
.i-service h3:after{content: "";display: block;width: 44px; height: 3px;background: #0c66a3;position: absolute;right:-76px;top: 48%;}
.i-service h3 .i-service-en{color: #728ca3; font-size: 15px;font-family: "arial"; text-transform: uppercase;line-height: 1.2;}
.i-service ul {  margin:0; padding:0; list-style:none;display: flex;flex-wrap: wrap;justify-content: center;}
.i-service ul li{width: calc(16.6666% - 10px);margin: 5px;padding: 0;text-align: center;}
.i-service ul li a{color: #000;}
.i-service ul li a:hover h4{color: #074d7c;}
.i-service ul li a:hover .i-service-icon{border-radius:10%;transition: all .8s ease 0s;}
.i-service ul li .i-service-icon{width: 120px; height: 120px;margin: 0 auto;text-align: center; display: flex;align-items: center;justify-content: center;padding:26px;border-radius: 50%;transition: all .8s ease 0s;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4bb6ff+0,4bb6ff+0,00426f+100 */
background: rgb(75,182,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(75,182,255,1) 0%, rgba(75,182,255,1) 0%, rgba(0,66,111,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(75,182,255,1) 0%,rgba(75,182,255,1) 0%,rgba(0,66,111,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(75,182,255,1) 0%,rgba(75,182,255,1) 0%,rgba(0,66,111,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4bb6ff', endColorstr='#00426f',GradientType=0 ); /* IE6-9 */}
.i-service ul li:nth-child(3) .i-service-icon img{width: 80%;}
.i-service ul li .i-service-icon img{width: 100%;}
.i-service ul li h4{padding: 0;margin:6px 0;color: #000;font-size: 22px;font-weight: bold;}
@media screen and (max-width:1002px){
.i-service ul li{width: calc(33.3333% - 10px);}
}
@media screen and (max-width:510px){
.i-service ul li{width: calc(50% - 10px);}
.i-service ul li h4{font-size:20px;}
}


/*****  聯絡我們  *****/
.contact {display: flex;}
.contact .contact-content{width: 380px; font-size: 16px; color: #333333; }
.contact .contact-content a{color: #333333; }
.contact .contact-content a:hover{text-decoration: underline;}
.contact .contact-content ul{list-style: none;padding:5px 0 0 0;margin:0;}
.contact .contact-content ul li{padding:0;margin:8px 0;display: flex;align-items: center;}
.contact .contact-content ul li .contact-icon{min-width: 30px; width: 30px; height: 30px;text-align: center;background: #43aef8;color: #fff;font-size: 16px;border-radius: 5px;display: flex;align-items: center;justify-content: center;}
.contact .contact-content ul li .contact-name{flex: 1;padding: 0 12px;}
.contact .contact-map {flex:1;display: block;position: relative;height: 0;overflow: hidden;padding: 0;padding-bottom:19%;border: 5px #fff solid;box-shadow: 1px 1px 10px rgba(0,0,0,.2);border-radius: 5px;margin: 30px 0 0 0;}
.contact .contact-map iframe {position: absolute;height: 100%;width: 100%;left: 0;top: 0;}
@media screen and (max-width:950px){
.contact .contact-content{width: 350px; }
.contact .contact-map {padding-bottom:23%;}
}
@media screen and (max-width:800px){
.contact .contact-content{width: 340px; }
.contact .contact-map {padding-bottom:28%;}
}
@media screen and (max-width:700px){
.contact {display:block;}
.contact .contact-content{width:100%; }
.contact .contact-map {margin:20px 0 0 0;padding-bottom:35%;}
}
@media screen and (max-width:530px){
.contact .contact-map {padding-bottom:50%;}
}
@media screen and (max-width:400px){
.contact .contact-map {padding-bottom:70%;}
}


/*****  內頁架構  *****/
.content-body {max-width: 1140px; margin:0 auto;padding:0 10px 40px 10px;}
.page-title { background:url(../images/page-title.png) left top no-repeat; font-size:16px; color:#333; padding:0 0px 5px 40px; line-height:30px; margin:10px 0 10px 0; border-bottom:1px #CCC dotted; }
.page-main { padding: 0; font-size: 16px; color:#333333; line-height:1.6;}
.content-main { padding: 0 8px; font-size: 16px; color:#333333; line-height:1.6;}
.content-main ul{list-style: none;padding:0;margin: 0;display: flex;flex-wrap: wrap;}
.content-main ul li{width: calc(50% - 10px); padding:0;margin:5px 10px 5px 0;}
.content-main ul li:nth-child(even){margin:5px 0 5px 10px;}
.content-main ol{padding:0;margin: 0 0 0 20px;display: flex;flex-wrap: wrap;}
.content-main ol li{width: calc(100% - 0px); padding:0;margin:5px 0px 5px 0;}
@media screen and (max-width:600px){
.content-main ul li{width: calc(100% - 0px);margin:5px 0px 5px 0;}
.content-main ul li:nth-child(even){margin:5px 0 5px 0px;}
}

.left-menu-title { background:#8c8c8c; text-align:center; font-size:18px; color: #fff; padding:5px 0 5px 0;  
                   -webkit-border-radius:0 0 5px 0px; -moz-border-radius:0 0 5px 0px; border-radius:0 0 5px 0px;}
.in-left-menu {margin:15px 0; }
.in-left-menu>ul { margin:0; padding:0; list-style:none;display: flex;flex-wrap: wrap;justify-content: center; }
.in-left-menu>ul>li  { min-width: 150px; font-size:16px; color:#ffffff; padding:0;margin:4px 4px 16px 4px;text-align: center;}
.in-left-menu>ul>li>a { background:#9a9285; color:#ffffff;display:block; padding:5px 15px;}
.in-left-menu>ul>li>a:hover { background:#5d3c08;}
.in-left-menu>ul>li>.current { background:#5d3c08;}
.in-left-menu>ul>li>.current:after {content: "";display: block;margin: 5px auto -13px auto;width:  0;height: 0;border-style: solid;border-width: 8px 8px 0 8px;border-color: #5d3c08 transparent transparent transparent;}

.m_classLink{display:none;}

@media screen and (max-width:750px){
.classBox{padding:0 ;}
ul.classLink{display:none;}
.m_classLink{display:block; position:relative; background-color:#fff; border:1px solid #5d3c08;}
.m_classLink a.main{display:block; background:none; font-size:15px; font-family:"微軟正黑體", "新細明體", sans-serif; color:#333; position:relative; padding:8px;}
.m_classLink a.main i{display:block; font-size:15px; background:#5d3c08; width:45px; height:100%; text-align:center; color:#FFF; line-height:40px; position:absolute; right:0; top:0;}
.m_classLink ul{display:none; margin:0; padding:0; list-style:none; width:100%; background:#FFF; border:1px solid #5d3c08; position:absolute; left:0; top:100%; z-index:999; box-sizing:border-box;}
.m_classLink ul li{margin:0; padding:0;}
.m_classLink ul li a{display:block; padding:8px; border-top:1px solid #5d3c08; font-family:"微軟正黑體", "新細明體", sans-serif; font-size:15px; color:#222;}
.m_classLink ul li:first-child a{border:none;}
.m_classLink ul li a:hover{background:#9a9285;color: #fff;}
.m_classLink ul li ul{display:block; margin:0 10px 10px 10px; padding:0; list-style:none;width: calc(100% - 20px);  background:#FFF; border:1px solid #5d3c08; position:inherit; left:inherit; top:inherit; z-index:999; box-sizing:border-box;}
}

.content-title001{background: #034b7d;border-left: 5px #002c4a solid;position: relative;font-size: 18px; color: #fff;line-height: 1.6;padding: 6px 20px;display: table;margin:30px 0 15px 0;font-weight: normal;}
.content-title001:after{content: "";display: block; position: absolute;right:-20px;top: 0px;width: 0;height: 0;border-style: solid;border-width: 20px 0 20px 20px;border-color: transparent transparent transparent #034b7d;}
.content-title002{font-size:22px; color: #fff;text-shadow: 1px 1px 0 rgba(0,0,0,.3);position: relative;padding: 4px 15px 4px 10px;height: 43px;background: url(../images/title-bg.png)repeat-x center center;background-size: 1px;margin: 30px 13px 15px 66px ;font-weight: normal;}
.content-title002:before{content: "";display: block;width: 66px; height: 43px;background: url(../images/title02-icon.png)no-repeat left center;background-size: 66px; position: absolute;top: 0;left:-66px;}
.content-title002:after{content: "";display: block;width: 13px; height: 43px;background: url(../images/title02-after.png)no-repeat left center;background-size: 13px; position: absolute;top: 0;right:-13px;}
.content-title003{font-size:18px; color: #017aeb;font-weight: bold;padding: 0;margin:15px 0 5px 0;}
.content-title004{font-size:20px; color: #c50000;font-weight: bold;padding: 0;margin:15px 0 0px 0;}

@media screen and (max-width:540px){
.content-title001{display: block;border-left:0;border-bottom: 5px #002c4a solid;position: inherit;padding: 6px 15px 1px 15px;margin:20px 0 25px 0;text-align: center;}
.content-title001:after{content: "";display: block; position: inherit;right: inherit;top: inherit;margin: 5px auto -15px auto;width: 0;height: 0;border-style: solid;border-width: 10px 20px 0 20px;border-color: #002c4a transparent transparent transparent;}
}
.font001{ color: #ff0000;}
.remarks{font-size: 15px; color: #666666;padding:10px 0 5px 0;}

/** 內容圖片 **/
.content-images{padding: 10px 0 10px 0}
.content-images ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;justify-content: center;}
.content-images ul li{padding: 0;margin:8px;width: calc(33.3333% - 16px);border: 5px #fff solid;box-shadow:0 0 10px 0 rgba(0,0,0,.2);}
.content-images-photo { background:#fff; width:100%; position: relative;display: flex; height: 100%; align-items: center;justify-content: center;}
.content-images-photo img.index-pro-img { width: auto; height: auto; flex-shrink:0;}
@media screen and (max-width:700px){
.content-images ul li{width: calc(50% - 16px);}
}
@media screen and (max-width:360px){
.content-images ul li{width: calc(100% - 0px);margin: 8px 0;}
}

/** 關於我們 **/
.about{text-indent : 2em;padding: 0 10px;text-align:justify;}
.aboyt-img{max-width: 524px; margin: 0 auto 10px auto;}
.aboyt-img img{width: 100%;}

/*****  內頁BANNER  *****/
.inside-banner { padding:30px 0 15px 0;}
.inside-banner .banner-title { max-width: 1140px; margin:0 auto;padding:0;text-align: center;  }
.inside-banner .banner-title .en{display: block; font-family: "Times New Roman";color: #2d516c; font-size: 44px;text-shadow: 3px 3px 2px rgba(0,0,0,.2);text-transform: uppercase;line-height: 1.3;}
.inside-banner .banner-title .ch{display: block;color: #ec8b00; font-size: 24px;font-weight: bold;line-height: 1.2;padding: 0 0 6px 0;margin: 0;}
.inside-banner .banner-title i{color: #2d516c; font-size: 18px;}
@media screen and (max-width:750px){
.inside-banner { padding:10px 0 10px 0;}
.inside-banner .banner-title .en{font-size: 38px;line-height: 1.2;}
.inside-banner .banner-title .ch{font-size: 20px;}
}

/** 服務項目內容 **/
.service-main{display: flex;flex-wrap: wrap;}
.service{flex: 1;display: flex;width: 100%;}
.service h4{width: 35px; height: 100%;font-size: 18px; color: #fff;background: #ff9600;padding: 0;margin: 0;text-align: center;font-weight: normal;display: flex;flex-wrap: wrap; align-items: center;justify-content: center;}
.service .service-content{flex: 1; font-size: 16px; color: #333;padding: 0px 15px ;display: flex;flex-wrap: wrap; align-items: center;}
.service .service-content>ol{padding:0;margin: 0 0 0 20px;}
.service .service-content>ol>li{padding:0;margin:5px 0px 5px 0;}

.service-main{display: flex;flex-wrap: wrap;}
.service-main>ol{padding:0;margin: 0 0 0 20px;display: flex;flex-wrap: wrap;}
.service-main>ol>li{width: calc(50% - 10px); padding:0;margin:5px 10px 5px 0;}
.service-main>ol>li:nth-child(even){margin:5px 0 5px 10px;}
@media screen and (max-width:750px){
.service{flex:inherit;margin: 0 0 10px 0;}
}
@media screen and (max-width:600px){
.service-main>ol>li{width: calc(100% - 0px);margin:5px 0px 5px 0;}
.service-main>ol>li:nth-child(even){margin:5px 0 5px 0px;}
}

/** 申請類別 **/
.disability{margin: 5px 0 0 0;padding: 0 0 20px 0;}
.disability-title{font-size: 18px; color: #442600;font-weight: bold;display: table;margin:25px auto 15px auto;position: relative;padding: 0;}
.disability-title:before{content: "";display: block;width: 66px;height: 11px;background: url(../images/disability-title-before.png)no-repeat left center;background-size: 66px;position: absolute;left: -80px; top:9px;}
.disability-title:after{content: "";display: block;width: 66px;height: 11px;background: url(../images/disability-title-after.png)no-repeat right center;background-size: 66px;position: absolute;right: -80px; top:9px;}
.disability ol{display: flex;flex-wrap: wrap;margin:0;background: #f7f5f3;padding: 15px 15px 15px 5px;}
.disability ol li{width: calc(50% - 55px);margin: 5px 5px 5px 50px;padding: 0;}
@media screen and (max-width:600px){
.disability-title:before{display: none;}
.disability-title:after{display: none;}
.disability ol{padding: 15px 15px 15px 0;}
.disability ol li{width: calc(100% - 40px);margin: 5px 0 5px 40px;padding: 0;}
}

.line{border-bottom: 1px #999999 dotted;padding: 0 0 40px 0;margin: 0 0 30px 0;}

/** 申請類別表格一 **/
.application-form-main{display: flex;flex-wrap: wrap;margin: 15px 0 0 0;}
.application-form01{margin: .5px;flex: 1;}
.application-form01 ul{display: flex;flex-wrap: wrap;}
.application-form01 ul li{display: flex;width:100%;margin: 0;padding:0; font-size: 16px; color: #343434;text-align:center;border-bottom: 1px #442600 dashed;}
.application-form01 ul li:nth-child(even){background: #f7f5f3;margin: 0;}
.application-form01 ul li .age{flex: 3;padding: 8px 10px; }
.application-form01 ul li .points{flex: 1;padding: 8px 10px;min-width: 100px;}
.application-form01 ul li:first-of-type .age{padding: 6px 10px; }
.application-form01 ul li:first-of-type .points{border-left: 1px #fff solid;padding: 6px 10px;}
.application-form01 ul li:first-of-type{font-size: 18px; color: #fff;background: #442600;}
.application-form01 ul li:last-of-type{border-bottom: 1px #442600 solid;}
.application-form01:nth-child(even) ul li:nth-child(odd){background: #f7f5f3;}
.application-form01:nth-child(even) ul li:first-of-type{background: #442600;}
.application-form01:nth-child(even) ul li:nth-child(even){background:none;}

/** 申請類別表格二**/
.application-form02{border-top: 1px #442600 solid;width: 100%;}
.application-form02 ul{list-style: none;padding: 0;margin: 0;}
.application-form02 ul li{width: 100%;font-size: 16px; color: #333;display: flex;flex-wrap: wrap; padding: 0;margin: 0;}
.application-form02 ul li .application-form02-title{font-size: 18px; color: #fff;background: #442600;border-bottom: 1px #fff solid;flex: 1;display: flex;align-items: center;justify-content: center;text-align: center;padding: 8px 15px;}
.application-form02 ul li:last-of-type .application-form02-title{border-bottom: 1px #442600 solid;}
.application-form02 ul li .application-form02-information{border-bottom: 1px #442600 solid;flex:3;}
.application-form02-content-main{border-bottom: 1px #442600 dashed;display: flex;flex-wrap: wrap;}
.application-form02-content-main:last-of-type{border-bottom:0;}
.application-form02-name{padding: 8px 15px;width: 35%;}
.application-form02-content{padding: 8px 15px;width: 65%;}
.application-form02-content02{padding: 8px 15px;width: 100%;background: #f7f5f3;}
.application-form02 ul li:nth-child(even){margin:0;}
@media screen and (max-width:750px){
.application-form02 ul li .application-form02-title{flex:inherit;width: 100%;padding:6px 10px;}
.application-form02 ul li .application-form02-information{flex:inherit;width: 100%;}
.application-form02-name{padding: 8px 10px;}
.application-form02-content{padding: 8px 10px;}
.application-form02-content02{padding: 8px 10px;}
}
@media screen and (max-width:700px){
.application-form01{width: 100%;margin: 0;flex:inherit;}
}
@media screen and (max-width:530px){
.application-form02-name{width:100%;padding: 6px 10px 0 10px;}
.application-form02-content{width:100%;padding:0px 10px 6px 10px;}
.application-form02-content02{padding: 6px 10px;}
}

/*****  相關連結  *****/
.link {}
.link ul { margin:0; padding:0; list-style:none;display: flex;flex-wrap: wrap;}
.link ul li { width:calc(50% - 16px); margin:8px; padding:0; }
.link ul li a {display: flex;flex-wrap: wrap;align-items: center;}
.link ul li a:hover{}
.link-photo-main{width: 220px;border: 5px #fff solid;box-shadow:0 0 10px 0 rgba(0,0,0,.2);border-radius: 10px;position: relative; }
.link-photo { background:#fff; width:100%; position: relative; display: flex; height: 100%; align-items: center;justify-content: center;}
.link-photo img.index-pro-img { width: auto; height: auto; flex-shrink:0;}
.link ul li .link-information{flex: 1;padding: 0 10px 0 0;}
.link ul li .link-information h4{font-size: 16px; color: #333;padding: 0 5px 0 12px;margin:5px 0;height: 50px; overflow: hidden;font-weight: normal;}
.link ul li .link-information .link-content{font-size: 16px; color: #007dd6;background: #fff7ec;padding:5px 5px 5px 12px;height: 60px; overflow: hidden;}
@media screen and (max-width:1080px){
.link ul li { width:calc(25% - 16px); margin:8px; padding:0; }
.link-photo-main{width:100%;}
.link ul li .link-information{flex:inherit;width:100%;padding: 0;}
.link ul li .link-information h4{text-align: center;padding: 0 5px 0 5px;}
.link ul li .link-information .link-content{height:auto; overflow: hidden;padding:5px ;}
}
@media screen and (max-width:920px){
.link ul li { width:calc(33.3333% - 16px); }
}
@media screen and (max-width:700px){
.link ul li { width:calc(50% - 16px);}
}
@media screen and (max-width:455px){
.link ul li { width:calc(100% - 0px); margin:8px 0; }
.link ul li .link-information h4{height:auto; overflow: hidden;}
}

/***  版面欄位  ***/
.main { padding-top:0px;}
.col-100 {width:100%;}
.col-010 { width:9%; margin-right:1%; float:left;}
.col-015 { width:14%; margin-right:1%; float:left;}
.col-020 { width:19%; margin-right:1%; float:left;}
.col-025 { width:24%; margin-right:1%; float:left;}
.col-030 { width:29%; margin-right:1%; float:left;}
.col-040 { width:39%; margin-right:1%; float:left;}
.col-045 { width:44%; margin-right:1%; float:left;}
.col-050 { width:49%; margin-right:1%; float:left;}
.col-055 { width:54%; margin-right:1%; float:left;}
.col-060 { width:59%; margin-right:1%; float:left;}
.col-065 { width:64%; margin-right:1%; float:left;}
.col-070 { width:69%; margin-right:1%; float:left;}
.col-075 { width:74%; margin-right:1%; float:left;}
.col-080 { width:79%; margin-right:1%; float:left;}
.col-085 { width:84%; margin-right:1%; float:left;}

.cor-010 { width:10%; float:left;}
.cor-015 { width:15%; float:left;}
.cor-020 { width:20%; float:left;}
.cor-025 { width:25%; float:left;}
.cor-030 { width:30%; float:left;}
.cor-035 { width:35%; float:left;}
.cor-040 { width:40%; float:left;}
.cor-045 { width:45%; float:left;}
.cor-050 { width:50%; float:left;}
.cor-055 { width:55%; float:left;}
.cor-060 { width:60%; float:left;}
.cor-065 { width:55%; float:left;}
.cor-070 { width:70%; float:left;}
.cor-075 { width:75%; float:left;}
@media screen and (max-width: 640px) {
.col-m  { width:100%; margin-right:0%; float:none;}
.col-100 {}
.col-015, 
.col-020, 
.col-025, 
.col-030, 
.col-035, 
.col-040, 
.col-045, 
.col-050, 
.col-055, 
.col-060, 
.col-065, 
.col-070, 
.col-075, 
.col-080,
.col-085 { width:100%; margin-right:0%;}

.cor-015, 
.cor-020, 
.cor-025, 
.cor-030, 
.cor-035, 
.cor-040, 
.cor-045, 
.cor-050, 
.cor-055, 
.cor-060, 
.cor-065, 
.cor-070, 
.cor-075, 
.cor-080,
.cor-085 { width:100%;}
}

/***  首頁選單  ***/
.menu-main{position: absolute;top:8px;right: 0;height:calc(100% - 16px) ;background: url(../images/menu_bg.png)no-repeat right center;padding: 0;display: flex;flex-wrap: wrap; align-items: center;justify-content: center;}

/***  選單與下拉  ***/
nav {background: rgba(255,255,255,.9);}
nav:before {content: "";display: block;width: 100%;height: 15px; background: url(../images/menu-top.png)no-repeat center top;background-size: contain;}
nav:after {content: "";display: block;width: 100%;height: 14px;background: url(../images/menu-bottom.png)no-repeat center bottom;background-size: contain;}
.menu {max-width: 930px; padding:0; list-style:none; position:relative;  margin:-15px auto -14px auto;display: flex;align-items: center;}
.menu>li { color:#333333;flex: 1; font-size:20px; text-align:center; position:relative; line-height:1.8; cursor:pointer;}
.menu>li:last-of-type {display: none;}
.menu>li>a { color:#333; display:block;padding:9.5px 10px;}  
.menu>li>a:hover { background:rgba(0,127,214,.9);color: #fff;}
.menu>li>a i{padding: 0 8px 0 0;font-size: 16px;}
.fb{width: 182px;margin:20px auto 0 auto;padding: 0 0 0 20px;}
.fb img{width: 100%; border-radius: 5px; box-shadow:1px 1px 7px 0 rgba(0,0,0,.2);}

@media screen and (max-width:1000px){
.fb{margin:10px auto 0 auto;}
}
@media screen and (max-width:740px){
.menu-main{position:inherit;top:inherit;right:inherit;height:calc(100% - 16px) ;background:#1f85ca;border-bottom: 8px #fff solid;}
.fb{width:160px;margin:0 auto;padding:5px;}
}
@media screen and (max-width:680px){
.menu>li {font-size:18px; }
.menu>li>a {padding:9.5px 8px;}  
}
@media screen and (max-width:640px){
nav{display: none;}
.menu-main{display: none;}

.slicknav_menu { display:none;}
.js #menu {	display:none;}
.js .slicknav_menu {display:block;}
} 

/* 頁次 */	
.page{ font:13px/30px "微軟正黑體"; color:#333; text-align: center; clear:both; margin-top:10px; }
.page a { background: #4a4a4a; color:#fff; padding:5px 15px; }
.page a:hover { background: #848484; color: #fff;}
.page br { display:none;}
@media screen and (max-width:640px){
.page{}
.page br { display: block;}
}
/** footer**/
footer {background: url(../images/footer_bg.jpg)no-repeat center center; background-size: cover;padding: 17px 10px;}
footer .footer { max-width:1140px; margin:0 auto;color: #fff;font-size: 14px;display: flex;flex-wrap: wrap;}
footer .footer a{ color: #fff;}
footer .footer a:hover{text-decoration: underline;}
footer .footer span {padding: 0 10px;}
footer .footer .taipei{flex: 1;border-right: 1px rgba(0,58,97,.9) solid;padding: 0 15px 0 0;}
footer .footer .kaohsiung{flex: 1;border-left: 1px rgba(0,111,186,1) solid;padding: 0 15px 0 30px;}
footer .footer .copyright{flex: 1;color: #a9dcff;font-size: 12px;text-align: right;display: flex;flex-wrap: wrap; align-items: flex-end;justify-content: flex-end;}
footer .footer .copyright a{ color: #a9dcff;}
footer .footer .copyright a:hover{text-decoration: underline;color: #fff;}
@media screen and (max-width:1050px){
footer {padding: 10px 10px;}
footer .footer .taipei{flex:inherit;width:50%;text-align: center;padding: 0 15px;}
footer .footer .kaohsiung{flex:inherit;width:50%;text-align: center;padding: 0 15px;}
footer .footer .copyright{flex:inherit;width: 100%;text-align: center;align-items:center;justify-content:center;padding: 10px 0 0 0;}	
}
@media screen and (max-width:730px){
footer .footer .taipei{flex:inherit;width:100%;padding: 0 0 5px 0;border-right:0;}
footer .footer .kaohsiung{flex:inherit;width:100%;padding:5px 0 0 0;border-left:0;}	
}