@charset "UTF-8";
/* CSS Document */

.wrapper {
	position:relative;
	padding: 0;
	width:100%;
	background: url(../images/bg_viewpoint.png) top center;
	background-size: cover;
}
.map{
	position: relative;
	margin-top: 40px;
    width: 100%;
    text-align: center;
}
.sammy{
	position: relative;
    width: 24%;
    margin: 0 auto;
	padding-top:80px;
	
}
.blank{
	position: relative;
    background-color: #FFF;
	max-width:1200px;
	margin:0 auto;
	
}
.subject{
    font-family: "Helvetica Neue", "微軟正黑體", Helvetica, Arial, sans-serif;
    text-align: center;
    font-size: 23px;
    line-height: 30px;
    padding: 30px;
    font-weight: 800;
}
.text{
    font-family: "Helvetica Neue", "微軟正黑體", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 23px;
    padding: 0 60px 0 61px;
}
.text_subject{
	font-family: "Helvetica Neue", "微軟正黑體", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 3px;
	text-decoration:underline;
	font-weight:900;
}
.gallery{
	margin: 0.5%;
    float: left;
    width: 46%;
    margin-right: 25px;

}
.photo {
    width: 100%;
    height: 0 auto;
	padding-bottom:20px;
	padding-left:20px;
}
.desc{
	font-size: 12px;
	line-height:20px;
    min-height: 100px;
	color:#6b6969;
}
.desc2{
	font-size: 12px;
	line-height:20px;
    min-height: 20px;
	color:#6b6969;
}
@media (max-width: 1920px) {
}
@media (max-width: 1620px) {
}
@media (max-width: 1200px) {
.sammy{
	width: 44%;
}
}
@media (max-width: 970px) {
.sammy{
	width: 64%;
}
.gallery{
    width: 100%;
	
}
.copyright {
	text-align:center;
}
.stock {
	text-align:center;
}
.term {
	text-align:center;
}
}
@media (max-width: 768px) {
.sammy{
	width: 84%;
}
.map {
	display: none;
}
.view_container {
    top: 100px;
}
.view_left {
    position: relative;
    margin: 0 auto 30% auto;
    width: 60%;
    z-index: 2;
}
.view_right {
    position: relative;
    margin: 0 auto 30% auto;
    width: 60%;
    z-index: 2;
}
.text_view_left {
    position: absolute;
    top: 85% !important;
    left: 0;
    right: 0;
    width: 70%;
    margin: 0 auto;
    font-size: 16px;
    font-family: Verdana, Geneva, sans-serif;
    border: #d0b7b4 solid 3px;
    line-height: 22px;
    padding: 9% 15px 15px 15px;
    z-index: 1;
}
.text_view_right {
    position: absolute;
    top: 85% !important;
    left: 0;
    right: 0;
    width: 70%;
    margin: 0 auto;
    font-size: 16px;
    font-family: Verdana, Geneva, sans-serif;
    border: #d0b7b4 solid 3px;
    line-height: 22px;
    padding: 9% 15px 15px 15px;
    z-index: 1;
}
footer {
	margin-bottom: 40px;
}
}
@media (max-width: 414px) {
.view_left {
    margin: 0 auto 75% auto !important;
    width: 60%;
}
.view_right {
    margin: 0 auto 77% auto!important;
}
}