﻿body {
    margin:0px;
    padding:0px;
    text-align:center;
    font-family: Arial,微軟正黑體;
    font-size:9pt;
    color: #4D4D4D;
    min-height: 100%;
    position: relative;
}

/*------------------------- 分頁 -------------------------*/
/*
.page {
	color:#5e5e5e;
	padding:15px 0 5px 0;
	text-align:center;	
}
.page ul li{
	list-style-type:none;
	display:inline;
	padding-left:5px;
}
.page ul li a{
    vertical-align:middle;
	padding-left:5px;
    font-size:30px;
    text-decoration:none;
    color:#5e5e5e;
}
.page ul li a:hover{
    color:black;
}
*/
/*---------------------連結區----------------------*/
A.LinkBlu:link{font-size:11pt;text-decoration:none;color:#1899B8}
A.LinkBlu:visited{font-size:11pt;text-decoration:none;color:#1899B8}
A.LinkBlu:hover{font-size:11pt;text-decoration:none;color:#8E2B00}


#go_top{
    display: block;
    width: 38px;
    height: 34px;
    position: fixed;
    right: 40px;
    top: 90%;
    z-index: 1001;
    opacity: 0.8;
    padding: 6px 12px;
}
.pagination{
    margin: auto;
}

.btn_fb{
    margin-top: 10px;
    height:24px;
}
.top_logo a img {
    margin: auto;
}
.page .active{
    background:#DDDDDD !important;
}
/*
.content_panel .Pic{
    margin: 0 30px 0 30px;
}
*/
.Pic figure {
    width:calc(100% / 5 - 50px);
    float:left;
    height:auto;
    line-height:auto;
    position: relative;
    padding: 0 !important;
    margin: 5px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
	-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);
	background-color:#FFF;
}
.Pic figure.white dl{
    background: #FFF;
    overflow: hidden;
}
.Pic figure dl {
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    padding: 10px;
    margin: 0;
    line-height: 2.5; 
    color: white;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

.Pic figure:hover dl {
    opacity: 1;
}

.Pic figure dl dt {
	font-family: Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    margin-bottom:0;
	font-weight:600;
	width:80%;
	margin-left:10%;
	color:#666;
	text-align:left;
	height:20px;
	line-height:100%;
	margin-top:40px;

}

.Pic figure dl dd {
    margin-left: 0;
    font-size: 12px;
	font-weight:400;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	line-height:150%;
	color:#999;
	width:80%;
	margin-left:10%;
	text-align:left;
	
}
#part-info{
    text-align:center;
}

@media screen and (max-width: 780px) {
    .body{
        font-family: 微軟正黑體;
    }
    .menu{
        overflow:hidden;
        height:70px;
    }
    .menu ul li a {
        font-size: 2.8vmin !important;
        font-family: 微軟正黑體;
        padding: 8px 3px !important;
        line-height: 30px !important;
    }
    .footer{
        /*height:170px !important;*/
        font-family: 微軟正黑體;
    }
    .footmenu, .foot_menu_div a, .foot_right_content a{
        font-size: 3vmin !important;
        line-height: 36px !important;
        font-family: 微軟正黑體;
    }

    .qrcode, .manger{
        /*display:none;*/
    }
    .foot_info{
        font-size: 3vmin !important;
        line-height:32px !important;
        font-family: 微軟正黑體;
    }
    .content{
        padding-bottom: 175px;
    }
    .btn_fb{
        font-size:3vmin !important;
        display: inline;
    }
    #go_top{
        /*
        width: 65px;
        height: 65px;
        */
        /*width: initial !important;
        height: initial !important;
        font-size: 15px;
        left:85% !important;
        right:initial !important;*/
        /*right: 45px !important;*/

    }
    .index img{
        max-width:100%;
    }
    .btn_fb iframe{
        width:100% !important;
    }
    #google_translate_element{
        float:inherit !important;
        width:100%;
        margin-bottom: 10px;
    }
    .Pic{
        margin: auto;
        width: 100%;
    }
    .Pic figure {
        width:calc(100% / 2 - 10px);
        margin: 5px;
    }
}
