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

@media only screen and (max-width:768px){

body{
	margin:0; 
	font-family: Arial, Verdana, Helvetica, sans-serif,Meiryo;
	font-size:13px;
	background:url(../images/cbgm.jpg) no-repeat center 0;
}



}

@media only screen and (min-width:768px){


body{
	margin:0; 
	font-family: Arial, Verdana, Helvetica, sans-serif,Meiryo;
	font-size:13px;
	background:url(../images/cbg9.jpg) no-repeat center 0;
}


}


.clear {clear: both;}
a{text-decoration:none; border:0; color:#666;}
a:hover{color:#f27d00;}
img{border:0;}
ul{list-style:none;}


@media only screen and (max-width:768px){
.view768u{display:none;}
.v768u{display:none;}
}

@media only screen and (min-width:768px){
.view768d{display:none;}
.v768d{display:none;}
}



@media only screen and (max-width:768px){

.gotoTop{display:none;}

#goTop{display:none;}

.tmenu0{display:none;}

.button{	
	border:1px solid #ccc; 
	margin:0;
	padding:2px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	background-color: #ffffff;
	cursor:pointer;
}

.button2{	
	border:1px solid #AEB709; 


background:#CED60A;
background:linear-gradient(bottom,#CED60A 0,#AEB709 10%);
background:-moz-linear-gradient(bottom,#CED60A 0,#EB709 10%);
background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#CED60A),color-stop(10%,#EB709));
	margin:0;
	padding:2px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	cursor:pointer;
}
}
@media only screen and (min-width:768px){

.tmenu0{
	width:90%;
	height:auto;
	text-align:right; 
	margin:0 5%; 	
	padding:0;
	color:#ccc;		
}

.tmenu0 a{
	color:#ccc;
	font-size: 14px;
	font-weight:300;
	line-height: 44px;
	letter-spacing:1px;
	padding:15px 15px;
	margin:0; 
	border-right:1px solid #595959;
}

.tmenu0 a:hover{color:#fff;}

.gotoTop{
	position:fixed; 
	right:1%; 
	z-index:99999; 
	top:90%; 
}

.button{	
	border:1px solid #ccc; 
	margin:0;
	padding:10px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	background-color: #ffffff;
	cursor:pointer;
}

.button2{	
	border:1px solid #AEB709; 
	margin:0;
	padding:10px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	cursor:pointer;

background:#CED60A;
background:linear-gradient(bottom,#CED60A 0,#AEB709 10%);
background:-moz-linear-gradient(bottom,#CED60A 0,#EB709 10%);
background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#CED60A),color-stop(10%,#EB709));

}

}
.button:hover{background-color: #efefef;}

.button2:hover{background-color: #919807;color:#fff;}
.nbutton:hover{background-color: #cc9900;color:#fff;}
.regformbutton{width:100%;text-align: center;margin:10px 0;}
.regformbutton2{width:100%;text-align: right;margin:10px 0;}

.button3 {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 2px 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: 6px 12px;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	
	font-weight:700;
	color: #fff;
	border: solid 1px #666666;
	background: #666666;
	background: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), to(#666666));
	background: -moz-linear-gradient(top,  #aaaaaa,  #666666);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#666666');
	
}
.button3:hover {
	color: #fff;
	text-decoration: none;
	border: solid 1px #f88e11;
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.button3:active {
	position: relative;
	top: 1px;
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

.button4 {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 2px 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: 6px 12px;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	
	font-weight:300;
	color: #fff;
	border: solid 1px #87A221;
	background: #87A221;
	background: -webkit-gradient(linear, left top, left bottom, from(#B3D32E), to(#87A221));
	background: -moz-linear-gradient(top,  #B3D32E,  #87A221);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#B3D32E', endColorstr='#87A221');
	
}
.button4:hover {
	color: #fff;
	text-decoration: none;
	border: solid 1px #f88e11;
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.button4:active {
	position: relative;
	top: 1px;
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

.input{border:1px solid #b8b8b8; background: #ffffff; padding: 8px 0; margin:2px 0;}


/* 公用部份 */


@media only screen and (max-width:768px){

.inner{
	width:100%;
	height:auto; 
	padding:10px 0;
	margin:0 auto;
}

.inner1200{
	width:100%;
	height:auto; 
	padding:10px 0;
	margin:0 auto;
}

.inner1100{
	width:100%;
	height:auto; 
	padding:10px 0;
	margin:0 auto;
}


.inner1000{
	width:100%;
	height:auto; 
	padding:10px 0;
	margin:0 auto;
}


.inner900{
	width:100%;
	height:auto; 
	padding:10px 0;
	margin:0 auto;
}

.inner800{
	width:100%;
	height:auto; 
	padding:10px 0;
	margin:0 auto;
}

.inner700{
	width:100%;
	height:auto; 
	padding:10px 0;
	margin:0 auto;
}

.inner600{
	width:100%;
	height:auto; 
	padding:10px 0;
	margin:0 auto;
}


.leftcontent{
	width:100%;
	height:auto; 
	padding:0;
	margin:0;
}
.rightcontent{
	width:100%;
	height:auto; 
	padding:0;
	margin:0;
}


}
@media only screen and (min-width:768px){

.inner{
	width:1200px;
	height:auto; 
	padding:10px 0;
	margin:0 auto;
	text-align: center; 
}

.inner1200{
	width:1200px;
	height:auto; 
	padding:0;
	margin:0 auto;
	text-align: center; 
}

.inner1100{
	width:1100px;
	height:auto; 
	padding:0;
	margin:0 auto;
	text-align: center; 
}

.inner1000{
	width:1000px;
	height:auto; 
	padding:0;
	margin:0 auto;
	text-align: center; 
}

.inner900{
	width:900px;
	height:auto; 
	padding:0;
	margin:0 auto;
	text-align: center; 
}

.inner800{
	width:800px;
	height:auto; 
	padding:0;
	margin:0 auto;
	text-align: center; 
}

.inner700{
	width:700px;
	height:auto; 
	padding:0;
	margin:0 auto;
	text-align: center; 
}

.inner600{
	width:600px;
	height:auto; 
	padding:0;
	margin:0 auto;
	text-align: center; 
}

.leftcontent{
	width:830px;
	height:auto;  
	padding:0;
	margin:0;
	float:left;
}
.rightcontent{
	width:370px;
	height:auto;
	padding:0px;
	margin:0;
	float:left;
}


}


/* 首頁 */

@media only screen and (max-width:768px){


.header{
	width: 100%;
	height:auto;
	text-align: center; 
	margin:0; 	
	padding:0; 
}


.headerdiv1{
	width: 95%;
	height:auto;	
	margin:0 2.5%; 	
	padding:0;
	text-align: left; 	
}

.headerdiv1 img{
	width:60%;
	height:auto;	
	margin:30px 20% 0 20%; 	
	padding:0;
	border:0;	
}


.headerdiv2{
	width: 95%;
	height:auto;	
	margin:0 2.5%; 		
	padding:0;
	text-align: left; 
	float:left; 	
}

.headitem{
display:none;
}

.headitem2{
display:none;
}

.headitem a{color:#595959;}
.headitem2 a{color:#595959;}
.headitem a:hover{color:#000;}
.headitem2 a:hover{color:#000;}


.headerdiv3{
	width: 95%;
	height:auto;	
	margin:0 2.5%; 	
	padding:20px 0 0 0;
	text-align: left; 	
}


.head3item{display:none;}


.indexcdiv{
	width: 100%;
	height:auto;
	text-align: center; 
	margin:20px 0 0 0; 	
	padding:0; 
}

.indexctop1{
	width: 95%;
	height:auto;	
	margin:0 0 0 5%; 	
	padding:30px 0 0 0;
	text-align:left; 
	font-size: 17px;
	font-weight:700;
	line-height: 31px;
	color:#db251d;
	letter-spacing:0px;	
}

.indexctop1 span{
	font-size: 15px;
	font-weight:700;
	line-height: 35px;
	color:#87be1a;
}

.indexctop2{
	width: 2%;
	height:auto;	
	margin:0; 	
	padding:0;
	text-align: left; 
	float:left; 
}

.indexctop2 img{
	width:100%;
	height:auto;	
	margin:0; 	
	padding:0;
	border:0;
}

.indexctop3{
	width: 98%;
	height:auto;	
	margin:0; 	
	padding:27px 0 0 0;
	font-size: 16px;
	font-weight:700;
	line-height: 31px;
	color:#ddd;
	text-align: right; 
	float:left; 
}


.indexctop3 span{
	font-size: 22px;
	font-weight:700;
	line-height: 45px;
	color:#000;
}

.indexcitem{
	width: 94%;
	height:auto;	
	margin:0 2%; 	
	padding:10px 1%;
	font-size: 14px;
	font-weight:700;
	line-height: 24px;
	color:#a8a8a8;
	text-align:center; 
	float:left; 
}

.indexcitem img{
	width:100%;
	height:auto;
	margin:0; 	
	padding:0;
	border:0;	
}

.indexcitem span{
	color:#000;
	font-size: 16px;
}

.indexcitem a{
	color:#a8a8a8;
}

.imghover{
	display:block;
	width:100%;
	height:160px;
	margin:0; 	
	padding:0;	
}

.imghover img{
	width:150px;
	height:auto;
	margin:0 auto; 	
	padding:0;
	border:0;
	text-align:center;
    -moz-transform:scale(1);
    -webkit-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.imghover img:hover{
	width:95%;
	height:auto;
	margin:0; 	
	padding:0;
	border:0;
}

.indexpartner{
	width:100%;
	height:auto;
	margin:20px 0 0 0; 	
	padding:0;
}	

.indexpartner img{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	border:0;
}

.footdiv{
	width:100%;
	height:auto;
	margin:0 0 120px 0; 	
	padding:0;	
}


.footdiv1{
	width:100%;
	height:auto;
	margin:10px 0;
	padding:0;
	font-size: 18px;
	font-weight:700;
	line-height: 36px;
	color:#595959;
	letter-spacing:1px;
	text-align:center;
	border-top:1px solid #ccc;
}

.footdiv2{
	width:95%;
	height:auto;
	margin:0;
	padding:10px 2.5%;
	float:left;
	font-size: 12px;
	font-weight:700;
	line-height: 21px;
	color:#888;
	letter-spacing:0;
	text-align: left;
	border-bottom:1px solid #ccc; 
}

.footdiv3{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	font-size: 11px;
	font-weight:700;
	line-height: 21px;
	color:#888;
	letter-spacing:0;
	text-align:center;
}

.footdiv4{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	text-align:center;
}


.footdiv4 img{
	width:22px;
	height:auto;
	margin:0;
	padding:0;	
	border:0;
}

.indexrdiv{
	width:100%;
	height:auto;
	margin:20px 0 0 0;
	padding:0;
	text-align:center;
	font-size: 14px;
	font-weight:700;
	line-height: 21px;
	color:#595959;
	letter-spacing:1px;
}

.indexrdiv span{
	padding:10px 0;
	font-size: 18px;
	font-weight:700;
	line-height: 31px;
	color:#333;
}

.indexrdiv img{
	width:50%;
	height:auto;
	margin:0;
	padding:20px 0;
	border:0;	
}

.telimg{
	font-size: 20px;
	font-weight:700;
	line-height: 31px;
	color:#db251d;
}


.telimg img{
	width:20px;
	height:auto;
	margin:0 8px 0 0;
	padding:0;
	border:0;	
}


}

@media only screen and (min-width:768px){

.header{
	width: 100%;
	height:auto;
	text-align: center; 
	margin:0; 	
	padding:0; 
	background: rgba(0, 0, 0, 0.8);	
}


.headerdiv1{
	width: 320px;
	height:auto;	
	margin:0; 	
	padding:0;
	text-align: left; 
	float:left; 	
}

.headerdiv1 img{
	width:190px;
	height:auto;	
	margin:0; 	
	padding:0;
	border:0;	
}


.headerdiv2{
	width: 880px;
	height:auto;	
	margin:0; 	
	padding:60px 0 20px 0;
	text-align: left; 
	float:left; 	
}

.headitem{
	width: 115px;
	height:auto;	
	margin:0; 	
	padding:0;
	text-align: center; 
	float:left; 
	font-size: 18px;
	font-weight:700;
	line-height: 18px;
	color:#fff;
	letter-spacing:2px;	
}

.headitem2{
	width: 115px;
	height:auto;	
	margin:0; 	
	padding:0 0 10px 0;
	text-align: center; 
	float:left; 	
	font-size: 18px;
	font-weight:700;
	line-height: 18px;
	color:#fff;
	letter-spacing:2px;
}

.headitem3{
display:none;
}


.headitem a{color:#eee;}
.headitem2 a{color:#eee;}
.headitem a:hover{color:#96C933;}
.headitem2 a:hover{color:#96C933;}


.headerdiv3{
	width: 200px;
	height:auto;	
	margin:0; 	
	padding:155px 0 0 0;
	text-align: left; 
	float:left; 	
}


.head3item{
	width: 90px;
	height:auto;	
	margin:0; 	
	padding:0;
	text-align: center; 
	float:left; 
	font-size: 14px;
	font-weight:700;
	line-height: 14px;
	color:#fff;
	letter-spacing:1px;
	border-right:1px solid #ccc; 	
}

.head3item a{color:#fff;}

.indexcdiv{
	width: 100%;
	height:auto;
	text-align: center; 
	margin:20px 0 0 0; 	
	padding:0; 
}

.indexctop1{
	width: 330px;
	height:auto;	
	margin:0; 	
	padding:30px 0 0 0;
	text-align:right; 
	float:left;
	font-size: 25px;
	font-weight:700;
	line-height: 31px;
	color:#db251d;
	letter-spacing:1px;	
}

.indexctop1 span{
	font-size: 20px;
	font-weight:700;
	line-height: 45px;
	color:#87be1a;
}

.indexctop2{
	width: 20px;
	height:auto;	
	margin:0; 	
	padding:0;
	text-align: left; 
	float:left; 
}

.indexctop2 img{
	width:10px;
	height:auto;	
	margin:0; 	
	padding:0;
	border:0;
}

.indexctop3{
	width: 330px;
	height:auto;	
	margin:0; 	
	padding:27px 0 0 0;
	font-size: 20px;
	font-weight:700;
	line-height: 31px;
	color:#ddd;
	text-align: left; 
	float:left; 
}


.indexctop3 span{
	font-size: 28px;
	font-weight:700;
	line-height: 45px;
	color:#000;
}

.indexcitem{
	width: 206px;
	height:auto;	
	margin:0; 	
	padding:10px;
	font-size: 14px;
	font-weight:700;
	line-height: 24px;
	color:#a8a8a8;
	text-align:center; 
	float:left; 
}

.indexcitem img{
	width:100%;
	height:auto;
	margin:0; 	
	padding:0;
	border:0;	
}

.indexcitem span{
	color:#000;
	font-size: 16px;
}

.indexcitem a{
	color:#a8a8a8;
}

.imghover{
	display:block;
	width:100%;
	height:160px;
	margin:0; 	
	padding:0;	
}

.imghover img{
	width:150px;
	height:auto;
	margin:0 auto; 	
	padding:0;
	border:0;
	text-align:center;
    -moz-transform:scale(1);
    -webkit-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.imghover img:hover{
	width:95%;
	height:auto;
	margin:0; 	
	padding:0;
	border:0;
}

.indexpartner{
	width:100%;
	height:auto;
	margin:40px 0 60px 0; 	
	padding:0;
	text-align:center;
}	


.footdiv{
	width:85%;
	height:auto;
	margin:0 0 120px 15%; 	
	padding:0;	
}


.footdiv1{
	width:28%;
	height:50px;
	margin:0;
	padding:15px 2% 0 0;
	float:left;	
	font-size: 18px;
	font-weight:700;
	line-height: 31px;
	color:#595959;
	letter-spacing:1px;
	text-align: right;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc; 
}

.footdiv2{
	width:65%;
	height:55px;
	margin:0;
	padding:10px 0 0 3%;
	float:left;
	font-size: 12px;
	font-weight:700;
	line-height: 21px;
	color:#888;
	letter-spacing:0;
	text-align: left;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc; 
}

.footdiv3{
	position: relative;
	width:100%;
	height:30px;
	margin:0;
	padding:0;
	font-size: 11px;
	font-weight:700;
	line-height: 21px;
	color:#888;
	letter-spacing:0;
	text-align:center;
}

.footdiv4{
	width:98%;
	height:30px;
	margin:-30px 2% 0 0;
	padding:0;
	text-align:right;
}


.footdiv4 img{
	width:22px;
	height:auto;
	margin:0;
	padding:0;	
	border:0;
}

.indexrdiv{
	width:98%;
	height:auto;
	margin:20px 0 0 2%;
	padding:0;
	text-align:left;
	font-size: 13px;
	font-weight:700;
	line-height: 21px;
	color:#595959;
	letter-spacing:0;
}

.indexrdiv span{
	padding:10px 0;
	font-size: 18px;
	font-weight:700;
	line-height: 31px;
	color:#333;
}

.indexrdiv img{
	width:80%;
	height:auto;
	margin:0;
	padding:20px 0;
	border:0;	
}

.telimg{
	font-size: 20px;
	font-weight:700;
	line-height: 31px;
	color:#db251d;
}


.telimg img{
	width:20px;
	height:auto;
	margin:0 8px 0 0;
	padding:0;
	border:0;	
}



}





/* 20160824 */
.idxbndiv{
	width:100%;
	height:auto;	
	margin:0; 	
	padding:0;
	background:#fff;
}




@media only screen and (max-width:768px){

.bannerdiv1{
	width:100%;
	height:auto;	
	margin:0; 	
	padding:20px 0 30px 0;
	text-align: left; 
}
.bannerdiv1 img{
	width:60%;
	height:auto;
	margin:0 20%;
	padding:0;
	border:0;	
}

.bannerdiv2{
	width:95%;
	height:auto;	
	margin:0 2.5%; 	
	padding:0;
	text-align: left;  	
}

.bannertitle{
	width:100%;
	height:auto;
	margin:0; 
	padding:10px 0;
	font-size: 25px;
	font-weight:700;
	line-height: 31px;
	color:#00abec;
	letter-spacing:1px;
	text-align:left; 
}

.bannerdesc{
	width:100%;
	height:auto;
	margin:0; 
	padding:10px 0;
	font-size: 16px;
	font-weight:300;
	line-height: 31px;
	color:#333;
	letter-spacing:1px;
	text-align:left; 
}

.bannerlink{
	width:80%;
	height:auto;
	margin:0 10%; 
	padding:10px 0;
	font-size: 16px;
	font-weight:300;
	line-height: 31px;
	color:#333;
	letter-spacing:1px;
	text-align:center; 
}


.bannerlink a{
	width:100px;
	background: #00abec;
	margin:0; 
	padding:10px 25px;
	font-size: 16px;
	font-weight:700;
	line-height: 31px;
	color:#fff;
	text-align:center; 
}


.idxdiv2{
	width:95%;
	height:auto;
	margin:0 2.5%; 
	padding:40px 0 60px 0;
	font-size: 14px;
	font-weight:300;
	line-height: 31px;
	color:#333;
	letter-spacing:1px;
	text-align:left; 
}

.idxtitle{
	width:100%;
	height:auto;
	margin:0; 
	padding:0 0 20px 0;
	font-size: 26px;
	font-weight:300;
	line-height: 50px;
	color:#111;
	letter-spacing:1px;
	text-align:center; 	
}


.idxdesc{
	width:100%;
	height:auto;
	margin:0; 
	padding:0;
	font-size: 13px;
	font-weight:300;
	line-height: 25px;
	color:#333;
	letter-spacing:1px;
	text-align:left; 	
}


.idxdiv3{
	width:100%;
	height:auto;
	margin:0; 
	padding:20px 0 30px 0;
	font-size: 18px;
	font-weight:300;
	line-height: 31px;
	color:#333;
	letter-spacing:1px;
	text-align:left; 
	background:url(../images/idxbg.jpg) repeat;
}

.idxpicdiv{
	position: relative;
	width:48%;
	height:auto;	
	margin:0 1%; 	
	padding:0;
	text-align:center; 
	float:left; 	
}

.idxpicdiv img{
	position: relative;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	border:0;
}

.idxpicdiv1{
	width:100%;
	height:130px;
	margin:0;
	padding:10px 0 10px 0;
	font-size: 12px;
	font-weight:300;
	line-height: 31px;
	color:#333;
	letter-spacing:0px;
	text-align:center; 	
}


.idxpicdiv1 span{
	padding:0;
	font-size: 18px;
	font-weight:700;
	color:#898989;
}

.idxpicdiv1 a{
	color:#00abec;
	font-weight:700;
}

.idxdiv4{
	width:100%;
	height:auto;
	margin:0; 
	padding:40px 0 60px 0;
	font-size: 18px;
	font-weight:300;
	line-height: 31px;
	color:#333;
	letter-spacing:1px;
	text-align:left; 
}


.idxitemdiv{
	position: relative;
	width:32%;
	height:auto;	
	margin:0 0.5%; 	
	padding:0;
	text-align:center; 
	float:left;
	font-size: 12px;
	font-weight:300;
	line-height: 20px;
	color:#111;
	letter-spacing:0px;
	text-align:center; 
}

.idxitemdiv img{
	width:40%;
	height:auto;
	margin:0 30%;
	padding:0;
	border:0;
}

.idxitemdiv span{
	display:block;
	padding:0 0 10px 0;
	font-size: 16px;
	font-weight:700;
	line-height: 31px;
	color:#00abec;
	letter-spacing:1px;
	text-align:center; 	
}



.idxdiv5{
	width:100%;
	height:auto;
	margin:0; 
	padding:10px 0;
	text-align:left; 
	background:#00abec;
}

.idxdiv5a{
	width:95%;
	height:auto;	
	margin:0 2.5%; 	
	padding:0;
	text-align:center; 
	font-size: 16px;
	font-weight:700;
	line-height: 31px;
	color:#efefef;
	letter-spacing:1px;
}

.idxdiv5b{
	width:95%;
	height:auto;	
	margin:0 2.5%; 	
	padding:0;
	text-align:left; 
	font-size: 13px;
	font-weight:300;
	line-height: 21px;
	color:#fff;
	letter-spacing:0px;
}

.idxdiv6{
	width:100%;
	height:auto;
	margin:0; 
	padding:0;
	text-align:left;
}

.iframe1{
	width:100%; 
	height:300px;
	padding:0; 
	margin:0;
}


.idxdiv7{
	width:100%;
	height:auto;
	margin:0; 
	padding:10px 0 60px 0;
	text-align:center;
	font-size: 14px;
	font-weight:300;
	line-height: 31px;
	color:#ccc;
	letter-spacing:1px;
	background: rgba(0, 0, 0, 0.8);	
}





}

@media only screen and (min-width:768px){

.bannerdiv1{
	width:40%;
	height:auto;	
	margin:0; 	
	padding:60px 0 100px 0;
	text-align: left; 
	float:left; 	
}
.bannerdiv1 img{
	width:90%;
	height:auto;
	margin:0 10% 0 0;
	padding:0;
	border:0;	
}

.bannerdiv2{
	width:60%;
	height:auto;	
	margin:0; 	
	padding:0;
	text-align: left; 
	float:left; 	
}

.bannertitle{
	width:100%;
	height:auto;
	margin:0; 
	padding:100px 0 20px 0;
	font-size: 42px;
	font-weight:700;
	line-height: 58px;
	color:#00abec;
	letter-spacing:5px;
	text-align:left; 
}

.bannerdesc{
	width:100%;
	height:auto;
	margin:0; 
	padding:20px 0;
	font-size: 19px;
	font-weight:700;
	line-height: 31px;
	color:#111;
	letter-spacing:1px;
	text-align:left; 
}

.bannerlink{
	width:80%;
	height:auto;
	margin:0; 
	padding:50px 20% 20px 0;
	font-size: 20px;
	font-weight:300;
	line-height: 31px;
	color:#333;
	letter-spacing:1px;
	text-align:right; 
}


.bannerlink a{
	width:100px;
	background: #00abec;
	margin:0 60px 0 0; 
	padding:10px 25px;
	font-size: 16px;
	font-weight:700;
	line-height: 31px;
	color:#fff;
	text-align:center; 
}


.idxdiv2{
	width:100%;
	height:auto;
	margin:0; 
	padding:40px 0 60px 0;
	font-size: 18px;
	font-weight:300;
	line-height: 31px;
	color:#333;
	letter-spacing:1px;
	text-align:left; 
}

.idxtitle{
	width:100%;
	height:auto;
	margin:0; 
	padding:0 0 20px 0;
	font-size: 31px;
	font-weight:300;
	line-height: 50px;
	color:#111;
	letter-spacing:1px;
	text-align:center; 	
}


.idxdesc{
	width:100%;
	height:auto;
	margin:0; 
	padding:0;
	font-size: 16px;
	font-weight:300;
	line-height: 31px;
	color:#898989;
	letter-spacing:1px;
	text-align:center; 	
}


.idxdiv3{
	width:100%;
	height:440px;
	margin:0; 
	padding:40px 0 60px 0;
	font-size: 18px;
	font-weight:300;
	line-height: 31px;
	color:#333;
	letter-spacing:1px;
	text-align:left; 
	background:url(../images/idxbg.jpg) repeat;
}

.idxpicdiv{
	position: relative;
	width:27%;
	height:auto;	
	margin:0 3%; 	
	padding:0;
	text-align:center; 
	float:left; 	
}

.idxpicdiv img{
	position: relative;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	border:0;
}

.idxpicdiv1{
	position: absolute;
	width:100%;
	height:155px;
	margin:-205px 0 0 0;
	padding:40px 0 0 0;
	font-size: 14px;
	font-weight:300;
	line-height: 31px;
	color:#ccc;
	letter-spacing:1px;
	text-align:center; 
	background: rgba(0, 0, 0, 0.6);		
}

.idxpicdiv1:hover{background: rgba(0, 0, 0, 0.1);}

.idxpicdiv1 span{
	display:block;
	padding:0 0 10px 0;
	font-size: 28px;
	font-weight:700;
	line-height: 40px;
	color:#fff;
}

.idxpicdiv1 a{color:#ccc;}

.idxdiv4{
	width:100%;
	height:auto;
	margin:0; 
	padding:40px 0 60px 0;
	font-size: 18px;
	font-weight:300;
	line-height: 31px;
	color:#333;
	letter-spacing:1px;
	text-align:left; 
}


.idxitemdiv{
	position: relative;
	width:27%;
	height:auto;	
	margin:0 3%; 	
	padding:0;
	text-align:center; 
	float:left;
	font-size: 18px;
	font-weight:300;
	line-height: 31px;
	color:#595959;
	letter-spacing:1px;
	text-align:center; 	
}

.idxitemdiv img{
	width:30%;
	height:auto;
	margin:0 35%;
	padding:0;
	border:0;
}

.idxitemdiv span{
	display:block;
	padding:0 0 10px 0;
	font-size: 28px;
	font-weight:700;
	line-height: 31px;
	color:#00abec;
	letter-spacing:1px;
	text-align:center; 	
}



.idxdiv5{
	width:100%;
	height:auto;
	margin:0; 
	padding:10px 0;
	text-align:left; 
	background:#00abec;
}

.idxdiv5a{
	width:40%;
	height:auto;	
	margin:0; 	
	padding:15px 0 0 0;
	text-align:center; 
	float:left;
	font-size: 28px;
	font-weight:700;
	line-height: 31px;
	color:#fff;
	letter-spacing:1px;
}

.idxdiv5b{
	width:60%;
	height:auto;	
	margin:0; 	
	padding:0;
	text-align:left; 
	float:left;
	font-size: 18px;
	font-weight:700;
	line-height: 31px;
	color:#fff;
	letter-spacing:1px;
}

.idxdiv6{
	width:100%;
	height:auto;
	margin:0; 
	padding:0;
	text-align:left;
}

.iframe1{
	width:100%; 
	height:500px;
	padding:0; 
	margin:0;
}


.idxdiv7{
	width:100%;
	height:auto;
	margin:0; 
	padding:10px 0 80px 0;
	text-align:center;
	font-size: 14px;
	font-weight:300;
	line-height: 31px;
	color:#ccc;
	letter-spacing:1px;
	background: rgba(0, 0, 0, 0.8);	
}






}




/*   */

@media only screen and (max-width:768px){

.appmdiv{
	width:100%;
	height:auto;
	margin:0; 
	padding:0 0 15px 0;
	float:left;
        font-size: 14px;
        font-weight: 300;
        line-height: 24px;
        color: #a8a8a8;
        letter-spacing: 1px;
	text-align:center;	
}

.appmdiv span{
	color:#049ec8;
	font-size: 20px;
	font-weight: 700;
}

.appmdiv img{
	width:100%;
	height:auto;
	margin:0; 
	padding:0;
	border:0;	
}

.appqdiv{
	width:90%;
	height:auto;
	margin:20px 5%; 
	padding:0;
	border:0;
	text-align:center;
}

.appqdiv span{
	display:block;
	color:#2679F1;
	font-size: 24px;
	font-weight: 700;
	padding:10px 0 20px 0;
}

.appqdiv img{
	width:49%;
	height:auto;
	margin:0.5%; 
	padding:0;
	border:0;
	float:left;	
}

}

@media only screen and (min-width:768px){

.appmdiv{
	position: relative;
	width:32%;
	height:auto;
	margin:0 0.5%; 
	padding:0 0 15px 0;
	float:left;
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
        color: #a8a8a8;
        letter-spacing: 1px;
	text-align:center;
}

.appmdiv span{
	color:#049ec8;
	font-size: 24px;
	font-weight: 700;
}

.appmdiv img{
	width:100%;
	height:auto;
	margin:0; 
	padding:0;
	border:0;	
}

.appmdiv a img{
	width:100%
	height:auto;
	margin:0; 
	padding:0;
	border:0;	
}


.appqdiv{
	width:90%;
	height:auto;
	margin:20px 5%; 
	padding:0;
	border:0;
	text-align:center;	
}

.appqdiv span{
	display:block;
	color:#2679F1;
	font-size: 24px;
	font-weight: 700;
	padding:10px 0 20px 0;
}

.appqdiv img{
	width:25%;
	height:auto;
	margin:0; 
	padding:0;
	border:0;
	float:left;	
}


}






@media only screen and (max-width:768px){

}

@media only screen and (min-width:768px){

}