@charset "utf-8";
/* CSS Document 蛾砰 cwTeXYen 砰 cwTeXMing 堵砰 cwTeXHei ラШ cwTeXFangSong 发砰 cwTeXKai */
@import url(http://fonts.googleapis.com/earlyaccess/cwtexhei.css); 
@import url(http://fonts.googleapis.com/earlyaccess/cwtexming.css); 
@import url(http://fonts.googleapis.com/earlyaccess/cwtexyen.css); 
@import url(http://fonts.googleapis.com/earlyaccess/notosanstc.css); 

html, body {
    height:100%;
    margin:0;
}


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

body{
	margin:0; 
	font-family: Arial, Verdana, Helvetica, sans-serif, Microsoft JhengHei;
	//font-family: Arial, Verdana, Helvetica, sans-serif, 'Noto Sans TC';
	font-size:13px;
	position:relative;
	width:100%;
	overflow-x:hidden;
}


.gonextdiv{display:none;}

.sharediv{
	width:auto 
	height:auto;
	margin:0 auuto; 
	padding:0; 
	text-align:center; 	
}


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

.fullimg img{
	width:100%; 
	height:auto;
	margin:0 0 10px 0; 
	padding:0; 
	border:0;	
}

}

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


body{
	margin:0; 
	font-family: Arial, Verdana, Helvetica, sans-serif, Microsoft JhengHei;
	//font-family: Times New Roman, sans-serif, 'Noto Sans TC';	
	//font-family: Times New Roman, sans-serif, \5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4 ;
	//font-family: Arial, Verdana, Helvetica, sans-serif, 'Noto Sans TC';
	font-size:13px;
}

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

.gonextdiv img{
	width:50px;
	height:auto;
	margin:0 auto; 
	padding:0; 
	border:0;
	text-align: center; 
	cursor: pointer;	
}

.sharediv{
	width:120px; 
	height:auto;
	margin:0; 
	padding:0 0 0 936px; 
	text-align:left; 	
}

.fullimg{
	width:100%; 
	height:auto;
	margin:0; 
	padding:0; 
	text-align: center; 
	overflow-x:hidden;	
}

.fullimg img{
	width:auto; 
	height:100vh;
	margin:0; 
	padding:0; 
	border:0;	
}


}


.clear {clear: both;}
a{text-decoration:none;}
img{border:0;vertical-align: bottom;}
ul{list-style:none;}

.fullimg2{
	width:100%; 
	height:auto;
	margin:0; 
	padding:0; 
	text-align: center; 
	overflow-x:hidden;	
}

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





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

.fullimg2 img{
	width:100%; 
	height:auto;
	margin:0 0 10px 0; 
	padding:0; 
	border:0;	
}

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

.img80div img{
	width:80%;
	height:auto;
	margin:0 10%; 
	padding:0; 	
}


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

.img60div img{
	width:60%;
	height:auto;
	margin:0 20%; 
	padding:0; 	
}

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

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


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

.img100pxdiv img{
	width:100px;
	height:auto;
	margin:0; 
	padding:0; 	
}

.mlogolistdiv{
	position:fixed; 
	top:0;
	width:95%; 
	height:auto;
	margin:0; 
	padding:0 0 0 5%; 
	text-align:left; 
	color:#fff;
	font-size:16px;
	font-weight:300;
	letter-spacing:0px;
	background: rgba(255, 255, 255, 1);	
	z-index:9998; 

}

.mlogolistdiv a{
	color:#fff;
}

.mlogolistdiv img{
	height:50px;
	width:auto;
	margin:0; 
	padding:0; 
	border:0;	
}

.mtopdiv{
	height:50px;
	min-height:50px;
	width:auto;
	margin:0; 
	padding:0; 	
}


@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;}
.inputf{padding: 8px 0; margin:2px 0;float:left;}



/* そノ场 */


@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: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 */


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

.bannerdiv1{
	width:96%;
	height:auto;	
	margin:0 2%; 	
	padding:10px 0;
	text-align: left; 
	float:left;
	font-size: 14px;
 	font-weight:300;
	line-height: 25px;
	color:#fff;
	letter-spacing:1px;	
}

.bannerdiv1 span{
	font-size: 18px;
 	font-weight:300;
	line-height: 35px;
	color:#F18101;
	letter-spacing:1px;	
}

.bannerdiv1 a{color:#fff;}
.bannerdiv1 a:hover{color:#F18101;}

.bannerdiv1 img{
	width:90%;
	height:auto;
	margin:0 5%;
	padding:0;
	border:0;	
}

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

.bannerdiv2 img{
	width:90%;
	height:auto;
	margin:0 5%;
	padding:0;
	border:0;	
}

.bannerdiv3{
	width:96%;
	height:auto;	
	margin:0 2%; 	
	padding:10px 0;
	text-align: left; 
	float:left;
	font-size: 14px;
 	font-weight:300;
	line-height: 25px;
	color:#fff;
	letter-spacing:1px;	
}

.bannerdiv3 span{
	font-size: 18px;
 	font-weight:300;
	line-height: 35px;
	color:#F18101;
	letter-spacing:1px;	
}

.bannerdiv3 a{color:#fff;}
.bannerdiv3 a:hover{color:#F18101;}

.bannerdiv3 img{
	width:90%;
	height:auto;
	margin:0 5%;
	padding:0;
	border:0;	
}



.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:100%;
	height:auto;
	margin:0; 
	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:10px 0 30px 0;
	font-size: 18px;
	font-weight:300;
	line-height: 31px;
	color:#333;
	letter-spacing:1px;
	text-align:left; 
}

.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:3px 0;
	text-align:left; 
	background:#00abec;
}


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

.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:0;
	text-align:center;
	font-size: 14px;
	font-weight:300;
	line-height: 31px;
	color:#ccc;
	letter-spacing:1px;
}


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



}

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

.bannerdiv1{
	width:50%;
	height:auto;	
	margin:0; 	
	padding:20px 0;
	text-align: left; 
	float:left;
	font-size: 16px;
 	font-weight:300;
	line-height: 35px;
	color:#fff;
	letter-spacing:1px;	
}

.bannerdiv1 span{
	font-size: 20px;
 	font-weight:300;
	line-height: 55px;
	color:#F18101;
	letter-spacing:1px;	
}

.bannerdiv1 a{color:#fff;}
.bannerdiv1 a:hover{color:#F18101;}


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

.bannerdiv2 img{
	width:90%;
	height:auto;
	margin:0 10%;
	padding:0;
	border:0;	
}

.bannerdiv3{
	width:100%;
	height:auto;	
	margin:0; 	
	padding:20px 0;
	text-align: left; 
	float:left;
	font-size: 16px;
 	font-weight:300;
	line-height: 35px;
	color:#fff;
	letter-spacing:1px;	
}

.bannerdiv3 span{
	font-size: 20px;
 	font-weight:300;
	line-height: 55px;
	color:#F18101;
	letter-spacing:1px;	
}

.bannerdiv3 a{color:#fff;}
.bannerdiv3 a:hover{color:#F18101;}


.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:300;
	line-height: 31px;
	color:#111;
	letter-spacing:1px;
	text-align:left; 
}

.bannerlink{
	width:80%;
	height:auto;
	margin:0; 
	padding:20px 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:85%;
	height:auto;
	margin:0 10% 0 5%; 
	padding:60px 0 20px 0;
	font-size: 31px;
	font-weight:300;
	line-height: 50px;
	color:#111;
	letter-spacing:1px;
	text-align:center; 	
}

.idxtitle span{
	font-size: 18px;
	font-weight:300;	
}


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


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

.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:30px 0; 
	padding:0;
	text-align:left; 
	background:#eee;
}

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


.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:350px;
	padding:0; 
	margin:0;
}


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


.idxdiv8{
	width:100%;
	height:auto;
	margin:0; 
	padding:40px 0 0 0;
	text-align:center;
	font-size: 14px;
	font-weight:300;
	line-height: 31px;
	color:#ccc;
	letter-spacing:1px;	
	background:#111;
}




}







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

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

.idxpddivall span{
	padding:0 10px 0 0;
	font-size: 24px;
	font-weight:300;
	color:#111;
	font-family: Times New Roman, sans-serif;
}

.idxpddivall2{
	width:100%;
	height:auto;
	margin:0; 
	padding:10px 0 10px 0;
	font-size: 25px;
	font-weight:300;
	line-height: 38px;
	color:#fff;
	letter-spacing:0px;
	text-align:center;
}

.idxpddivall2 span{
	padding:0;
	font-size: 22px;
	font-weight:300;
	color:#F18101;
	font-family: 'Amatic SC', cursive;
}


.idxpddivallbar{
	width:100%;
	height:8px;
	min-height:8px;
	margin:0; 
	padding:0;
	background:url(../images/line.png) no-repeat;
}




.idxpddiv1{
	width:100%;
	height:auto;
	margin:0; 
	padding:10px 0;
	font-size: 22px;
	font-weight:300;
	line-height: 28px;
	color:#111;
	letter-spacing:1px;
	text-align:center;	
}

.idxpddiv1 span{
	padding:0 0 0 10px;
	font-size: 18px;
	font-weight:300;	
}


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

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


.newsbox{
	width:96%;
	height:auto;
	padding:0; 
	margin:15px 2%;	
	float:left;	
}

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

.newsbox2{
	width:100%;
	height:auto;
	padding:0 0 10px 0; 
	margin:0 0 10px 0;
	text-align:left; 
	border-bottom:1px solid #ccc;
}

.newsboxtitle{
	font-size:18px;
	line-height:31px;
	font-weight:700;
	letter-spacing:1px;
	color:#333;
	word-wrap:break-word; 
	word-break:normal;	
}

.newsboxdesc{
	font-size:16px;
	line-height:28px;
	font-weight:300;
	letter-spacing:1px;
	color:#595959;
	word-wrap:break-word; 
	word-break:normal;
}



.newdatecss{
	font-family: 'Didot';
	text-rendering: optimizeLegibility;
	color:#b5b5b5; 
	font-size:20px; 
	line-height:180%; 
}

.newdatecss2{
	font-family: 'Didot';
	margin:0 auto; 
	text-align:center; 
	width:60px; 
	height:60px;
	padding:0;
	background:#b8b8b8;
	color:#eee; 
	font-size:14px; 
	line-height:25px;
	border-radius:30px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
}

.newdatecss2 span{
	font-size:18px; 
	color:#fff; 	
}





}

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

