@charset "UTF-8";
/**
*
* @authors Lihsi Chen
* @date    2017-03-23 23:55:56
* @version 1.0
*/
html,body{
letter-spacing: 3px;
}
body,input,button,select,textarea{
font-family: '微軟中黑體', 'Raleway', sans-serif;
}
section{
width: 100%;
}
.nopadding {
padding: 0 !important;
margin: 0 !important;
}
.header{
position: fixed;
background-color: #FFF;
z-index: 999;
padding: 10px 0px;
min-height: 98px;
background-color: #fff;
border-top: #4681bd 5px solid;
border-bottom: #89accf 2px solid;
}
/*----nav style start----*/
.header-nav-desktop{
float: left;
width: 100%;
display: block;
}
.header-nav-desktop .logo{
float: left;
}
.header-nav-desktop .detail{
float: right;
text-align: right;
}
.header-nav-desktop .detail .sub{
color: #666;
}
.header-nav-desktop .detail .sub a{
color: #666;
}
.header-nav-desktop .detail .sub a:hover,.header-nav-desktop .detail .sub a:focus{
color: #a0a0a0;
text-decoration: none;
}
.header-nav-desktop .detail > ul{
list-style-type: none;
padding-top: 14px;
float: right;
}
.header-nav-desktop .detail > ul > li {
float: left;
text-align: center;
font-size: 16px;
font-weight: 600;
padding: 0px 0px 0px 12px;
letter-spacing: 0px;
}
.header-nav-desktop .detail > ul > li:first-child{
padding-left: 0px;
}
.header-nav-desktop .detail > ul > li > a
{
color:#4e5c6c;
display: block;
text-decoration: none;
}
.header-nav-desktop .detail > ul > li > a:hover,.header-nav-desktop .detail > ul > li > a:focus
{
color:#a0a0a0;
}
.header-nav-desktop .detail > ul > li > ul
{
display: none;
list-style: none;
position: absolute;
/*background: rgba(255,255,255,0.9);*/
background: #f6f6f6;
text-align: left;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
margin-left: -20px;
padding:20px 20px 0px 20px;
z-index: 99;
}
.header-nav-desktop .detail > ul > li > ul > li{
padding: 10px 0px;
}
.header-nav-desktop .detail > ul > li > ul > li a{
color: #4e5c6c;
}
.header-nav-desktop .detail > ul > li > ul > li a:hover,.header-nav-desktop .detail > ul > li > ul > li a:focus{
color: #a0a0a0;
}
.header-nav-desktop .detail > ul > li:hover > ul, .header-nav-desktop .detail > ul > li:focus > ul{
display: block;
}
.header-nav-mobile{
float: left;
width: 100%;
display: none;
}
.header-nav-mobile .logo{
width: 100%;
float: left;
text-align: left;
}
.header-nav-mobile .logo .medium{
display: block;
}
.header-nav-mobile .logo .small{
display: none;
}
.header-nav-mobile .logo .xsmall{
display: none;
}
.header-nav-mobile .switch{
position: absolute;
right: 20px;
padding-top: 20px;
}
.header-nav-mobile .switch .bar-open-close{
width: 100%;
font-size: 32px;
}
.header-nav-mobile .switch .bar-open-close a{
color: #333;
}
.header-nav-mobile .switch .bar-open-close a:hover,.header-nav-mobile .switch .bar-open-close a:focus{
color: #333;
text-decoration: none;
}
.header-nav-mobile .detail{
width: 280px;
height: 100%;
padding-bottom: 150px;
background-color: #dedede;
position: fixed;
top:98px;
right: -1000px;
font-size: 16px;
font-weight: 600;
overflow-x: scroll;
}
.header-nav-mobile .detail .sub span{
display: inline-block;
width: 100%;
padding: 10px 0px;
text-align: center;
border-bottom:#d4d4d4 1px solid;
background-color: #808080;
}
.header-nav-mobile .detail .sub a{
color: #FFF;
}
.header-nav-mobile .detail .sub a:hover,.header-nav-mobile .detail .sub a:focus{
color: #FFF;
}
.header-nav-mobile .detail .sub a:hover span {
background-color: #666;
}
.header-nav-mobile .detail > ul{
list-style: none;
background-color: #000;
padding: 0px;
}
.header-nav-mobile .detail > ul > li {
}
.header-nav-mobile .detail > ul > li span{
position: relative;
display: inline-block;
width: 100%;
padding: 10px 0px;
text-align: center;
border-bottom:#FFF 1px solid;
background-color: #6abccb;
color: #fff;
}
.header-nav-mobile .detail > ul > li span:hover{
/*
border-bottom:#f2d664 2px solid;
background-color: #4681bd;
*/
}
.header-nav-mobile .detail > ul > li span i{
position: absolute;
top:10px;
right: 10px;
}
.header-nav-mobile .detail > ul > li a{
color: #fff;
}
.header-nav-mobile .detail > ul > li > ul{
display: none;
list-style: none;
background-color: #000;
padding: 0px;
}
.header-nav-mobile .detail > ul > li > ul > li {
}
.header-nav-mobile .detail > ul > li > ul > li span{
display: inline-block;
width: 100%;
padding: 10px 0px;
text-align: center;
border-bottom:#FFF 1px solid;
background-color: #45bc8a;
}
.header-nav-mobile .detail > ul > li > ul > li a{
color: #fff;
}
.header-nav-mobile .detail > ul > li > ul > li a:hover span{
color: #333;
background-color: #f2d664;
}
/*----nav style end----*/
.header-mobile-detail{
position: fixed;
top:98px;
right: -500px;
z-index: 999;
background-color: #394757;
width: 200px;
max-height: 100%;
min-height: 1px;
overflow-y: auto;
display: none;
}
.mobile-navbar
{
list-style-type: none;
margin: 0;
padding: 0;
float: right;
padding-top: 14px;
padding-bottom: 14px;
}
.mobile-navbar > li {
float: left;
width: 100%;
text-align: left;
font-size: 16px;
font-weight: 600;
padding: 0px 0px 0px 30px;
letter-spacing: 0px;
}
.header-switch {
display: none;
font-size: 180%;
position: absolute;
top: 20px;
right: 0px;
}
.header-switch a{
color: #333;
text-decoration: none;
}
.header-switch a:hover,.header-switch a:focus{
color: #333;
}
.header-fiexed-gap{
height: 98px;
}
.blockGap {
padding-top: 50px;
padding-bottom: 50px;
}
.kvMainTitle{
display: inline-block;
width: 100%;
font-size: 50px;
}
.kvSubTitle{
display: inline-block;
width: 100%;
font-size: 22px;
}
.main-pannel {
padding-top: 50px;
padding-bottom: 50px;
}
.bg-sky{
background-image:url("../images/index_news_bg.png");
background-repeat: repeat-x;
}
.master {
text-align: center;
position: relative;
}
.master.title{
font-size: 22px;
color: #2e3e51;
display: inline-block;
}
.master.title.white{
color: #FFF;
}
.master.icon.white{
color: #FFF;
}
.master.sep {
position: relative;
height: 4px;
background-color: #98d5e9;
width: 33px;
display: block;
margin: 10px auto 40px
}

