﻿@import url("content.css");
.nav p a { background-image:url("../img/sub/head_img.png"); }
.nav p strong { color:#ccc;}
.top_sec { margin-top:170px; margin-bottom:30px; text-align:center;}
.top_sec h2 { padding:0 10px; text-align:center;}
.top_sec h2 img { max-width:317px; width:80%; }
.top_sec .txt {display:block; margin:50px 0; text-align:center; font-size:21px; color:#999; }
.top_sec .txt_mobile1,
.top_sec .txt_mobile2 { text-align:left; display:none; color:#999; }
.top_sec .top_img img {width:100%; }
.con_sec { background:#fbfbfb; border-top:1px solid #ccc; }
.btnbox { text-align:right; margin:30px 0; margin:30px auto; max-width:1155px;}
.btnbox a { display:inline-block; border:1px solid #ccc; color:#999; padding:0 20px; margin-right:25px; font-size:23px;}
.gamma-container {max-width:1155px; margin:0 auto;}
.gamma-gallery li {padding-bottom:30px !important;}
.gamma-container img {border:1px solid #ccc; border-bottom:0 none;}
.gamma-description { 
	max-width:100%; position:relative !important; opacity:1 !important; 
	border:1px solid #ccc; border-top:0 none;
}
.gamma-description h3 {
	padding:15px 0 !important;
	text-transform: none !important;
	font-size: 19px !important;
	letter-spacing: -1px !important;
	font-weight:300 !important;
	color:#666 !important;
}
.gamma-description-wrapper .gamma-description { 
	max-width:510px; position:relative !important; opacity:1 !important; margin:0 auto;
	color:#fff; text-align:center; border:0 none !important; font-weight:400; 
}
.gamma-description-wrapper .gamma-description h3 {
	padding:7px 0 !important;
	font-weight:400 !important;
	color:#fff !important;
}

.overview_box {position:fixed; top:0; left:0; width:100%; height:100%; z-index:10000; overflow:hidden;}
.overview_box .mask {
	position:absolute; top:0; left:0; width:100%; height:100%; display:block; z-index:10001;
	background:rgba(37,37,37,0.87);
}
.overview_box .swiper_box {position:relative;  z-index:10002; max-width:500px; width:100%; margin:70px auto;}
.overview_box .swiper_box li {background:#fff; padding:10px;}
.overview_box .swiper_box img { width:100%; }
.overview_box .swiper_box span { display:block; padding-top:5px; }
.overview_box .swiper_box .btn_close {
	width: 30px; height: 30px; display: block; text-indent:-300px; overflow:hidden;
	position:absolute; top:10px; right:-9%; z-index:10002;
	background: url("../img/sub/btn_close1.png") no-repeat;
	background-size:100% auto;
}
.overview_box .swiper_box .btn_prev,
.overview_box .swiper_box .btn_next {
	width: 40px; height: 40px; display: block; color:#ddd; overflow:hidden; font-size:30px; text-align:center; line-height:40px;
	position:absolute; top:50%; margin-top:-20px;  z-index:10002;
	background:rgba(37,37,37,0.9);
}
.overview_box .swiper_box .btn_prev {left:-50px; }
.overview_box .swiper_box .btn_next {right:-50px; }

@media all and (max-width:1155px) {
.btnbox a { margin-right:5px; margin-left:20px;}
}
@media all and (max-width:750px) {
.overview_box .swiper_box .btn_close { right:10px;}
.overview_box .swiper_box .btn_prev {left:5px; }
.overview_box .swiper_box .btn_next {right:5px; }
}
@media all and (max-width:740px) {
.top_sec .txt,
.top_sec .txt_mobile2 {display:none !important;}
.top_sec .txt_mobile1 { width:420px; margin:20px auto 40px; font-size:18px; text-align:left; line-height:1.45; display:block !important;}
.btnbox { margin:10px auto; }
.btnbox a { padding:0 10px; margin-left:10px; font-size:12px;}
.gamma-gallery li {padding-bottom:15px !important;}
.gamma-description h3 {
	padding:9px 0 !important;
	font-size: 15px !important;
}
}
@media all and (max-width:480px) {
.top_sec { margin-top:110px; text-align:center;}
.top_sec .txt { text-align:left; font-size:15px; }
.top_sec .txt,
.top_sec .txt_mobile1 {display:none !important;}
.top_sec .txt_mobile2 { width:250px; margin:30px auto; font-size:16px; text-align:left; line-height:1.45; display:block !important;}
.gamma-gallery li {padding-bottom:4px !important;}
.gamma-description h3 {
	padding:7px 0 !important;
	font-size:10px !important;
}
.overview_box .swiper_box li { padding:5px;}
.overview_box .swiper_box img { width:100%; }
.overview_box .swiper_box span { font-size:10px; padding-top:2px; }
.overview_box .swiper_box .btn_close {width:20px; height:20px; }
}