.idxpddivall{
	width:100%;
	height:auto;
	margin:0; 
	padding:40px 0 20px 0;
	font-size: 30px;
	font-weight:300;
	line-height: 30px;
	color:#111;
	letter-spacing:8px;
	text-align:left;
}

.idxpddivall span{
	padding:0 20px 0 0;
	font-size: 28px;
	font-weight:300;
	color:#111;
	letter-spacing:2px;
	font-family: Times New Roman, sans-serif;
}

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

.idxpddivall2 span{
	padding:0;
	font-size: 28px;
	font-weight:300;
	color:#F18101;
	font-family: 'Amatic SC', cursive;
}



.idxpddivallbar{
	width:100%;
	height:8px;
	min-height:8px;
	margin:0 0 20px 0; 
	padding:0;
	background:url(../images/line.png) no-repeat;
}


.idxpddiv1{
	width:60%;
	height:auto;
	margin:0; 
	padding:60px 0 20px 0;
	font-size: 25px;
	font-weight:300;
	line-height: 50px;
	color:#fff;
	letter-spacing:1px;
	float:left;	
}

.idxpddiv1 span{
	padding:0 20px 0 0;
	font-size: 31px;
	font-weight:300;
	color:#F18101;
	font-family: 'Abril Fatface', cursive;	
}


.idxpddiv2{
	width:40%;
	height:auto;
	margin:0; 
	padding:60px 0 20px 0;
	text-align:right;
	float:left;
}

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




.newsbox{
	width:31%;
	height:auto;
	padding:0; 
	margin:10px 1%;	
	float:left;	
}






.newsbox1{
	width:20%;
	height:auto;
	padding:0; 
	margin:0;	
	float:left;	
}

.newsbox2{
	width:80%;
	height:auto;
	padding:0; 
	margin:0;	
	float:left;	
}

.newsboxtitle{
	font-size:18px;
	line-height:31px;
	font-weight:700;
	letter-spacing:1px;
	color:#333;
	word-wrap:break-word; 
	word-break:normal;
	text-align:left;	
}

.newsboxdesc{
	font-size:16px;
	line-height:28px;
	font-weight:300;
	letter-spacing:1px;
	color:#595959;
	word-wrap:break-word; 
	word-break:normal;
	text-align:left;
}



.newdatecss{
	font-family: 'Didot';
	text-rendering: optimizeLegibility;
	color:#b5b5b5; 
	font-size:20px; 
	line-height:180%; 
}

.newdatecss2{
	font-family: 'Didot';
	margin:0 auto; 
	text-align:center; 
	width:70px; 
	height:70px;
	padding:0;
	background:#b8b8b8;
	color:#eee; 
	font-size:14px; 
	line-height:25px;
	border-radius:35px;
	-moz-border-radius:35px;
	-webkit-border-radius:35px;
}

.newdatecss2 span{
	font-size:22px; 
	color:#fff; 	
}





}




/*  SERVICE */


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


.servicebox{
	width:48%;
	height:auto;
	padding:0; 
	margin:10px 1%;	
	float:left;	
}

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

.servicebox1 img{
	width:80%;
	height:auto;
	padding:0 10%; 
	margin:0;
	border:0;
}


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

.serviceboxtitle{
	width:150px; 
	height:100px;
	margin:0 auto;
	padding:50px 0 0 0; 
	text-align:center;
	font-size:22px;
	line-height:35px;
	font-weight:700;
	letter-spacing:1px;
	color:#333;
	word-wrap:break-word; 
	word-break:normal;
	background:#ddd;
	border-radius:150px;
	-moz-border-radius:150px;
	-webkit-border-radius:150px;	
}

.serviceboxtitle:hover{
	color:#fff;
	background:#b8b8b8;
	-o-transition: color .50s linear;
	-webkit-transition: color .50s linear;
	-moz-transition: color .50s linear;
	transition:  color .50s linear;	
}

.serviceboxdesc{
	min-height:150px;
	margin:15px 0 0 0;
	font-size:16px;
	line-height:28px;
	font-weight:300;
	letter-spacing:1px;
	color:#595959;
	word-wrap:break-word; 
	word-break:normal;
	text-align:left;
}




}

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


.servicebox{
	width:31%;
	height:auto;
	padding:0; 
	margin:15px 1%;	
	float:left;	
}

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

.servicebox1 img{
	width:80%;
	height:auto;
	padding:0 10%; 
	margin:0;
	border:0;
}


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

.serviceboxtitle{
	width:150px; 
	height:100px;
	margin:0 auto;
	padding:50px 0 0 0; 
	text-align:center;
	font-size:22px;
	line-height:35px;
	font-weight:700;
	letter-spacing:1px;
	color:#333;
	word-wrap:break-word; 
	word-break:normal;
	background:#ddd;
	border-radius:150px;
	-moz-border-radius:150px;
	-webkit-border-radius:150px;	
}

.serviceboxtitle:hover{
	color:#fff;
	background:#b8b8b8;
	-o-transition: color .50s linear;
	-webkit-transition: color .50s linear;
	-moz-transition: color .50s linear;
	transition:  color .50s linear;	
}

.serviceboxdesc{
	min-height:150px;
	margin:15px 0 0 0;
	font-size:16px;
	line-height:28px;
	font-weight:300;
	letter-spacing:1px;
	color:#595959;
	word-wrap:break-word; 
	word-break:normal;
	text-align:left;
}







}



/*  filemv  */


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




}

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


.filemvbox{
	width:31%;
	height:auto;
	padding:0; 
	margin:15px 1%;	
	float:left;	
}


.filemvboxtitle{
	width:100%; 
	height:auto;
	margin:0;
	padding:0; 
	text-align:center;
	font-size:22px;
	line-height:35px;
	font-weight:700;
	letter-spacing:1px;
	color:#333;
	word-wrap:break-word; 
	word-break:normal;
}


.filemvboxdesc{
	margin:10px 0 0 0;
	font-size:16px;
	line-height:28px;
	font-weight:300;
	letter-spacing:1px;
	color:#595959;
	word-wrap:break-word; 
	word-break:normal;
	text-align:left;
}







}



/* MV跋 */


@media only screen and (max-width:480px){
.mvcell{
	width:95%;
	padding:0 0 20px 0; 
	VERTICAL-ALIGN:top;
	float:left;
	height:auto;
	text-align:center; 
	margin:10px 2.5% 30px 2.5%;

}

.mvcontentblock{
	text-align:left;  
	margin:auto; 
	padding:0;
	color:#2E2E2E; 
	word-wrap:break-word; word-break:break-all;
	overflow:hidden;
	float:left;
}

.mvcontentblock img{
    width: 100%; 
    float: left;
    margin:0px;
}

.mvtitle{
	width:94%;
	height:auto;
	margin:5px 3% 20px 3%; 
	text-align:center;
	color:#595959;
	font-size:16px;
	position:relative;
	font-weight:700;
}

.mvpiccss img {
	position:  relative;
	width:81px;
	top: -150px;
	z-index:101;
	opacity:0.6; /* 程计1 */
	filter:alpha(opacity=60);
}
}