.vmedia{
	position: relative;
	width: 100%;
	float: left;
}
.vmedia-left{
	width: 150px;
	float: left;
	padding-left: 10px;
	display: table-cell;
}
.vmedia-left > img{
	width: 100%;
}
.vmedia-body{
	display: table-cell;
	padding-left: 10px;
}
.choice-gap{
padding-bottom: 30px;
}
.choice-img{
width: 200px;
}
.choice-img > img
{
width: 100%;
}
.choice-date{
letter-spacing: 1px;
display: inline-block;
width: 100%;
font-size: 15px;
color: #a6a6a6;
}
.choice-title{
font-weight: 600;
font-size: 17px;
}
.choice-title a{
color: #5f7280;
}
.choice-detail{
padding-top: 10px;
font-weight: 500;
font-size: 15px;
color: #a6a6a6;
}
.show-more {
padding:10px;
width:50%;
border: 1px solid #dddddd;
border-radius: 20px;
margin: 0 auto;
text-align:center;
font-weight: bold;
}
.show-more a{
color: #333;
}
.show-more a:hover, .show-more a:focus{
color: #999;
}
.gallery-block {
background-image: url("../images/gallery-bg.png");
-moz-background-size:cover;
-webkit-background-size:cover;
-o-background-size:cover;
background-size:cover;
padding-bottom: 20px;
}
.gallery-block-inner {
float: left;
width: 100%;
padding-bottom: 50px;
}
.gallery-all{
width: 100%;
text-align: center;
font-size: 20px;
padding-top: 40px;
}
.gallery-all a{
color: #778391;
text-decoration: underline;
}
.gallery-all a:hover{
color: #FFF;
}
.effect-lily.gallery_image_show{
	width: 100%;
	min-width:auto;
	max-width:100%;
	max-height:270px;
	background-color: #000;
}
.guidance {
background-color:#e4e4e4;
}
.guidance-item{
	min-height: 250px;
}
.guidance .item-title{
font-weight: 600;
font-size: 17px;
color: #6a6a6a;
line-height: 10px;
padding-top: 15px;
}
.guidance .item-title a{
color: #5f7280;
}
.guidance ul {
list-style-type: none;
padding: 10px 0px 30px 0px;
}
.guidance li {
font-size: 15px;
line-height: 20px;
letter-spacing: 2px;
padding-bottom: 5px;
padding-top: 5px;
}
.guidance li a{
color: #5f7280;
}
footer{
background-color: #617380;
padding-top: 20px;
padding-bottom: 20px;
}
.footer_logo{
float: left;
}
.footer_content{
color: #FFF;
padding-left: 30px;
float: left;
letter-spacing: 1px;
line-height: 30px;
}
.footer_content .extra{
padding-right: 10px;
font-weight: 300;
color: #FFF;
}

.footer_content .extra a{
color: #FFF;
}
.footer_content .extra a:hover{
color: #FFF;
}
.footer_qrcode {
float: right;
}