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

body, html{padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; position:relative; width:100%}

/* Layer 1 */

.head{width:964px; position:relative; margin:0px auto; height:120px; background:url(../img/since.jpg) no-repeat bottom right; background-size:354px auto}
.h-logo{position:absolute; bottom:0px; left:0px}
.h-since{position:absolute; bottom:0px; right:0px}

.content{width:100%; margin-top:15px}
.blue{height:270px; background-color:#0054a6; width:100%; position:absolute}

.sponsor{position:relative; width:950px; margin:0px auto; text-align:right; padding:15px 0px 10px 0px; height:61px}
.sponsor table{float:right}
.sponsor table tr td{padding:0px 10px 0px 10px}
.sponsor table tr td img{position:relative}

.copy{position:relative; width:950px; margin:0px auto; font-family:Helvetica; font-size:13px; padding:10px 0px 3px 0px; text-align:left}

.foot{background-color:#0054a6; color:#fff; text-align:center; position:relative; width:100%; padding:7px 0px 7px 0px; font-family:Helvetica; font-size:14px}
.foot-a{background-color:#0054a6; color:#fff; font-family:Helvetica; font-size:15px; border:none; text-align:center; width:1087px}
.foot .telp{color:#FFF; text-decoration:none}
.foot .email{text-decoration:none; color:#fff}

/* Layer 2 - Content */

.menu{list-style:none; padding:0px; margin:0px; position:relative; margin:0px auto; width:685px; height:42px; font-weight:bold; font-size:15px}
.menu a li{float:left; padding:20px 0px 4px 0px; border-right:1px solid #c0defb; width:170px; text-align:center}
.menu a:first-child li{border-left:1px solid #c0defb}
.menu a{color:#fff; text-decoration:none}
.menu a li:hover{background-color:#221d5e}
.m-current{background-color:#221d5e}

.home{border-bottom:1px solid #c0defb; border-top:1px solid #c0defb; width:950px; position:relative; margin:0px auto; height:235px; padding:20px 0px 0px 0px; margin-top:20px}
.home a{}
.h-menu{border:3px solid rgba(0, 84, 166, 0.5); border-radius:20px; width:150px; padding:10px; float:left; text-align:center; height:180px; margin:0px 20px 0px 20px}
.h-menu div:first-child{color:#0054a6; font-weight:bold; font-size:16px; font-family:Helvetica}
.h-menu div:nth-child(2){position:relative; height:100%; width:100%}
.h-menu div:nth-child(2) img{position:absolute; left:0px; right:0px; top:0px; bottom:0px; margin:auto; width:120px}

.about{border-bottom:1px solid #c0defb; border-top:1px solid #c0defb; width:950px; position:relative; margin:0px auto; padding:10px 0px 10px 0px; margin-top:20px; color:#0054a6; font-family:Helvetica}

.gallery{position:relative; width:100%; background-color:#fff}
.sub-g{border-bottom:1px solid #c0defb; width:950px; position:relative; margin:0px auto; min-height:420px}
.sub-g table tr td a div{width:265px; height:177px; border:3px solid #0054a6; border-radius:10px}
.g-page{text-align:center; position:absolute; width:100%; height:25px; bottom:0px}
.g-page a{text-decoration:none; color:#0054a6; font-family:Helvetica}

.products{position:relative; width:100%; background-color:#fff}
.sub-p{border-bottom:1px solid #c0defb; width:950px; position:relative; margin:0px auto; font-family:Helvetica; font-weight:bold; color:#0054a6; padding:30px 0px 20px 0px; min-height:490px}

.p-type tr td a div{border:3px solid #0054a6; border-radius:10px; width:190px; height:150px; position:relative}

.p-detail-head{border-collapse:collapse}
.p-detail-type{border-right:3px solid #0054a6; font-size:30px; font-weight:bold; padding:10px; width:250px; height:70px; text-align:center}
.p-detail-list{padding:10px 10px 10px 30px; line-height:25px}
.p-detail-list a{text-decoration:none; color:#0054a6}

.p-list{}
.p-list tr td{width:140px; vertical-align:bottom}
.p-list tr td a div{border:3px solid #0054a6; border-radius:10px; width:140px; height:120px; position:relative}

.contact{position:relative; width:100%; background-color:#fff}
.sub-c{border-bottom:1px solid #c0defb; width:950px; position:relative; margin:0px auto; color:#0054a6; font-family:Helvetica}
.sub-c1{font-family:Helvetica; border-bottom:1px solid #c0defb; padding:20px 0px 20px 0px; font-size:14px}
.contact input[type=text], textarea{border:1px solid #0054a6; width:400px; font-size:14px; color:#0054a6; margin-bottom:10px; font-family:Helvetica}
.contact input[type=button], input[type=submit]{background-color:#0054a6; color:#FFF; font-family:Helvetica}
.contact textarea{resize:none; height:200px}

/* Pop Up */

.wrap{width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:10; background-color:#000; opacity:0.3}
.wrap-content-bg{position:absolute; width:480px; height:130px; background-color:#0093dd; opacity:0.5; top:0px; bottom:0px; left:0px; right:0px; margin:auto; z-index:11; padding:10px}
.wrap-content{color:#FFF; z-index:11; border:6px solid #0054a6; position:absolute; width:480px; height:130px; top:0px; bottom:0px; left:0px; right:0px; margin:auto; border-radius:10px; padding:10px; text-align:center; font-family:Helvetica; font-weight:bold; font-size:18px}
.wrap-c-close{position:absolute; bottom:-30px; right:-6px; background-color:#0054a6; color:#FFF; padding:4px 7px 4px 7px}

.wrapg{width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:10; background-color:#000; opacity:0.3}
.wrapg-content{width:100%; position:absolute; z-index:11; margin-top:15%}
.wrapg-content table tr td{padding:5px}
.wrapg-content table tr td:nth-child(2) img{border:10px solid #0054a6; border-radius:10px}
.wrapg-c-close{position:absolute; bottom:-15px; right:5px; background-color:#0054a6; color:#fff; font-family:Helvetica; font-weight:bold; padding:5px}

/* Admin */

.admin-back{height:42px}
.admin{background-color:#0054a6; color:#FFF; font-family:Helvetica; text-align:right; height:42px; position:fixed; width:100%; z-index:20; top:0px; box-shadow:0px 4px 20px #888888; font-size:14px}
.admin a{text-decoration:none; color:#fff; font-family:Helvetica}
.admin-a{font-family:Helvetica; text-decoration:none; color:#FFF; background-color:#0093dd; padding:2px 6px 2px 6px; font-size:14px}
.admin-content{width:950px; position:relative; margin:0px auto; border-bottom:1px solid #c0defb; padding:10px 0px 10px 0px; font-family:Helvetica; font-size:14px}
.admin-content input{font-family:Helvetiva; font-size:14px}
.a-head{float:left; display:block; padding:11px}
.a-logout{float:right; display:block; padding:11px}
.a-opt{float:right; display:block; padding:11px}

.a-form-slide-bg{position:absolute; z-index:4; height:100%; width:55%; left:0px; right:0px; margin:auto; background-color:#FFF; opacity:0.5}
.a-form-slide{position:absolute; z-index:5; height:100%; width:50%; left:0px; right:0px; margin:auto; font-family:Helvetica; font-weight:bold}

.admin-wrap{position:absolute; width:100%; height:100%; background-color:#000; opacity:0.3; z-index:11; top:0px; left:0px; display:none}
.admin-wrap-content{position:absolute; width:500px; height:600px; top:12%; right:0px; left:0px; margin:auto; z-index:11; background-color:#0093dd; border:5px solid #0054a6; padding:10px; font-family:Helvetica; color:#FFF; border-radius:10px; display:none}
.admin-wrap-content input{font-family:Helvetica; font-size:14px}
.admin-wrap-content input[type=text]{width:300px}

/* Slider */

#slides{
	position:relative;
	height:364px;
	width:964px;
	margin:0px auto;
	padding:0px;
	background-color:#FFF;
	border-radius:10px
}

.slides_container {
	width:950px;
	height:350px;
	position:relative;
	z-index:2;
	background-color:#FFF; margin:0px auto; border:7px solid white; border-radius:6px;
}
.slides_container div {
	float:left;
	width:950px;
	height:350px
}

.slides_container div img{
	
}

.pagination{
	list-style-type:none;
	position:absolute;
	right:30px;
	bottom:20px;
	z-index:3;
	display:none
}

.pagination li{
	float:left;
	margin-left:15px;
}

.pagination li a{
	display:block;
	width:14px;
	height:0px;
	padding-top:14px;
	border-radius:7px;
	background-color:#FFF;
	overflow:hidden;
}

.pagination li.current a{
	background-color:#666
}