@media only screen and (min-width:481px){
.mvcell{
	width:340px; 
	padding:0 0 20px 0; 
	VERTICAL-ALIGN:top;
	float:left;
	height:330px;
	text-align:center; 
	margin:10px 10px 30px 10px;
}

.mvcontentblock{
	text-align:left;  
	margin:auto; 
	padding:0;
	color:#2E2E2E; 
	word-wrap:break-word; word-break:break-all;
	overflow:hidden;
	float:left;
}
.mvcontentblock img{
	max-width: 320px; 
	width: 320px; 
    	width:expression(this.width > 320 ? "320px" : this.width);
    	float: left;
    	margin:10px;
}

.mvtitle{
	width:94%;
	height:auto;
	min-height:45px;
	margin:5px 3% 20px 3%; 
	text-align:left; 
	color:#595959;
	font-size:16px;
	line-height:21px;
	position:relative;
	font-weight:700;
}

.mvdesc{
	width:94%;
	height:auto;
	margin:5px 3% 0 3%; 
	text-align:left; 
	color:#898989;
	font-size:14px;
	font-weight:700;
}

.mvpiccss img {
	position:  relative;
	width:81px;
	top: -180px;
	z-index:101;
	opacity:0.6; /* 程计1 */
	filter:alpha(opacity=60);
}





}



/*  */


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

.mformdiv1100 {
	background-color:#fff; 
	width: 95%;
	height:auto;
	margin:0 7px;
	padding: 0 0 15px 0;
}

.mformdiv {
	width: 95%;
	height:auto;
	margin:0 7px;
	padding: 0 0 15px 0;
}

.mformtitle {
	width: 95%;
	text-align:left;
	margin:5px 0 0 0;
	padding:10px 8px 0 8px;
	font-size:  15px;
	letter-spacing:1px;
	color:#111;
	line-height:28px;

}
.mformtxt {
	width: 95%;
	margin:5px 0 0 8px;
	letter-spacing:1px;
	line-height:28px;
	font-size:  15px;
	text-align:left;
	color:#111;

}

.mformtxt span{
	font-size:  16px!important;
	color:#111!important;
}

.mformtitle2 {
	width: 95%;
	text-align:left;
	padding:10px 8px 0 8px;
	font-size:  15px;
	letter-spacing:1px;
	color:#333;
	background-color:#eee;
	border-bottom: 1px solid #a8a8a8; 
	line-height:28px;
}
.mformtxt2 {
	width: 95%;
	margin:5px 0 0 8px;
	letter-spacing:2px;
	line-height:40px;
	font-size:  15px;
	text-align:left;
}

.mformtitle3 {
	width: 95%;
	text-align:left;
	margin:5px 0 0 0;
	padding:10px 8px 0 8px;
	font-size:  15px;
	letter-spacing:1px;
	color:#333;
	line-height:28px;
}
.mformtxt3 {
	width: 95%;
	margin:5px 0 0 8px;
	letter-spacing:2px;
	line-height:28px;
	font-size:  15px;
	text-align:left;
}

.mformtitle1100 {
	width: 100%;
	text-align:left;
	padding:5px 0 0 0;
	font-size:  13px;
	letter-spacing:1px;
	color:#333;
	line-height:22px;
	margin:10px 0 0 0;
}
.mformtxt1100 {
	width: 100%;
	letter-spacing:1px;
	line-height:150%;
	font-size:  13px;
	text-align:left;
	margin:0 0 10px 0;
}


.formbutton{
	width: 100%;
	text-align:center;
	margin:5px 0 30px 0;
}

.formbutton2{
	width: 100%;
	text-align:center;
	margin:5px 0 30px 0;
}

}

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

.mformdiv {
	width: 90%;
	height:auto;
	margin:0 0 00px 0;
	padding: 20px 4.5%;
	background-color:#fff;
	border: solid 1px #ccc;	
}

.mformtitle {
	width: 100%;
	float: left;
	text-align:left;
	padding:5px 0;
	font-size:  16px;
	letter-spacing:1px;
	color:#111;
	font-weight:300;
	line-height:22px;
	margin:8px 0;
}

.mformtitle span{
	display:inline-block;
	width:75px;
	padding:0 0 0 10px;
}

.mformtxt {
	width: 100%;
	float: left;
	letter-spacing:1px;
	line-height:150%;
	font-size:  16px;
	text-align:left;
	margin:8px 0;
	color:#111;
}

.mformtxt span{
	font-size:  16px!important;
	color:#111!important;
}

.formbutton{
	width: 100%;
	text-align:center;
	margin:5px 0 30px 0;
}

.formbutton2{
	width: 100%;
	text-align:right;
	margin:5px 0 30px 0;
}

}



/* η︹秙 */

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



.buttonpsi4 {
	width:100px;
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 2px 2px;

	font-size:13px;
	font-weight:700;
	color:#fff;

	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;

	padding: 6px 12px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;

border: 0;
background: #888;
background: -moz-linear-gradient(top,  #ccc 0%, #b8b8b8b 50%, #a8a8a8 51%, #888 100%); 
background: -webkit-linear-gradient(top,  #ccc 0%,#b8b8b8 50%,#a8a8a8 51%,#888 100%); 
background: linear-gradient(to bottom,  #ccc 0%,#b8b8b8 50%,#a8a8a8 51%,#888 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccc', endColorstr='#888',GradientType=0 ); 

	
}
.buttonpsi4:hover {
	color: #fff;
	text-decoration: none;
	border: 0;

background: #feccb1;
background: -moz-linear-gradient(top,  #888 0%, #a8a8a8 50%, #a8a8a8 51%, #888 100%); 
background: -webkit-linear-gradient(top,  #888 0%,#a8a8a8 50%,#a8a8a8 51%,#888 100%); 
background: linear-gradient(to bottom,  #888 0%,#a8a8a8 50%,#a8a8a8 51%,#888 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888', endColorstr='#888',GradientType=0 ); 



}
.buttonpsi4:active {
	position: relative;
	top: 1px;
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#ccc));
	background: -moz-linear-gradient(top,  #888,  #ccc);

}



}

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



.buttonpsi4 {
	width:120px;
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 2px 2px;

	font-size:16px;
	font-weight:700;
	color:#111;

	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;

	padding: 6px 12px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;

border: 0;
background: #888;
background: -moz-linear-gradient(top,  #ccc 0%, #b8b8b8b 50%, #a8a8a8 51%, #888 100%); 
background: -webkit-linear-gradient(top,  #ccc 0%,#b8b8b8 50%,#a8a8a8 51%,#888 100%); 
background: linear-gradient(to bottom,  #ccc 0%,#b8b8b8 50%,#a8a8a8 51%,#888 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccc', endColorstr='#888',GradientType=0 ); 

	
}
.buttonpsi4:hover {
	color: #111;
	text-decoration: none;
	border: 0;

background: #feccb1;
background: -moz-linear-gradient(top,  #888 0%, #a8a8a8 50%, #a8a8a8 51%, #888 100%); 
background: -webkit-linear-gradient(top,  #888 0%,#a8a8a8 50%,#a8a8a8 51%,#888 100%); 
background: linear-gradient(to bottom,  #888 0%,#a8a8a8 50%,#a8a8a8 51%,#888 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888', endColorstr='#888',GradientType=0 ); 



}
.buttonpsi4:active {
	position: relative;
	top: 1px;
	color: #111;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#ccc));
	background: -moz-linear-gradient(top,  #888,  #ccc);

}



}




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


.txtinput1b {
color: #333;
padding: 5px 0;
background: #eee;
width: 100%;
border:1px solid #ccc; 
height: 36px;
float: left;
font: 13px/18px Arial, Helvetica, sans-serif;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
clear: both;
}

.txtinput2b {
color: #333;
padding: 5px 0;
background: #eee;
width: 100%;
border:1px solid #ccc; 
height: 36px;
float: left;
font: 13px/18px Arial, Helvetica, sans-serif;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
clear: both;
}

.txtinput3b {
color: #333;
padding: 5px 0;
background: #eee;
width: 100%;
border:1px solid #ccc; 
height: 36px;
float: left;
font: 13px/18px Arial, Helvetica, sans-serif;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
clear: both;
}

.nbutton{	
	margin:3px 0;
	padding:10px 8px;
	background-color: #e16106;
	cursor:pointer;
	color:#fff;
	font-size:16px;
	font-weight:300;
	border: 0;
}

.nbutton:hover{	
	background-color: #ccc;
	color:#333;
	font-weight:300;
}



}

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


.txtinput1b {
color: #333;
padding: 5px 8px;
background: #eee;
width: 100%;
border:1px solid #ccc; 
height: 36px;
float: left;
font: 13px/18px Arial, Helvetica, sans-serif;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.txtinput2b {
color: #333;
padding: 5px 8px;
background: #eee;
width: 55%;
border:1px solid #ccc; 
height: 36px;
float: left;
font: 13px/18px Arial, Helvetica, sans-serif;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.txtinput3b {
color: #333;
padding: 5px 8px;
background: #eee;
width:35%;
border:1px solid #ccc; 
height: 36px;
float: left;
font: 13px/18px Arial, Helvetica, sans-serif;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.nbutton{	
	margin:3px 0;
	padding:10px 25px;
	background-color: #e16106;
	cursor:pointer;
	color:#fff;
	font-size:16px;
	font-weight:300;
	border: 0;
}

.nbutton:hover{	
	background-color: #F97615;
	font-weight:300;
}



}


.txttextareab {
color: #333;
border:1px solid #ccc; 
padding: 8px 13px;
width: 100%;
height: 60px;
position: relative;
resize: none;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
float: left;
font: 13px/18px Arial, Helvetica, sans-serif;
margin: 0;
background: #fff;
}


/*   */



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

.foottdiv{
	width:96%; 
	height:auto;
	margin:0; 	
	padding:0 2%; 	
	color:#fff;
	font-size:13px;
	line-height:26px;
	font-weight:300;
	text-align:left; 
	letter-spacing:1px;
}

#foot{
	width:100%; 
	height:auto;
	margin:0; 	
	padding:0; 
}

.footerdiv{ 
	width: 100%; 
	text-align: left; 
	margin:0 auto; 	
	padding:0 0 20px 0; 
}

.footeritem{
	width: 96%;
	height:auto;
	margin:0; 
	padding:0 2% 20px 2%; 
	font-size:13px;
	line-height:26px;
	font-weight:700;
	color:#fff;
	letter-spacing:0px;
	text-align: left; 
}

.footeritem img{
	width:100px;
	height:auto;
	margin:0; 
	padding:0;
	border:0; 	
}

.footeritem a{
	display:block;
	width:32%;
	font-size:13px;
	font-weight:300;
	color:#fff;
	letter-spacing:0px; 
	float:left;
}

.footeritem a span{padding:0 0 0 3px;}


.footeritem2{
	width: 96%;
	height:auto;
	margin:15px 0 0 0; 
	padding:15px 2% 0 2%; 
	color:#fff;
	font-size:13px;
	line-height:26px;
	font-weight:300;
	text-align: left; 
	letter-spacing:1px;
}

.footeritem2 a{color:#fff;}
.footeritem2 a:hover{color:#C5916F;}
.footeritem2 a span{padding:0 0 0 3px;}

.footeritem3{
	width: 96%;
	height:auto;
	margin:0; 
	padding:0 2%; 
	color:#fff;
	font-size:13px;
	line-height:26px;
	font-weight:300;
	text-align: left; 
	letter-spacing:1px;
	float:left;
}

.footeritem3 a{color:#fff;}
.footeritem3 a:hover{color:#C5916F;}


.foottopdiv{
	width: 100%; 
	text-align: center; 
	margin:30px 0 0 0; 	
	padding:30px 0; 
	background-color: #ffefd3;	
}

.foottopdiv img{
	width: 300px; 
	height:auto;
	margin:0; 	
	padding:0;
	border:0; 	
}



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

.foottdiv{
	width: 1100px;
	height:auto; 
	text-align: left; 
	margin:0 auto; 		
	padding:10px 0; 	
	color:#fff;
	font-size:13px;
	line-height:26px;
	font-weight:300;
	letter-spacing:1px;
}

#foot{
	width:100%; 
	height:auto;
	margin:0; 	
	padding:0; 
}

.footerdiv{ 
	width: 1100px;
	height:auto; 
	text-align: left; 
	margin:0 auto; 	
	padding:10px 0 40px 0; 
	

}

.footeritem{
	width:100%; 
	float:left;
	font-size:14px;
	line-height:26px;
	font-weight:700;
	color:#fff;
	margin:0 0 20px 0; 
	padding:0; 
	letter-spacing:1px;
	text-align:left; 
}

.footeritem img{
	width:100px;
	height:auto;
	margin:0; 
	padding:0;
	border:0; 	
}

.footeritem a{
	font-size:14px;
	font-weight:300;
	color:#fff;
	letter-spacing:1px;
	padding:0 20px 0 0;
}

.footeritem a span{padding:0 0 0 3px;}

.footeritem a:hover{color:#C5916F;}

.footeritem2{
	width: 75%;
	height:auto;
	text-align: center; 
	margin:0; 
	padding:0; 
	color:#fff;
	font-size:14px;
	line-height:26px;
	font-weight:300;
	text-align: left; 
	letter-spacing:1px;
	float:left;
}

.footeritem2 a{color:#fff;}
.footeritem2 a:hover{color:#C5916F;}
.footeritem2 a span{padding:0 0 0 3px;}
.footeritem2 span{color:#a8a8a8;}

.footeritem3{
	width: 25%;
	height:auto;
	text-align: left; 
	margin:0; 
	padding:0; 
	color:#fff;
	font-size:14px;
	line-height:26px;
	font-weight:300;
	letter-spacing:1px;
	float:left;
}

.footeritem3 a{color:#fff;}
.footeritem3 a:hover{color:#C5916F;}
.footeritem3 span{color:#ccc;}

.foottopdiv{
	width: 100%; 
	text-align: center; 
	margin:30px 0 0 0; 	
	padding:30px 0; 
	background-color: #ffefd3;	
}

.foottopdiv img{
	width: 300px; 
	height:auto;
	margin:0; 	
	padding:0;
	border:0; 	
}







}



/*  obnews */


@media only screen and (max-width:768px){
.photomenudiv{
	width:100%;
	height:auto;
	margin:0; 
	padding:20px 0 0 0; 
	text-align:center; 
	color:#898989;	
	font-size:14px;
	line-height:25px;
	font-weight:300;
	letter-spacing:0px;	
}

.photomenudiv span{color:#C5916F;}

.photomenudiv a{
	width:auto;
	height:auto;
	margin:0 3px; 
	padding:0; 
	color:#111;
	font-size:14px;
	line-height:25px;
	font-weight:300;
	letter-spacing:0px;
}


.obnewsbox{
	width:90%;
	height:auto;
	margin:10px 5%; 
	padding:10px 0 30px 0; 
}

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

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


.obnewsboxtitle{
	color:#F18101;
	font-size:18px;
	line-height:28px;
	font-weight:300;
	text-align: center; 
	letter-spacing:1px;
}




.obnewscontent{
	width:96%;
	height:auto;
	margin:10px 2%; 
	padding:10px 0 30px 0; 

}


.obnewscontenttitle{
	width:96%;
	height:auto;
	margin:5px 2%; 	
	padding:0;
	color:#896941;
	font-size:22px;
	line-height:38px;
	font-weight:300;
	text-align: left;  
	letter-spacing:1px;
}

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

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

.obnewscontentdesc{
	width:96%;
	height:auto;
	margin:5px 2%; 		
	padding:0;
	color:#111;
	font-size:14px;
	line-height:25px;
	font-weight:300;
	text-align: left; 
	letter-spacing:1px;
}

.obnewscontentdesc a{color:#F18101;}
.obnewscontentdesc a:hover{color:#EBD400;}

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



}

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

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

.photomenudiv span{color:#C5916F;}

.photomenudiv a{
	width:auto;
	height:auto;
	margin:0 15px; 
	padding:0; 
	color:#111;
	font-size:16px;
	line-height:25px;
	font-weight:300;
	letter-spacing:1px;
}


.obnewsbox{
	width:29%;
	height:auto;
	margin:10px 1%; 
	padding:10px 0 30px 0; 
	float:left;
}

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

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


.obnewsboxtitle{
	color:#F18101;
	font-size:18px;
	line-height:28px;
	font-weight:300;
	text-align: center; 
	letter-spacing:1px;
}



.obnewscontent{
	width:100%;
	height:auto;
	margin:10px 0; 
	padding:10px 0 30px 0; 

}


.obnewscontenttitle{
	width:96%; 
	height:auto;
	margin:0 2%; 	
	padding:0;
	color:#896941;
	font-size:22px;
	line-height:38px;
	font-weight:300;
	text-align: left; 
	letter-spacing:1px;
}

.obnewscontentimg{
	width:90%; 
	height:auto;
	margin:0 5%; 	
	padding:0;
}

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

.obnewscontentdesc{
	width:96%; 
	height:auto;
	margin:0 2%; 	
	padding:0;
	color:#111;
	font-size:14px;
	line-height:28px;
	font-weight:300;
	text-align: left; 
	letter-spacing:1px;
}

.obnewscontentdesc a{color:#F18101;}
.obnewscontentdesc a:hover{color:#EBD400;}

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


}



/*  obblog */


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

.obblogbox{
	width:89%;
	height:auto;
	margin:10px 2%; 
	padding:3%; 
	float:left;
	border:1px solid #ccc;
	
}

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

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


.obblogallcontent{
	width:96%; 
	height:auto;
	margin:0 2%; 	
	padding:0;		
}


.obblogboxdate{
	padding:5px 0 0 0;
	color:#896941;
	font-size:16px;
	line-height:24px;
	font-weight:300;
	text-align:left; 
	letter-spacing:0px;

}

.obblogboxtitle{
	color:#111;
	font-size:20px;
	line-height:38px;
	font-weight:300;
	text-align:left; 
	letter-spacing:0px;
}

.obblogboxdesc{
	color:#111;
	font-size:14px;
	line-height:24px;
	font-weight:300;
	text-align:left; 
	letter-spacing:0px;
}

.obblogboxdesc a{color:#111;}





.obblogcontent{
	width:96%;
	height:auto;
	margin:10px 2%; 
	padding:10px 0 30px 0; 

}


.obblogcontenttitle{
	width:100%; 
	height:auto;
	margin:0; 	
	padding:0;
	color:#F18101;
	font-size:25px;
	line-height:38px;
	font-weight:700;
	text-align: center; 
	letter-spacing:1px;
}

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

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

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

.obblogcontentdesc a{color:#F18101;}
.obblogcontentdesc a:hover{color:#EBD400;}

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



}

@media only screen and (min-width:768px){
.obblogbox{
	width:43%;
	height:auto;
	margin:10px 1%; 
	padding:2%; 
	float:left;
	border:1px solid #ccc;
	
}

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

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

.obblogallcontent{
	width:96%; 
	height:auto;
	margin:0 2%; 	
	padding:0;		
}

.obblogboxdate{
	padding:5px 0 0 0;
	color:#896941;
	font-size:18px;
	line-height:28px;
	font-weight:300;
	text-align:left; 
	letter-spacing:1px;

}

.obblogboxtitle{
	color:#111;
	font-size:22px;
	line-height:35px;
	font-weight:300;
	text-align:left; 
	letter-spacing:2px;
}

.obblogboxdesc{
	color:#111;
	font-size:14px;
	line-height:28px;
	font-weight:300;
	text-align:left; 
	letter-spacing:1px;
}

.obblogboxdesc a{color:#111;}




.obblogcontent{
	width:100%;
	height:auto;
	margin:10px 0; 
	padding:10px 0 30px 0; 

}


.obblogcontenttitle{
	width:100%; 
	height:auto;
	margin:0; 	
	padding:0;
	color:#F18101;
	font-size:25px;
	line-height:38px;
	font-weight:700;
	text-align: center; 
	letter-spacing:1px;
}

.obblogcontentimg{
	width:90%; 
	height:auto;
	margin:0 5%; 	
	padding:0;
}

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

.obblogcontentdesc{
	width:90%; 
	height:auto;
	margin:0 5%; 	
	padding:0;
	color:#fff;
	font-size:16px;
	line-height:25px;
	font-weight:300;
	text-align: left; 
	letter-spacing:1px;
}

.obblogcontentdesc a{color:#F18101;}
.obblogcontentdesc a:hover{color:#EBD400;}

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


}



/*   */


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

.more{
	display:block;
	width:100px;
	height:auto;
	margin:0 auto;
	padding:10px 0;
	color:#F18101;
	font-size:16px;
	line-height:28px;
	font-weight:700;
	text-align: center;
	letter-spacing:1px;
	border: solid 1px #A52900;
}


}

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

.more{
	display:block;
	width:100px;
	height:auto;
	margin:0 auto;
	padding:10px 0;
	color:#F18101;
	font-size:16px;
	line-height:28px;
	font-weight:700;
	text-align: center; 
	letter-spacing:1px;
	border: solid 1px #A52900;
}


.more:hover{
	color:#fff;
	background:#F18101;
}



}



/* idx妓Α  */


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

#idx1{
	background:url(../images/bnbg.jpg) repeat center top;
}


#idx2{
	width:96%;
	padding:0 2%; 	
	min-height:150px;
	background:#eee;
}

#idx3{
	min-height:450px;
}

#idx6{
	background:url(../images/contactbg.jpg) no-repeat center top;
}

.obphotodiv{
	width:98%;
	height:auto;
	margin:10px 1%; 
	padding:10px 0 10px 0; 	
}

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

#idx99{
	min-height:350px;
}


}

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

#idx1{
	background:url(../images/bnbg.jpg) repeat center top;
}

#idx2{
	min-height:150px;
	background:#eee;
}


#idx3{
	margin:40px 0 0 0;
	padding:40px 0 20px 0; 
	min-height:530px;
}


#idx6{
	background:url(../images/contactbg.jpg) no-repeat center top;
}


.obphotodiv{
	width:48%;
	height:auto;
	margin:10px 1%; 
	padding:10px 0 30px 0; 
	float:left;	
}

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

#idx99{
	padding:25px 0 0 0; 
	min-height:350px;
}


}







/*   */




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

.idxtitlecss1{
	color:#111!important;
	font-size:16px!important;
	line-height:31px!important;
	font-weight:700!important;	
	letter-spacing:0px!important;	
}


.idxtitlecss2{
	color:#111!important;
	font-size:20px!important;
	line-height:31px!important;
	font-weight:300!important;	
	letter-spacing:0px!important;	
}

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

.iobservicebox1{
	width:100%;
	height:auto;
	margin:0; 
	padding:0;
	float:left;
}

.iobservicebox1 img{
	width:100%;
	height:auto;
	margin:0 0 10px 0; 
	padding:0;
	border:0; 	
}

.iobservicebox2{
	width:90%;
	height:auto;
	margin:0; 
	padding:20px 5%;
	float:left;
	color:#111;
	font-size:14px;
	line-height:21px;
	font-weight:300;
	text-align:left; 
	letter-spacing:1px;
}

.iobservicebox2 span{
	color:#111;
	font-size:13px;
	line-height:15px;
	font-weight:300;	
	letter-spacing:0px;
}



.iobservicebox1c{
	width:100%;
	height:auto;
	margin:0; 
	padding:0;
	float:left;
}

.iobservicebox1c img{
	width:100%;
	height:auto;
	margin:0 0 10px 0; 
	padding:0;
	border:0; 	
}

.iobservicebox2c{
	width:90%;
	height:auto;
	margin:0; 
	padding:20px 5%;
	float:left;
	color:#111;
	font-size:14px;
	line-height:21px;
	font-weight:300;
	text-align:left; 
	letter-spacing:1px;
}

.iobservicebox2c span{
	color:#111;
	font-size:13px;
	line-height:15px;
	font-weight:300;	
	letter-spacing:0px;
}

.iobservicebox2c img{
	width:100%;
	height:auto;
	margin:0 0 10px 0; 
	padding:0;
	border:0; 	
}


.iobservicebox3{
	width:90%;
	height:auto;
	margin:0; 
	padding:10px 5%;
	color:#595959;
	font-size:13px;
	line-height:25px;
	font-weight:300;	
	letter-spacing:0px;
	text-align:left; 
}

.iobsericemore{
	margin:0; 
	padding:10px 35px; 	
	color:#aaa;
	font-size:14px;
	font-weight:300;
	text-align:left; 
	letter-spacing:5px;
	font-family: 'Spectral SC', serif;	
}

.iobsericemore a{color:#896941;}

.iobsericemore2{
	margin:0; 
	padding:8px 15px; 
	border: solid 1px #111;	
	color:#111;
	font-size:14px;
	font-weight:300;
	text-align:left; 
	letter-spacing:3px;
	cursor:pointer;	
	background:#fff;
}

.iobsericemore a{color:#111;}

.observicebox{
	width:90%;
	height:auto;
	margin:0; 
	padding:10px 5%; 
	float:left;	
}


.observicebox a{
	color:#fff;
	font-size:22px;
	line-height:28px;
	font-weight:300;
	text-align: center; 
	letter-spacing:1px;
}

.observicebox2{
	width:90%;
	height:auto;
	margin:10px 2.5%; 
	padding:20px 2%; 
	border: solid 1px #F18101;
}


.observicebox2 a{
	color:#fff;
	font-size:22px;
	line-height:28px;
	font-weight:300;
	text-align: center; 
	letter-spacing:1px;
}

.obfoodbox{
	width:90%;
	height:auto;
	margin:10px 2.5%; 
	padding:20px 2%; 
	float:left;
	border: solid 1px #F18101;
	color:#fff;
	font-size:25px;
	line-height:28px;
	font-weight:300;
	text-align: center; 
	letter-spacing:1px;
}

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

.obfoodbox a{
	color:#fff;
	font-size:25px;
	line-height:28px;
	font-weight:300;
	text-align: center; 
	letter-spacing:1px;
}

.obfoodbox:hover{
	background:#111;
}

.obfoodbox:hover a{
	color:#F18101;
}



.obfoodboxdiv{
	width:98%;
	height:auto;
	margin:0 1%; 
	padding:40px 0 0 0; 
	text-align: left; 
}

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

}

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

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

.obfoodboxdesc{
	width:100%;
	height:auto;
	margin:0; 
	padding:0; 
	color:#fff;
	font-size:16px;
	line-height:28px;
	font-weight:300;
	text-align: left; 
	letter-spacing:1px;

}


.obfoodboxdesc a{color:#F18101;}

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



}

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

.idxtitlecss1{
	color:#111!important;
	font-size:30px!important;
	line-height:40px!important;
	font-weight:700!important;	
	letter-spacing:1px!important;	
}


.idxtitlecss2{
	color:#111!important;
	font-size:24px!important;
	line-height:35px!important;
	font-weight:300!important;	
	letter-spacing:1px!important;	
}

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

.iobservicebox1{
	display:block;
	width:60%;
	height:auto;
	margin:0; 
	padding:0;
	float:left;
}

.iobservicebox1 img{
	width:100%;
	height:auto;
	margin:0 0 10px 0;
	padding:0;
	border:0; 	
	vertical-align: bottom;
}

.iobservicebox2{
	display:block;
	width:36%;
	height:auto;
	margin:0; 
	padding:10px 0 0 4%;
	float:left;
	color:#111;
	font-size:14px;
	line-height:25px;
	font-weight:300;
	text-align:left; 
	letter-spacing:1px;
}

.iobservicebox2 span{
	color:#111;
	font-size:13px;
	line-height:15px;
	font-weight:300;	
	letter-spacing:0px;
}


.iobservicebox1c{
	display:block;
	width:45%;
	height:auto;
	margin:0; 
	padding:0;
	float:left;
}

.iobservicebox1c img{
	width:100%;
	height:auto;
	margin:0 0 10px 0;
	padding:0;
	border:0; 	
	vertical-align: bottom;
}

.iobservicebox2c{
	display:block;
	width:53%;
	height:auto;
	margin:0; 
	padding:10px 0 0 2%;
	float:left;
	color:#111;
	font-size:14px;
	line-height:25px;
	font-weight:300;
	text-align:left; 
	letter-spacing:1px;
}

.iobservicebox2c span{
	color:#111;
	font-size:13px;
	line-height:15px;
	font-weight:300;	
	letter-spacing:0px;
}

.iobservicebox2c img{
	width:48%;
	height:auto;
	margin:3px 1% 0 1%;
	padding:0;
	border:0; 	
	vertical-align: bottom;
	float:left;
}



.iobservicebox3{
	display:block;
	width:50%;
	height:auto;
	margin:120px 0 0 0; 
	padding:10px 0 0 5%;
	float:left;
	color:#595959;
	font-size:13px;
	line-height:25px;
	font-weight:300;	
	letter-spacing:0px;
	text-align:left; 
	border-left: solid 1px #ccc;
}

.iobsericemore{
	margin:0; 
	padding:10px 0; 	
	color:#ccc;
	font-size:16px;
	font-weight:700;
	text-align:left; 
	letter-spacing:1px;
	cursor:pointer;	
	font-family: 'Spectral SC', serif;
}

.iobsericemore a{color:#aaa;}
.iobsericemore:hover{color:#595959;}


.iobsericemore2{
	margin:0; 
	padding:10px 35px; 
	border: solid 1px #111;	
	color:#111;
	font-size:14px;
	font-weight:300;
	text-align:left; 
	letter-spacing:8px;
	cursor:pointer;	
	background:#fff;
}

.iobsericemore a{color:#111;}

.observicebox{
	width:23%;
	height:auto;
	margin:10px 1%; 
	padding:10px 0 30px 0; 
	float:left;	
}


.observicebox a{
	color:#fff;
	font-size:25px;
	line-height:28px;
	font-weight:300;
	text-align: center; 
	letter-spacing:1px;
}


.observicebox2{
	width:23%;
	height:auto;
	margin:10px 0.5%; 
	padding:20px 0; 
	float:left;
	border: solid 1px #F18101;
}


.observicebox2 a{
	color:#fff;
	font-size:25px;
	line-height:28px;
	font-weight:300;
	text-align: center; 
	letter-spacing:1px;
}

.observicebox2:hover{
	background:#111;
}

.observicebox2:hover a{
	color:#F18101;
}

.obfoodbox{
	width:47%;
	height:auto;
	margin:10px 1%; 
	padding:20px 0; 
	float:left;
	border: solid 1px #F18101;
	color:#fff;
	font-size:25px;
	line-height:28px;
	font-weight:300;
	text-align: center; 
	letter-spacing:1px;
}

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


.obfoodbox a{
	color:#fff;
	font-size:25px;
	line-height:28px;
	font-weight:300;
	text-align: center; 
	letter-spacing:1px;
}

.obfoodbox:hover{
	background:#111;
}

.obfoodbox:hover a{
	color:#F18101;
}


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

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

}

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

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

.obfoodboxdesc{
	width:100%;
	height:auto;
	margin:0; 
	padding:0; 
	color:#fff;
	font-size:16px;
	line-height:28px;
	font-weight:300;
	text-align: left; 
	letter-spacing:1px;

}

.obfoodboxdesc a{color:#F18101;}



}




/*  obnews */


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

.obintroducebox{
	width:90%;
	height:auto;
	margin:10px 5%; 
	padding:10px 0 30px 0; 
}

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

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


.obintroduceboxtitle{
	color:#F18101;
	font-size:18px;
	line-height:28px;
	font-weight:300;
	text-align: center; 
	letter-spacing:1px;
}


}

@media only screen and (min-width:768px){
.obintroducebox{
	width:29%;
	height:auto;
	margin:10px 1%; 
	padding:10px 0 30px 0; 
	float:left;
}

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

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


.obintroduceboxtitle{
	color:#F18101;
	font-size:18px;
	line-height:28px;
	font-weight:300;
	text-align: center; 
	letter-spacing:1px;
}





}



/*  obphoto */


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

.iobphotobox{
	width:90%;
	height:auto;
	margin:10px 5% 10px 5%; 
	padding:0 0 20px 0; 

}

.iobphotoboximg{
	width:100%; 
	height:auto;
	margin:0; 	
	padding:0;
	background:#fff;		
}

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


.iobphotoboxtitle{
	padding:5px 0;
	color:#111;
	font-size:18px;
	line-height:35px;
	font-weight:300;
	text-align: center; 
	letter-spacing:1px;
}

.iobphotobox2{
	width:90%;
	height:auto;
	margin:10px 5% 30px 5%; 
	padding:0 0 20px 0; 
	border-bottom: solid 1px #888;	
}

.iobphotoboximg2{
	width:100%; 
	height:auto;
	margin:0; 	
	padding:0;
	background:#fff;		
}

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


.iobphotoboxtitle2{
	color:#111!important;
	font-size:22px;
	line-height:35px;
	font-weight:300;
	text-align: center; 
	letter-spacing:1px;
}

.iobphotoboxtitle2 a{color:#111!important;}



.obphotobox{
	width:90%;
	height:auto;
	margin:10px 5%; 
	padding:10px 0 30px 0; 
}

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

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


.obphotoboxtitle{
	padding:5px 0;
	color:#111;
	font-size:18px;
	line-height:28px;
	font-weight:300;
	text-align: center; 
	letter-spacing:1px;
}


.obphotoboxdesc{
	padding:5px 0 0 0;
	color:#111;
	font-size:14px;
	line-height:24px;
	font-weight:300;
	text-align:left; 
	letter-spacing:1px;
}


.obphotocontent{
	width:96%;
	height:auto;
	margin:10px 2%; 
	padding:10px 0 30px 0; 

}


.obphotocontenttitle{
	width:100%; 
	height:auto;
	margin:0; 	
	padding:0;
	color:#F18101;
	font-size:25px;
	line-height:38px;
	font-weight:700;
	text-align: center; 
	letter-spacing:1px;
}

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

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

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

.obphotocontentdesc a{color:#F18101;}
.obphotocontentdesc a:hover{color:#EBD400;}

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



}

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

.iobphotobox{
	width:29%;
	height:auto;
	min-height:200px;
	margin:10px 2% 10px 2%; 
	padding:0; 
	float:left;	
}

.iobphotoboximg{
	width:100%; 
	height:auto;
	margin:0; 	
	padding:0;
	background:#fff;		
}

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


.iobphotoboxtitle{
	padding:10px 0;
	color:#111;
	font-size:18px;
	line-height:35px;
	font-weight:300;
	text-align: center; 
	letter-spacing:1px;
}

.iobphotoboxtitle a{color:#111;}


.iobphotobox2{
	width:31%;
	height:auto;
	min-height:200px;
	margin:10px 1% 10px 1%; 
	padding:0; 
	float:left;	
}

.iobphotoboximg2{
	width:100%; 
	height:auto;
	margin:0; 	
	padding:0;
	background:#fff;		
}

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


.iobphotoboxtitle2{
	color:#111!important;
	font-size:22px;
	line-height:35px;
	font-weight:300;
	text-align: center; 
	letter-spacing:1px;
}

.iobphotoboxtitle2 a{color:#111!important;}


.obphotobox{
	width:21%;
	height:auto;
	min-height:200px;
	margin:10px 1% 10px 1%; 
	padding:1%; 
	float:left;
	background:#ddd;	
}

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

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


.obphotoboxtitle{
	padding:5px 0;
	color:#111;
	font-size:18px;
	line-height:28px;
	font-weight:300;
	text-align: center; 
	letter-spacing:1px;
}

.obphotoboxdesc{
	padding:5px 0 0 0;
	color:#111;
	font-size:14px;
	line-height:24px;
	font-weight:300;
	text-align:left; 
	letter-spacing:1px;
}


.obphotocontent{
	width:100%;
	height:auto;
	margin:10px 0; 
	padding:10px 0 30px 0; 

}


.obphotocontenttitle{
	width:100%; 
	height:auto;
	margin:0; 	
	padding:0;
	color:#F18101;
	font-size:25px;
	line-height:38px;
	font-weight:700;
	text-align: center; 
	letter-spacing:1px;
}

.obphotocontentimg{
	width:90%; 
	height:auto;
	margin:0 5%; 	
	padding:0;
}

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

.obphotocontentdesc{
	width:90%; 
	height:auto;
	margin:0 5%; 	
	padding:0;
	color:#fff;
	font-size:16px;
	line-height:25px;
	font-weight:300;
	text-align: left; 
	letter-spacing:1px;
}

.obphotocontentdesc a{color:#F18101;}
.obphotocontentdesc a:hover{color:#EBD400;}

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







}





/* about  */


@media only screen and (max-width:768px){
.aboutdiv1{
	width:30%; 
	height:auto;
	margin:1%;
	padding:0;
	border: solid 1px #595959;
	font-size:16px;
	line-height:36px;
	font-weight:300;
	text-align:center; 
	letter-spacing:1px;
	color:#111;
	float:left;
}


.obaboutdiv{
	width:96%;
	height:auto;
	margin:10px 2%; 
	padding:0; 
	float:left;	
}

.obaboutdiv img{
	width:91%; 
	height:auto;
	margin:0;
	padding:4%;
	border: solid 1px #ccc;	
}

.obaboutdiv2{
	width:96%;
	height:auto;
	margin:10px 2%; 
	padding:0; 
	float:left;
	font-size:14px;
	line-height:28px;
	font-weight:300;
	text-align:left; 
	letter-spacing:0px;
	color:#111;
}

.obaboutdiv2 span{
	font-size:20px;
	line-height:31px;
	font-weight:300;
	text-align:left; 
	letter-spacing:0px;
	color:#896941;	
}


.obabouttitle{
	width:100%;
	height:auto;
	margin:0 0 20px 0; 
	padding:0; 
	font-size:22px;
	line-height:45px;
	font-weight:300;
	text-align:left; 
	letter-spacing:1px;
	color:#111;	
}

.obabouttitle span{
	font-size:22px;
	color:#898989;
	letter-spacing:0px;
	font-family: Times New Roman, sans-serif;
}



}

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

.aboutdiv1{
	width:30%; 
	height:auto;
	margin:1%;
	padding:0;
	border: solid 1px #595959;	
	font-size:16px;
	line-height:36px;
	font-weight:300;
	text-align:center; 
	letter-spacing:1px;
	color:#111;
	float:left;
}



.obaboutdiv{
	width:48%;
	height:auto;
	margin:20px 2% 0 0; 
	padding:0; 
	float:left;	
}

.obaboutdiv img{
	width:91%; 
	height:auto;
	margin:0;
	padding:4%;
	border: solid 1px #ccc;	
}

.obaboutdiv2{
	width:48%;
	height:auto;
	margin:20px 0 0 2%; 
	padding:0; 
	float:left;
	font-size:16px;
	line-height:36px;
	font-weight:300;
	text-align:left; 
	letter-spacing:1px;
	color:#111;
}

.obaboutdiv2 span{
	font-size:24px;
	line-height:31px;
	font-weight:300;
	text-align:left; 
	letter-spacing:1px;
	color:#896941;	
}


.obabouttitle{
	width:100%;
	height:auto;
	margin:0 0 20px 0; 
	padding:0; 
	font-size:28px;
	line-height:45px;
	font-weight:300;
	text-align:left; 
	letter-spacing:5px;
	color:#111;	
}

.obabouttitle span{
	font-size:30px;
	color:#898989;
	letter-spacing:1px;
	font-family: Times New Roman, sans-serif;
}





}

/*   */


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


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

}

.ob2sericedivbox{
	width:96%;
	height:auto;
	margin:10px 2% 30px 2%; 
	padding:0;
	float:left;	
}

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

.ob2sericedivboximg img{
	width:91%; 
	height:auto;
	margin:0;
	padding:4%;
	border: solid 1px #ccc;	
}

.ob2sericedivboxtitle{
	width:90%;
	height:auto;
	margin:0 5%; 
	padding:20px 0 10px 0; 
	font-size:22px;
	line-height:38px;
	font-weight:300;
	text-align:left; 
	letter-spacing:1px;
	color:#896941;	
}

.ob2sericedivboxdesc{
	width:90%;
	height:auto;
	margin:0 5%; 
	padding:0; 
	font-size:14px;
	line-height:28px;
	font-weight:300;
	text-align:left; 
	letter-spacing:1px;
	color:#111;	
}


.ob2sericetitle{
	width:96%;
	height:auto;
	margin:0 2% 20px 2%; 
	padding:10px 0; 
	font-size:25px;
	line-height:45px;
	font-weight:300;
	text-align:left; 
	letter-spacing:5px;
	color:#111;	
}

.ob2sericetitle span{
	color:#898989;
	letter-spacing:1px;
	font-weight:300;
	font-size:28px;
	font-family: Times New Roman, sans-serif;
}

.ob2sericetitle a{
	padding:0 10px; 
	font-size:28px;
	line-height:45px;
	font-weight:700;
	text-align:left; 
	letter-spacing:2px;
	color:#896941;	
}

.ob2sericemenu{
	width:96%;
	height:auto;
	margin:0 2% 0 2%; 
	padding:0; 
	font-size:16px;
	line-height:28px;
	font-weight:300;
	text-align:left; 
	letter-spacing:1px;
	color:#111;
	font-family: Times New Roman, sans-serif, 'Noto Sans TC';
}

.ob2sericemenu a{
	padding:0; 
	font-size:16px;
	line-height:28px;
	font-weight:300;
	text-align:left; 
	letter-spacing:1px;
	color:#111;	
}

}

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

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

}

.ob2sericedivbox{
	width:48%;
	height:auto;
	margin:10px 1% 30px 1%; 
	padding:0;
	float:left;	
}

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

.ob2sericedivboximg img{
	width:91%; 
	height:auto;
	margin:0;
	padding:4%;
	border: solid 1px #ccc;	
}

.ob2sericedivboxtitle{
	width:90%;
	height:auto;
	margin:0 5%; 
	padding:20px 0 10px 0; 
	font-size:22px;
	line-height:38px;
	font-weight:300;
	text-align:left; 
	letter-spacing:1px;
	color:#896941;	
}

.ob2sericedivboxdesc{
	width:90%;
	height:auto;
	margin:0 5%; 
	padding:0; 
	font-size:14px;
	line-height:28px;
	font-weight:300;
	text-align:left; 
	letter-spacing:1px;
	color:#111;	
}


.ob2sericetitle{
	width:96%;
	height:auto;
	margin:0 2% 20px 2%; 
	padding:30px 0 10px 0; 
	font-size:25px;
	line-height:45px;
	font-weight:300;
	text-align:left; 
	letter-spacing:5px;
	color:#111;	
}

.ob2sericetitle span{
	color:#898989;
	letter-spacing:3px;
	font-weight:300;
	font-size:28px;
	font-family: Times New Roman, sans-serif;
}

.ob2sericetitle a{
	padding:0 10px; 
	font-size:28px;
	line-height:45px;
	font-weight:700;
	text-align:left; 
	letter-spacing:2px;
	color:#896941;	
}

.ob2sericemenu{
	width:96%;
	height:auto;
	margin:0 2% 0 2%; 
	padding:0; 
	font-size:18px;
	line-height:28px;
	font-weight:300;
	text-align:left; 
	letter-spacing:1px;
	color:#111;
	font-family: Times New Roman, sans-serif, 'Noto Sans TC';
}

.ob2sericemenu a{
	padding:0; 
	font-size:18px;
	line-height:28px;
	font-weight:300;
	text-align:left; 
	letter-spacing:1px;
	color:#111;	
}




}



/* witness  */


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

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

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




}

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

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

.iwitnessdiv2{
	width:40%;
	height:auto;
	margin:0; 
	padding:40px 0 0 0;
	float:left;
	text-align:right; 		
}



}





/*   */


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

.idxworksdiv{
	width:100%;
	height:auto;
	margin:30px 0 5px 0; 
	padding:0;
	text-align:center; 	
}

.idxworksdiv img{
	display:block;
	width:48%;
	height:auto;
	margin:1%; 
	padding:0;
	border:0;
	float:left;	
}

}

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

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


.idxworksdiv img{
	display:block;
	width:31%;
	height:auto;
	margin:1%; 
	padding:0;
	border:0;
	float:left;	
}



}

/*   */

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




}

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




}

/*   */

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

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

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

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

.obwitnessboximg img{
	width:90%; 
	height:auto;
	margin:0 10% 0 0;
	padding:0;
	border: 0;	
}


.obwitnessboxc{
	width:75%;
	height:auto;
	margin:0; 
	padding:0;
	float:left;
	font-size:14px;
	line-height:28px;
	font-weight:300;
	text-align:left; 
	letter-spacing:1px;
	color:#111;		
}

.obwitnessboxc a{
	color:#111;
}

.obwitnessboxc span{
	color:#322A26;
	font-size:16px;
}





}

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

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

.obwitnessbox2{
	width:48%;
	height:auto;
	margin:0 2% 10px 0; 
	padding:0;
	text-align:left; 
	float:left;	
}


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

.obwitnessboximg img{
	width:90%; 
	height:auto;
	margin:0 10% 0 0;
	padding:0;
	border: 0;	
}


.obwitnessboxc{
	width:75%;
	height:auto;
	margin:0; 
	padding:0;
	float:left;
	font-size:14px;
	line-height:28px;
	font-weight:300;
	text-align:left; 
	letter-spacing:1px;
	color:#111;		
}

.obwitnessboxc a{
	color:#111;
}

.obwitnessboxc span{
	color:#322A26;
	font-size:16px;
}




}





/*   */


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

.idxcontactdiv{
	width:98%;
	height:auto;
	margin:10px 1%; 
	padding:10px 0 10px 0; 
	font-size:16px;
	line-height:21px;
	font-weight:300;
	text-align:left; 
	letter-spacing:1px;
}

.idxcontactdiv span{
	color:#F18101;
}


.idxcontactdiv2{
	width:98%;
	height:auto;
	margin:10px 0 10px 2%; 
	padding:10px 0 10px 0; 
	float:left;
	color:#fff;
	font-size:16px;
	line-height:21px;
	font-weight:300;
	text-align:left; 
	letter-spacing:1px;
}

.idxcontactdiv2 span{
	color:#F18101;
}




}

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

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

.idxcontactdiv span{
	color:#F18101;
}


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

.idxcontactdiv2 span{
	color:#F18101;
}







}



/*  */

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


.pagerdiv a{
	width:20px;
	margin:0 3px;
	padding:3px 5px; 
	border:1px solid #888;
	font-size:16px;
	line-height:28px;
	font-weight:300;
	letter-spacing:1px;
	color:#111;	
}

.pagerdiv span{
	width:20px;
	margin:0 3px;
	padding:3px 5px; 
	font-size:16px;
	line-height:28px;
	font-weight:700;
	letter-spacing:1px;
	color:#896941;	
}


.pagerdiv2{
	width:100%;
	height:auto;
	padding:0; 
	margin:30px 0 20px 0;
	text-align:center;
	font-size:16px;
	line-height:28px;
	font-weight:300;
	letter-spacing:1px;
	color:#fff;	
	
}


.pagerdiv2 a{
	width:20px;
	margin:0 3px;
	padding:3px 5px; 
	border:1px solid #ccc;
	font-size:16px;
	line-height:28px;
	font-weight:300;
	letter-spacing:1px;
	color:#111;	
}

.pagerdiv2 span{
	width:20px;
	margin:0 3px;
	padding:3px 5px; 
	font-size:16px;
	line-height:28px;
	font-weight:700;
	letter-spacing:1px;
	color:#665D57;	
}



/* MV跋 */


@media only screen and (max-width:768px){
.obmvcell{
	width:80%;
	padding:0 0 20px 0; 
	VERTICAL-ALIGN:top;
	float:left;
	height:auto;
	text-align:center; 
	margin:10px 10%;

}

.obmvcontentblock{
	width:100%; 
	height:auto;	 
	margin:0; 
	padding:0;
}
.obmvcontentblock img{
	width:99%; 
	height:auto;
    	margin:0;
	padding:0;
	border:1px solid #ddd;
}

.obmvtitle{
	width:94%;
	height:auto;
	min-height:45px;
	margin:5px 3%; 
	text-align:left;
	color:#111;
	font-size:16px;
	line-height:21px;
	font-weight:300;
}

.obmvdesc{
	width:94%;
	height:auto;
	margin:5px 3% 0 3%; 
	text-align:left; 
	color:#898989;
	font-size:14px;
	font-weight:700;
}

.obmvpiccss {
	width:100%;
	height:5px;
}

.obmvpiccss img {
	position:  relative;
	width:30%;
	top: -70px;
	margin:0 35%; 
	z-index:101;
	opacity:0.9; /* 程计1 */
	filter:alpha(opacity=90);
}



.obmvpiccss2 {
	width:100%;
	height:5px;
}


}


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

.obmvpiccss2 img {
	position:  relative;
	width:20%;
	top: -130px;
	margin:0 40%; 
	z-index:101;
	opacity:0.9; /* 程计1 */
	filter:alpha(opacity=90);
}

}

@media (min-width: 350px) and (max-width:450px) {

.obmvpiccss2 img {
	position:  relative;
	width:20%;
	top: -155px;
	margin:0 40%; 
	z-index:101;
	opacity:0.9; /* 程计1 */
	filter:alpha(opacity=90);
}


}


@media (min-width: 450px) and (max-width:550px) {

.obmvpiccss2 img {
	position:  relative;
	width:20%;
	top: -180px;
	margin:0 40%; 
	z-index:101;
	opacity:0.9; /* 程计1 */
	filter:alpha(opacity=90);
}


}


@media (min-width: 550px) and (max-width:768px) {

.obmvpiccss2 img {
	position:  relative;
	width:20%;
	top: -200px;
	margin:0 40%; 
	z-index:101;
	opacity:0.9; /* 程计1 */
	filter:alpha(opacity=90);
}


}











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

.obmvcell{
	width:24%; 
	height:auto;
	margin:0 1% 10px 0;
	padding:0; 		
	text-align:center; 	
	float:left;
}

.obmvcontentblock{
	width:100%; 
	height:auto;	 
	margin:0; 
	padding:0;
}
.obmvcontentblock img{
	width:99%; 
	height:auto;
    	margin:0;
	padding:0;
	border:1px solid #ddd;
}

.obmvtitle{
	width:94%;
	height:auto;
	min-height:45px;
	margin:5px 3%; 
	text-align:left;
	color:#111;
	font-size:18px;
	line-height:21px;
	font-weight:300;
}

.obmvdesc{
	width:94%;
	height:auto;
	margin:5px 3% 0 3%; 
	text-align:left; 
	color:#898989;
	font-size:14px;
	font-weight:700;
}

.obmvpiccss {
	width:100%;
	height:5px;
}

.obmvpiccss img {
	position:  relative;
	width:30%;
	top: -70px;
	margin:0 35%; 
	z-index:101;
	opacity:0.9; /* 程计1 */
	filter:alpha(opacity=90);
}



.obmvpiccss2 {
	width:100%;
	height:5px;
}

.obmvpiccss2 img {
	position:  relative;
	width:20%;
	top: -130px;
	margin:0 40%; 
	z-index:101;
	opacity:0.9; /* 程计1 */
	filter:alpha(opacity=90);
}


}











.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}