@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 {
	position:relative;
	width:100%;
	margin: 0; 
	overflow-x:hidden;
}


body{
	position:relative;
	width:100%;
	margin: 0; 
	overflow-x:hidden;
	font-family: "Helvetica", "Arial","LiHei Pro","STHeiti","Microsoft YaHei","Microsoft JhengHei", sans-serif;
	font-size:14px;
	font-weight:350;	
}

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


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

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



hr.style1 {
    border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
}

hr.style2 {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}

hr.style3 {
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
}

hr.style4 {
    height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0,0,0,0.5);
}

hr.style5 {
    height: 10px;
    border: 0;
    -moz-box-shadow: 0 8px 6px -6px #669FEC ;
    -webkit-box-shadow: 0 8px 6px -6px #669FEC ;
    box-shadow: 0 8px 6px -6px #669FEC ;
    margin:0 0 5px 0;
}




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

.mfootdiv{
	position:fixed;
	display:block;
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	z-index:99999;
	bottom:0;
	right:10px;
}


.mfootdiv a{
	display:block;
	padding:4px 0;
	margin:2px 0; 
	float:right;	
}

.mfootdiv a img{
	height:40px;
	width:auto;
	padding:0; 
	margin:0 5px 0 0;
    	opacity: 0.75; 
    	filter: alpha(opacity=75);
}

.mfootdiv a img:hover{
    	opacity: 1.0; 
    	filter: alpha(opacity=100);
}


.v768u{display:none;}
.v768d{}

.idxmore{
	display:block;
        width: 80%;
        height:auto;
        margin: 0 10% 30px 10%;
        padding: 10px 0;
        font-size: 18px !important;
        font-weight: 300 !important;
        color: #111;
        letter-spacing: 1px;
	text-align: center;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 1px solid #111;
}

.idxmore a{color: #111;}

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



.mfootdiv{
	position:fixed;
	display:block;
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	z-index:99999;
	bottom:10px;
	right:100px;
}


.mfootdiv a{
	display:block;
	padding:4px 0;
	margin:2px 0; 
	float:right;	
}

.mfootdiv a img{
	height:30px;
	width:auto;
	padding:0; 
	margin:0 5px 0 0;
    	opacity: 0.85; 
    	filter: alpha(opacity=85);
}

.mfootdiv a img:hover{
    	opacity: 1.0; 
    	filter: alpha(opacity=100);
}



.v768u{}
.v768d{display:none;}

.idxmore{
	display:block;
        width: 20%;
        height:auto;
        margin: 0 40% 30px 40%;
        padding: 10px 0;
        font-size: 24px !important;
        font-weight: 300 !important;
        color: #111;
        letter-spacing: 5px;
	text-align: center;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 1px solid #111;
}

.idxmore a{color: #111;}

}



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



.mfootdiv{
	position:fixed;
	display:block;
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	z-index:99999;
	bottom:5px;
	right:5px;
}


.mfootdiv a{
	display:block;
	padding:4px 0;
	margin:2px 0; 
	float:right;	
}

.mfootdiv a img{
	height:30px;
	width:auto;
	padding:0; 
	margin:0 5px 0 0;
    	opacity: 0.85; 
    	filter: alpha(opacity=85);
}

.mfootdiv a img:hover{
    	opacity: 1.0; 
    	filter: alpha(opacity=100);
}



.bnimg img{
	margin:0;
	border:0;
	width:100%;
}
.gotoTop{display:none;}

#goTop{display:none;}

.nbutton{	
	margin:3px 0;
	padding:10px;
	background-color: #D93658;
	cursor:pointer;
	color:#fff;
	font-size:1.2em;
}

.pbutton{
	width:40%;	
	margin:5px;
	padding:8px 15px;
	background-color: #6B6058;
	cursor:pointer;
	color:#fff;
	font-size:15px;
}


.pbutton:hover{color:#333;}


.pbutton2{
	border:0px solid #ccc; 
	width:40%;	
	margin:5px;
	padding:8px 15px;
	background-color: #52C3F1;
	cursor:pointer;
	color:#fff;
	font-size:15px;
	font-weight:700;
}

.pbutton2:hover{color:#004F69;background-color: #78FFFF;}



.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){



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

.pbutton{
	width:40%;	
	margin:8px;
	padding:10px 40px;
	background-color: #6B6058;
	cursor:pointer;
	color:#fff;
	font-size:16px;
}
.pbutton:hover{color:#fff;background-color: #39332F;}

.pbutton2{
	border:0px solid #ccc; 
	width:40%;	
	margin:8px;
	padding:10px 40px;
	background-color: #52C3F1;
	cursor:pointer;
	color:#fff;
	font-size:16px;
	font-weight:700;
}

.pbutton2:hover{color:#004F69;background-color: #78FFFF;}


.nbutton{	
	margin:8px 0;
	padding:10px 20px;
	background-color: #996600;
	cursor:pointer;
	color:#fff;
	font-size:1.2em;
}

.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');
}

.button8 {
	height:auto;
	margin: 2px 2px;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
	padding: 6px 12px;
	font-weight:700;
	color: #fff;
	background:#510081;
	width:100%!important;	
	border:0px;
}

.button8 a{color: #fff!important;}

.button8:hover {
	color: #fff!important;
	background: #FF4000!important;
}
.button8:active {
	position: relative;
	top: 1px;
	color: #fff!important;
	background: #FFCC00!important;
}


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

@media only screen and (max-width:768px){
.cbanner{
	width:100%;
	height:auto; 
	padding:0;
	margin:0;
}


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

.btitlediv2{
	width:100%;
	height:auto; 
	padding:0;
	margin:0 auto;
	letter-spacing:8px;
	line-height:28px;
	color:#333;
	font-size:16px;
	font-weight:700;
	text-align:center;
}

.btitlediv2 span{
	line-height:28px;
	color:#554430;
	font-size:25px;
	font-weight:300;
	letter-spacing:3px;
	padding:0 10px 0 0;	
	font-family: 'Prata', serif;
}



}

@media only screen and (min-width:768px){
.cbanner{
	text-align: center;
	width:1200px;
	height:auto; 
	padding:0;
	margin:0 auto;
}


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

.btitlediv2{
	width:100%;
	height:auto; 
	padding:0;
	margin:0 auto;
	letter-spacing:10px;
	line-height:48px;
	color:#333;
	font-size:18px;
	font-weight:700;
	text-align: left;
}

.btitlediv2 span{
	line-height:48px;
	color:#554430;
	font-size:32px;
	font-weight:300;
	letter-spacing:5px;
	padding:0 10px 0 0;	
	font-family: 'Prata', serif;
}





}

.cbanner img{
	width:100%;
	padding:0;
	margin:0;
}

.fbanner{
	position:relative; 
	width:100%;
	height:auto; 
	padding:0;
	margin:0;
}

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


/*  */

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

.pagetopdiv{
	position:relative; 
	width:100%;
	height:auto; 
	padding:0;
	margin:0;
	z-index:91;	
}

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


.idxaboutdiv{
	position:relative; 
	width:100%;
	height:auto; 
	padding:0;
	margin:-80px 0 0 0;
	z-index:92;
}

.idxaboutdividx{
	position:relative; 
	width:100%;
	height:auto; 
	padding:0;
	margin:0;
	z-index:92;
}

.idxaboutdiv{
	width:96%;
	height:auto; 
	padding:0;
	margin:0 2%;
	float:left;
	text-align:left;
	z-index:93;
}


.idxaboutdiv1{
	display:none;
}

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

.idxaboutdiv2{
	width:96%;
	height:auto; 
	padding:0;
	margin:0 2%;
	float:left;
	text-align:left;
	z-index:93;
}


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


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

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

.idxaboutdivdesc a{color:#FFE100;}
.idxaboutdivdesc a:hover{color:#c00000;}

.maintitle{
	display:block;
	letter-spacing:1px;
	line-height:80px;
	color:#52C3F1;
	font-size:22px;
	font-weight:700;
	margin:0 0 10px 0;
	padding:0;
	z-index:9993;
}


.maintitle2{
	display:block;
	letter-spacing:1px;
	line-height:80px;
	color:#52C3F1;
	font-size:22px;
	font-weight:300;
	font-family: 'Didot';
	margin:0 auto; 
	text-align:center; 
	width:80px; 
	height:80px;
	padding:0;
	margin:0 0 0 15px;
	border-radius:40px;
	-moz-border-radius:40px;
	-webkit-border-radius:40px;
	border:2px solid #52C3F1; 
	float:left;
}


.idspddiv{
	width:100%;
	height:auto;
	margin:15px 0;
	padding:0;
	z-index:9;
}

.idspddivtitle{
	display:block;
	margin:-20px 0 0 0;
	padding:8px 30px;
	font-size:18px;
	font-weight:700;
	color:#111;
	line-height: 28px;
	letter-spacing:1px;
	background:#fff;
	z-index:10;
}


.nodiv{
	display:block;
	position:absolute;
	letter-spacing:1px;
	line-height:84px;
	color:#fff;
	font-size:18px;
	font-weight:300;
	font-family: 'Abril Fatface', cursive;
	margin:0 auto; 
	text-align:center; 
	width:72px; 
	height:72px;
	padding:0;
	margin:-42px 0 0 -8px;
	border-radius:36px;
	-moz-border-radius:36px;
	-webkit-border-radius:36px;
	border:2px solid #52C3F1; 
	background: rgba(82, 195, 241, 0.7);
	float:left;
	/*text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,2px 2px 2px black;*/
	-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);
	z-index:11;

}

}

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

.pagetopdiv{
	position:relative; 
	width:100%;
	height:auto; 
	padding:0;
	margin:0;
	z-index:91;	
}

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


.idxaboutdiv{
	position:relative; 
	width:100%;
	height:auto; 
	padding:0;
	margin:0;
	z-index:92;
	padding-bottom:5vw;
}


.idxaboutdividx{
	position:relative; 
	width:100%;
	height:auto; 
	padding:0;
	margin:0;
	z-index:92;
	padding-bottom:5vw;
}

.idxaboutdiv2{
	width:100%;
	height:auto; 
	padding:0;
	margin:0;
	float:left;
	text-align:left;
	z-index:9993;
}

.idxaboutdiv1{
	width:16%;
	height:auto; 
	padding:0;
	margin:0;
	float:left;
	text-align:center;
	z-index:9993;
}

.idxaboutdiv1 img{
	width:70px;
	height:auto; 
	padding:0;
	margin:20px 0 0 0;
	text-align:left;
	z-index:9993;	
}

.idxaboutdiv2{
	width:79%;
	height:auto; 
	padding:0;
	margin:0 5% 0 0;
	float:left;
	text-align:left;
	z-index:9993;
}


.idxaboutdivtitle{
	width:100%;
	height:auto; 
	padding:0;
	margin:0;
	z-index:9993;
}


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

.idxaboutdivdesc img{
	width:80% !important;
	height:auto !important; 
	padding:0 !important;
	margin:10px 0 !important;		
}
.idxaboutdivdesc a{color:#FFE100;}
.idxaboutdivdesc a:hover{color:#c00000;}

.maintitle{
	display:block;
	letter-spacing:1px;
	line-height:80px;
	color:#52C3F1;
	font-size:22px;
	font-weight:700;
	float:left;
	margin:0;
	padding:0;
	z-index:9993;
}


.maintitle2{
	display:block;
	letter-spacing:1px;
	line-height:80px;
	color:#52C3F1;
	font-size:22px;
	font-weight:300;
	font-family: 'Didot';
	margin:0 auto; 
	text-align:center; 
	width:80px; 
	height:80px;
	padding:0;
	margin:0 0 0 15px;
	border-radius:40px;
	-moz-border-radius:40px;
	-webkit-border-radius:40px;
	border:2px solid #52C3F1; 
	float:left;
}

.idspddiv{
	width:96%;
	height:auto;
	margin:15px 2%;
	padding:0;
	z-index:9;
}

.idspddivtitle{
	display:block;
	margin:-20px 0 0 0;
	padding:8px 30px;
	font-size:18px;
	font-weight:700;
	color:#111;
	line-height: 28px;
	letter-spacing:1px;
	background:#fff;
	z-index:10;
}


.nodiv{
	display:block;
	position:absolute;
	letter-spacing:1px;
	line-height:84px;
	color:#fff;
	font-size:18px;
	font-weight:300;
	font-family: 'Abril Fatface', cursive;
	margin:0 auto; 
	text-align:center; 
	width:72px; 
	height:72px;
	padding:0;
	margin:-42px 0 0 -8px;
	border-radius:36px;
	-moz-border-radius:36px;
	-webkit-border-radius:36px;
	border:2px solid #52C3F1; 
	background: rgba(82, 195, 241, 0.7);
	float:left;
	/*text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,2px 2px 2px black;*/
	-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);
	z-index:11;

}

}

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

.pagetopdiv{
	position:relative; 
	width:100%;
	height:auto; 
	padding:0;
	margin:0;
	z-index:91;	
}

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


.idxaboutdiv{
	position:relative; 
	width:100%;
	height:auto; 
	padding:0;
	margin:0;
	z-index:92;
	margin-top:-5vw;
	padding-bottom:5vw;
}

.idxaboutdividx{
	position:relative; 
	width:100%;
	height:auto; 
	padding:0;
	margin:0;
	z-index:92;
	padding-bottom:5vw;
}

.idxaboutdiv{
	width:100%;
	height:auto; 
	padding:0;
	margin:0;
	float:left;
	text-align:left;
	z-index:9993;
}

.idxaboutdiv1{
	width:16%;
	height:auto; 
	padding:0;
	margin:0;
	float:left;
	text-align:left;
	z-index:9993;
}

.idxaboutdiv1 img{
	width:90px;
	height:auto; 
	padding:0;
	margin:0;
	text-align:left;
	z-index:9993;
		
}

.idxaboutdiv2{
	width:84%;
	height:auto; 
	padding:0;
	margin:0;
	float:left;
	text-align:left;
	z-index:9993;
}


.idxaboutdivtitle{
	width:100%;
	height:auto; 
	padding:0;
	margin:0;	
	z-index:9993;
}


.idxaboutdivdesc{
	width:100%;
	height:auto; 
	padding:38px 0 0 0;
	margin:0;
	letter-spacing:1px;
	line-height:28px;
	color:#111;
	font-size:18px;
	font-weight:300;
	text-align: left;	
}

.idxaboutdivdesc img{
	width:70% !important;
	height:auto !important; 
	padding:0 !important;
	margin:10px 0 !important;		
}
.idxaboutdivdesc a{color:#FFE100;}
.idxaboutdivdesc a:hover{color:#c00000;}

.maintitle{
	display:block;
	letter-spacing:1px;
	line-height:100px;
	color:#52C3F1;
	font-size:25px;
	font-weight:700;
	float:left;
	margin:0;
	padding:0;
	z-index:9993;
}


.maintitle2{
	display:block;
	letter-spacing:1px;
	line-height:100px;
	color:#52C3F1;
	font-size:25px;
	font-weight:300;
	font-family: 'Didot';
	margin:0 auto; 
	text-align:center; 
	width:100px; 
	height:100px;
	padding:0;
	margin:0 0 0 15px;
	border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	border:2px solid #52C3F1; 
	float:left;
}


.idspddiv{
	width:100%;
	height:auto;
	margin:15px 0;
	padding:0;
	z-index:9;
}

.idspddivtitle{
	display:block;
	margin:-20px 0 0 0;
	padding:8px 30px;
	font-size:18px;
	font-weight:700;
	color:#111;
	line-height: 28px;
	letter-spacing:1px;
	background:#fff;
	z-index:10;
}

.nodiv{
	display:block;
	position:absolute;
	letter-spacing:1px;
	line-height:84px;
	color:#fff;
	font-size:18px;
	font-weight:300;
	font-family: 'Abril Fatface', cursive;
	margin:0 auto; 
	text-align:center; 
	width:72px; 
	height:72px;
	padding:0;
	margin:-42px 0 0 -8px;
	border-radius:36px;
	-moz-border-radius:36px;
	-webkit-border-radius:36px;
	border:1px solid #52C3F1; 
	background: rgba(82, 195, 241, 0.7);
	float:left;
	/*text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,2px 2px 2px black;*/
	-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);
	z-index:11;

}




}





/*  */

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

.idxproductdiv{
	width:100%;
	height:auto;
	margin:0;	
	padding:0;
	background-image : url(../images/idxpdmbg.jpg); 
	background-repeat : no-repeat;
	background-position:center top;
	/*background-size:100%;*/
}

.idxproductdivtitle{
	letter-spacing:1px;
	color:#025F88;
	font-size:20px;
	font-weight:700;
	margin:0;
	padding:30px 0;
	text-align:center; 
}

.idxproductdiv2{
	width:100%;
	height:auto;
	margin:0;	
	padding:50px 0;
	background-image : url(../images/idxpdmbg.jpg); 
	background-repeat : no-repeat;
	background-position:center top;
	/*background-size:100%;*/
}

}

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

.idxproductdiv{
	width:100%;
	height:68vw;
	margin:0;	
	padding:0;
	background-image : url(../images/idxpdbg1200.jpg); 
	background-repeat : no-repeat;
	background-position:center top;
	background-size:100%;
}

.idxproductdivtitle{
	letter-spacing:1px;
	color:#025F88;
	font-size:22px;
	font-weight:700;
	margin:0;
	padding:0;
	padding-top:6vw;
	padding-bottom:3vw;
	text-align:center; 
}

.idxproductdiv2{
	width:100%;
	height:35vw;
	margin:0;	
	padding:3vw 0 3vw 0;
	background-image : url(../images/idxpdbgs.jpg); 
	background-repeat : no-repeat;
	background-position:center top;
	background-size:100%;
}

}

@media (min-width: 1200px) and (max-width:1400px) {

.idxproductdiv{
	width:100%;
	height:68vw;
	margin:0;	
	padding:0;
	background-image : url(../images/idxpdbg1400.jpg); 
	background-repeat : no-repeat;
	background-position:center top;
	background-size:100%;
}

.idxproductdivtitle{
	letter-spacing:1px;
	color:#025F88;
	font-size:24px;
	font-weight:700;
	margin:0;
	padding:0;
	padding-top:7vw;
	padding-bottom:3vw;
	text-align:center; 
}

.idxproductdiv2{
	width:100%;
	height:35vw;
	margin:0;	
	padding:3vw 0 3vw 0;
	background-image : url(../images/idxpdbgs.jpg); 
	background-repeat : no-repeat;
	background-position:center top;
	background-size:100%;
}

}


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

.idxproductdiv{
	width:100%;
	height:68vw;
	margin:0;	
	padding:0;
	background-image : url(../images/idxpdbg.jpg); 
	background-repeat : no-repeat;
	background-position:center top;
	background-size:100%;
}

.idxproductdivtitle{
	letter-spacing:2px;
	color:#025F88;
	font-size:28px;
	font-weight:700;
	margin:0;
	padding:0;
	padding-top:10vw;
	padding-bottom:6vw;
	text-align:center; 
}

.idxproductdiv2{
	width:100%;
	height:30vw;
	margin:0;	
	padding:5vw 0 3vw 0;
	background-image : url(../images/idxpdbgs.jpg); 
	background-repeat : no-repeat;
	background-position:center top;
	background-size:100%;
}

}





/*首頁部分*/

@media only screen and (max-width:768px){
.indexcenterleft, .indexcenterright{
	float: left;
	display: inline;
	margin: 5px;
	padding:0;
}
.indexcenterleft { width: 95%;}
.indexcenterright { width: 95%; }

.ictnewblock { 
	width:100%; 
	padding:0; 
	VERTICAL-ALIGN:top;
	margin:5px;
}
.idxpdcell{
	width:45%; 
	height:auto;
	padding:0; 
	VERTICAL-ALIGN:top;
	float:left;
	border:1px solid #ccc; 
	text-align:center; 
	margin:5px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.indextitlediv{
	width:100%;
	position:relative;
	margin:25px 0 5px 0;
	padding:0 5px;
	text-align:left;
	height:25px;
}
.indexnewscell{
	width:98%; 
	text-align:left; 
	padding:0; 
	margin:5px;
	VERTICAL-ALIGN:top;	
	word-wrap:break-word; word-break:break-all;
	height:auto;
}

.indexnewstitle{float: left; padding:10px 0; width:70%;color:#598400; height:auto; line-height:180%; font-size:1.1em;position:relative;border-bottom:1px solid #ccc;}
.indexnewstitle a{
	color:#1d1d44;;
	font-family: Gafata;
	font-family: \5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4;
	font-size:1em;
	font-weight:300;
}
.indexnewstitle a:hover {color:#598400;}
.indexnewstitle img{margin: 0 5px;}
.indexnewsdate{float: left; padding:10px 0; text-align:right;width:30%;color:#e60012; height:auto; font-size:1em; line-height:120%; position:relative;
}


.idxphotoimg{
    text-align:center; 
    width: 98%; 
    height:auto;
    float: left;
    margin:3px;
}

.idxphotocell{
	width:98%; 
	padding:0; 
	VERTICAL-ALIGN:top;
	float:left;
	border:1px solid #ccc; 
	height:auto;
	text-align:center; 
	margin:5px;
}
.idxphotocell:hover {border:1px solid #333;}
.idxphotocell img{
    width:95%;
    margin:3px auto;
    text-align:center; 
}

.indexnewstitle{float: left; padding:2px 0 0 0; width:95%; color:#598400; height:25px; line-height:120%; font-size:1.1em;position:relative;border-bottom:1px solid #ccc;}
.indexnewstitle a{
	color:#1d1d44;;
	font-family: Gafata;
	font-family: \5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4;
	font-size:1em;
	font-weight:300;
}

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

.indexcenterleft, .indexcenterright{
	float: left;
	display: inline;
	margin: 5px 0;
	padding:0;
}
.indexcenterleft { width: 350px; text-align:left; margin: 50px 0 0 0; }
.indexcenterright { margin-left: 13px; width: 830px; }

.ictnewblock { 
	width:98%; 
	padding:0; 
	VERTICAL-ALIGN:top;
	margin:5px;
}
.idxpdcell{
	width:165px; 
	height:220px;
	padding:0; 
	VERTICAL-ALIGN:top;
	float:left;
	border:1px solid #ccc; 
	text-align:center; 
	margin:5px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.indextitlediv{
	width:100%;
	position:relative;
	margin:35px 0 15px 0;
	padding:0 5px;
	text-align:left;
	height:25px;
}
.indexnewscell{
	width:98%; 
	text-align:left; 
	padding:0; 
	margin:12px 0;
	VERTICAL-ALIGN:top;	
	word-wrap:break-word; word-break:break-all;
	height:auto;
}

.indexnewstitle{float: left; padding:10px 0 0 0; width:350px;color:#598400; height:25px; line-height:120%; font-size:1.1em;position:relative;border-bottom:1px solid #ccc;}
.indexnewstitle a{
	color:#1d1d44;;
	font-family: Gafata;
	font-family: \5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4;
	font-size:1em;
	font-weight:300;
}
.indexnewstitle a:hover {color:#598400;}
.indexnewstitle img{margin: 0 5px;}
.indexnewsdate{float: left; padding:10px 0 0 0; text-align:right;width:80px;color:#e60012; height:25px; font-size:1em; line-height:120%; position:relative;border-bottom:1px solid #ccc;}

.idxphotoimg{
    text-align:center; 
    width: 277px; 
    height:200px;
    float: left;
    margin:6px;
}

.idxphotocell{
	width:290px; 
	padding:0; 
	VERTICAL-ALIGN:top;
	float:left;
	border:1px solid #ccc; 
	height:240px;
	text-align:center; 
	margin:5px 0 15px 15px;
}
.idxphotocell:hover {border:1px solid #669900;}
.idxphotocell img{
    height:180px;
    margin:6px auto;
    text-align:center; 
}

}


.idxpdleftmenut{
	margin:2px 5px;
	padding:5px 10px;
	width:95%;
	text-align:left;
	font-size:0.9em;
	background-color:#666;
	color:#fff; 
	font-weight:300;
	letter-spacing:1px;
}

.idxpdleftmenus{
	margin:5px;
	padding:5px 10px;
	width:95%;
	text-align:left;
	font-size:1.2em;
	border-bottom:1px dashed #ccc;
	color:#111; 
	font-weight:300;
	letter-spacing:1px;
	background-color: #efefef;
	font-family: Gafata;
	font-family: \5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4;
}
.idxpdleftmenus a{
	font-size:1.2em;
	color:#111; 
	font-weight:300;
	letter-spacing:1px;
	font-family: Gafata;
	font-family: \5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4;
}
.idxpdleftmenus:hover{background-color: #bbb; font-size:1.3em;font-weight:700;}
.idxpdleftmenus img{margin:0 5px ;}


.idxpdcell:hover {
	border:1px solid #333; 
	margin:5px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.idxpdcell img{
    max-width: 140px; 
    width: 140px; 
    width:expression(this.width > 140 ? "140px" : this.width);
    float: left;
    margin:5px;
}

.idxwitnesscell{
	width:96%; 
	height:auto;
	padding:0; 
	VERTICAL-ALIGN:top;
	border:1px solid #ccc; 
	text-align:center; 
	margin:5px;
}
.idxwitnesstitle{width:100%;font-weight:700;color:#333333; line-height:150%; font-size:1.1em;position:relative;}
.idxwitnesscell img{ 
    width: 95%; 
    margin:5px;}
.idxwitnessdesc{text-align:left;width:95%;margin:5px;color:#666; font-size:0.9em; line-height:140%; position:relative;}
.idxwitnessname{text-align:right;width:95%;margin:5px;color:#333; font-size:0.9em; line-height:140%; position:relative;}


.idxphototitle{text-align:right;width:95%;margin:5px 0px;color:#333; font-size:1em; line-height:140%; position:relative;}

.flowdivimg {
	width:100%;
	text-align:center; 
	color:#333;
	font-size:1em; 
	line-height:280%;
}
.flowdivimg span{
	color:#ff0000;
}
.flowdivimg img{
	width:100%;
	padding:0; 
	margin:0;
}

/*首頁2*/



@media only screen and (max-width:768px){
#mini-container{	
	margin: 0;
	padding: 0 1px;
	width: 100%;}
.gallery_block2 {
	margin: 0;
	padding: 0;
	width: 49%;
	height: auto;
	overflow: hidden;
	position: relative;
	border: 0px solid #ccc;
	float: left;
}
.centermargin{
	display:none;
}
#indextopdiv1 {
	position: relative;
	margin:0 0 20px 0;
	padding: 0;
	width: 100%;
	height: auto;
}
.pdtypediv{
	margin:0;
	padding:0 0 10px 0;
}
.pdtypediv2{
	width:30%;
	font-size:1.2em;
	color: #111;
	margin:1px;
	padding: 2px;
	float: left;
	line-height: 35px;
	border-right: 1px solid #bbb;
	text-align:center;
	background:#ff9900;


}
.pdtypediv2 a{color: #111;text-align:center;}


.gallery_block {
	margin: 2px;
	padding: 0;
	width: 48%;
	height: auto;
	float: left;
	overflow: hidden;
}

.gallery_block2 {
	margin: 2px;
	padding: 0;
	width: 48%;
	height: auto;
	float: left;
	overflow: hidden;
}




.btslide img {
	border: 0;
	width:100%;
	margin: 8px 3px 0 3px;
}
.btslide a {
	text-decoration: none;
	color: #fff; 
	text-align:center;
}
.btslide a:hover {
	color: #fc6;
}

.btslide .title {
	position: absolute;
	bottom: 0;
	margin: 0;
	width: 100%;
	height: 30px;
	line-height: 30px;
	color: #aa0000;
	font-size:1.6em;
	text-align:right;
	font-weight:300;
}
.btslide .title span{
	font-size:12px;
	color: #111;
}


.btslide .desc {display:none;}
.boxa{display:none;}
.sbox1w{display:none;}
.sbox2w{display:none;}

.pdtypedivby1{	color: #fff; margin:1px;background-color: #aaa;width:31%;text-align:center;line-height: 45px;float: left;font-size:1.2em;}
.pdtypedivby2{	color: #fff; margin:1px;background-color: #999;width:31%;text-align:center;line-height: 45px;float: left;font-size:1.2em;}
.pdtypedivby3{	color: #fff; margin:1px;background-color: #888;width:31%;text-align:center;line-height: 45px;float: left;font-size:1.2em;}
.pdtypedivby4{	color: #fff; margin:1px;background-color: #777;width:31%;text-align:center;line-height: 45px;float: left;font-size:1.2em;}
.pdtypedivby5{	color: #fff; margin:1px;background-color: #666;width:31%;text-align:center;line-height: 45px;float: left;font-size:1.2em;}
.pdtypedivby6{	color: #fff; margin:1px;background-color: #555;width:31%;text-align:center;line-height: 45px;float: left;font-size:1.2em;}
.pdtypedivby7{	color: #fff; margin:1px;background-color: #444;width:31%;text-align:center;line-height: 45px;float: left;font-size:1.2em;}
.pdtypedivby8{	color: #fff; margin:1px;background-color: #333;width:31%;text-align:center;line-height: 45px;float: left;font-size:1.2em;}
.pdtypedivby9{	color: #fff; margin:1px;background-color: #222;width:31%;text-align:center;line-height: 45px;float: left;font-size:1.2em;}


.indexpddivimg{
	width:45%;
	margin:5px;
	float:left;
}

.indexpddivimg img{
	width:100%;
	margin:0 auto;
	text-align: center;	
}


.indexpddivimg3{
	width:30%;
	margin:3px;
	float:left;
}

.indexpddivimg3 img{
	width:100%;
	margin:0;
	text-align: center;	
}

.indexpddivimg4{
	width:23%;
	margin:3px;
	float:left;
}

.indexpddivimg4 img{
	width:100%;
	margin:0;
	text-align: center;	
}


}

@media only screen and (min-width:768px){
#mini-container{
	margin: 0;
	padding: 0 15px;
	width: 100%;

}

#indextopdiv1 {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 337px;
	background:url(../images/bgline_1.jpg) no-repeat left 0;
}

.indextopdiv1a {width:1130px; height:auto; margin:0 30px 0 25px;}
.pdtypediv{
	width:100%;
	margin:0;
	background-color: #fff;
	height:48px;
	padding:0;
	text-align:left;
}

.pdtypediv a{
	margin:0 20px 0 0;
	padding: 5px 15px;
	line-height: 35px;
	font-size:16px;
	font-weight:300;
	font-family: "Helvetica Neue", Helvetica, Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
	letter-spacing:1px;
	color:#111;	
}

.pdtypediv a:hover{
	background-color: #ffcc00;
	color:#fff;
	padding: 5px 15px;
	line-height: 35px;
}

.pdtypediv a:active{
	background-color: #ffcc00;
	color:#fff;
	padding: 5px 15px;
	line-height: 35px;
}

.pdtypediv2{
	width:24%;
	font-size:1.2em;
	color: #111;
	margin:1px;
	padding: 2px;
	float: left;
	line-height: 35px;
	border-right: 1px solid #bbb;
	text-align:center;
	background:#ff9900;


}

.pdtypediv2 a{color: #111;}


#indexrighttopdiv {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 900px;
}

.gallery_block {
	margin: 2px;
	padding: 0;
	width: 280px;
	height: 185px;
	overflow: hidden;
	position: relative;
	border: 1px solid #fff;
	float: left;
}

.gallery_block2 {
	margin: 2px;
	padding: 0;
	width: 280px;
	height: 376px;
	overflow: hidden;
	position: relative;
	border: 1px solid #fff;	
	float: left;
}
.centermargin{
	margin-right:2%;
}



.btslide img {
	border: 0;
	width:100%;
}
.btslide a {
	text-decoration: none;
	color: #fff; 
	text-align:center;
}
.btslide a:hover {
	color: #fc6;
}
.btslide ul, .btslide li {
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 1000;
}
.btslide .title {
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 30px;
	line-height: 30px;
	color: #ffcc00;
	font-size:2em;
	text-align:right;
	font-weight:300;
	font-family:Helvetica, Arial, sans-serif;
	text-rendering: optimizeLegibility;
	text-transform:uppercase;
	letter-spacing:1px;
}
.btslide .title span{
	font-size:12px;
	color: #111;
}

.btslide .title p {
	width:100%;
	margin:0 auto;
	text-align:center;
	font-family:Helvetica, Arial, sans-serif;
	font-size:1.1em;
	font-weight:300;
	position: absolute;
	z-index: 1000;
}
.btslide .desc {
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	z-index: 999;
	display: none;
	overflow: hidden;
	color: #fff;
}

.btslide .desc .boxa {
	padding:200px 10px 0 10px;
	font-size: 1em;
	color: #ccc;
	z-index: 998;
	height:180px;
	color:#fff;
	line-height:20px;
	font-weight:300;
	VERTICAL-ALIGN:bottom;
}

.btslide .desc .boxa p{
	text-align:center;
	padding:0;
	margin:12px 0;
	color:#ffcc00;
	font-size:1.2em;
	font-weight:300;
}

.maskCss {
	width: 100%;
	background-color: #000;
	position: absolute;
	z-index: 997;
}
.bttxt{
	float:left;
	width:100%;
	text-align:center;
	font-size:1.2em;
	color:#464444;
	margin:30px 0 60px;
	font-family:'微軟正黑體';
}

.sbox1w{
	margin: 2px;
	padding: 0;
	width: 280px;
	height: 185px;
	overflow: hidden;
	position: relative;
	border: 1px solid #fff;
	float: left;
}

.sbox2w{
	margin: 2px;
	padding: 0;
	width: 566px;
	height: 185px;
	overflow: hidden;
	position: relative;
	border: 1px solid #fff;
	float: left;
}

.pdtypedivby1{	color: #fff; margin:2px 0;padding:0 20px;background-color: #aaa;width:auto;text-align:center;line-height: 55px;float: left;font-size:1.3em;}
.pdtypedivby2{	color: #fff; margin:2px 0;padding:0 20px;background-color: #999;width:auto;text-align:center;line-height: 55px;float: left;font-size:1.3em;}
.pdtypedivby3{	color: #fff; margin:2px 0;padding:0 20px;background-color: #888;width:auto;text-align:center;line-height: 55px;float: left;font-size:1.3em;}
.pdtypedivby4{	color: #fff; margin:2px 0;padding:0 20px;background-color: #777;width:auto;text-align:center;line-height: 55px;float: left;font-size:1.3em;}
.pdtypedivby5{	color: #fff; margin:2px 0;padding:0 20px;background-color: #666;width:auto;text-align:center;line-height: 55px;float: left;font-size:1.3em;}
.pdtypedivby6{	color: #fff; margin:2px 0;padding:0 20px;background-color: #555;width:auto;text-align:center;line-height: 55px;float: left;font-size:1.3em;}
.pdtypedivby7{	color: #fff; margin:2px 0;padding:0 20px;background-color: #444;width:auto;text-align:center;line-height: 55px;float: left;font-size:1.3em;}
.pdtypedivby8{	color: #fff; margin:2px 0;padding:0 20px;background-color: #333;width:auto;text-align:center;line-height: 55px;float: left;font-size:1.3em;}
.pdtypedivby9{	color: #fff; margin:2px 0;padding:0 20px;background-color: #222;width:auto;text-align:center;line-height: 55px;float: left;font-size:1.3em;}


.indexpddivimg{
	position: relative; 
	width:45%;
	margin:0;
	float:left;
	height:200px;
}

.indexpddivimg img{
	width:80%;
	margin:0 auto;
	text-align: center;	
	z-index:101;
}

.indexpddivimg img:hover{
	width:90%;	
}
	


.indexpddivimg3{
	width:30%;
	margin:0;
	float:left;
	height:280px;
}

.indexpddivimg3 img{
	width:80%;
	margin:0;
	text-align: center;	
}

.indexpddivimg3 img:hover{
	width:90%;
}

.indexpddivimg4{
	width:23%;
	margin:3px;
	float:left;
}

.indexpddivimg4 img{
	width:90%;
	margin:0;
	text-align: center;	
}

.indexpddivimg4 img:hover{
	width:100%;	
}
}




.pdtypedivby1 a{color: #fff;}
.pdtypedivby2 a{color: #fff;}
.pdtypedivby3 a{color: #fff;}
.pdtypedivby4 a{color: #fff;}
.pdtypedivby5 a{color: #fff;}
.pdtypedivby6 a{color: #fff;}
.pdtypedivby7 a{color: #fff;}
.pdtypedivby8 a{color: #fff;}
.pdtypedivby9 a{color: #fff;}


.pdtypedivby1:hover{	color: #111; background-color: #CED60A;}
.pdtypedivby2:hover{	color: #111; background-color: #CED60A;}
.pdtypedivby3:hover{	color: #111; background-color: #CED60A;}
.pdtypedivby4:hover{	color: #111; background-color: #CED60A;}
.pdtypedivby5:hover{	color: #111; background-color: #CED60A;}
.pdtypedivby6:hover{	color: #111; background-color: #CED60A;}
.pdtypedivby7:hover{	color: #111; background-color: #CED60A;}
.pdtypedivby8:hover{	color: #111; background-color: #CED60A;}
.pdtypedivby9:hover{	color: #111; background-color: #CED60A;}



/* 公用部份 */


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

.content{
	width:100%;
	position:relative;
	text-align: center;
	margin:0;
	
}


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

.content{
	width:100%;
	position:relative;
	text-align: center;
	margin:10px 0 0 0;
	
}


}



#indexlinkdiv{
	width:100%;
	position:relative;
	text-align: center;
	margin:0;
}

.indexlinktxt{padding: 2px 10px; color:#333333; font-size:0.9em;margin:0 auto;}
.indexlinktxt a{color:#333333;}
.indexlinktxt a:hover{color:#af9c71; position:relative;top:1px; left:1px;}



.contentw{
	width:100%;
	position:relative;
	text-align: center;
	margin:0;
	background:#fff;
}

.titledivcss{
	width:100%;
	color:#524803; 
	font-size:1.6em;
	text-align: center;
	margin:10px 0 25px 0;
	padding:0;
	font-weight:700;
	font-family: Gafata;
	font-family: \5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4;
	letter-spacing:3px;
	}

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

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

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

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


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


}

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


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

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

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

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

}

@media (min-width: 900px) and (max-width:1200px) {


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

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

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

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


}


@media (min-width: 1200px) and (max-width:1400px) {

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

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

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

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


}

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

.inner{
	position:relative; 
	width:90%;
	height:auto; 
	padding:0;
	margin:0 5%;
	text-align: left;
}

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


.inner1400{
	position:relative; 
	width:1400px;
	height:auto; 
	padding:0;
	margin:0 auto;
	text-align: center;
}



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


}





/*about區*/
@media only screen and (max-width:768px){
.aboutdiv {
	width:95%;
	height:auto; 
	padding:10px 0;
	margin:10px;
	text-align:left; 
}
.abouttitle{
	width:100%;
	color:#669900; 
	line-height:180%; 
	font-size:1.4em;
	font-weight:700;
	position:relative;
	margin:15px 0 0 0;
	text-align:center; 
}
.aboutdesc{
	word-wrap:break-word; 
	word-break:break-all;
	font-size:1.2em;  
	line-height:180%; 
	text-indent:7px; 
	padding:5px 0px 0 0;
	color:#000;
	margin:10px 3px; 
	font-weight:350;
}
.aboutdesctitle{
	color:#990000; 
	line-height:180%; 
	font-size:1.2em;
}
.aboutimg{
	width:30%;
	margin:3px;
	float:left;
	height:auto;
}

.aboutimg img{
    	width: 100%;
	margin:1px;
	border:1px solid #ccc;
} 


}



@media only screen and (min-width:768px){
.aboutdiv {
	width:1200px;
	height:auto; 
	padding:10px 0;
	margin:0 10px;
	text-align:center; 
}
.abouttitle{
	width:200px;
	color:#111; 
	line-height:180%; 
	font-size:1.4em;
	font-weight:700;
	position:relative;
	margin:0 auto; 
	text-align:center;
	border:1px solid #666;
}
.aboutdesc{
	width:100%;
	word-wrap:break-word; 
	word-break:break-all;
	font-size:1.2em; 
	line-height:180%; 
	text-indent:7px; 
	padding:5px 0px 0 0;
	color:#000;
	margin:10px 3px; 
	font-weight:350;
	text-align:left;
}
.aboutdesctitle{
	color:#990000; 
	line-height:180%; 
	font-size:1.2em;
}

.aboutimg{
	width:140px;
	height:200px;
	margin:3px;
	float:left;
}

.aboutimg img{
	max-width: 120px; 
    	width: 120px;
    	width:expression(this.width > 120 ? "120px" : this.width);
	margin:5px;
	border:1px solid #ccc;
} 




}




/* 最新消息內容 */

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


.newsctitlediv{
	width:98%;
	height:auto;
	margin:0; 
	padding:0 0 0 2%; 
	text-align:left;
	color:#333;
	line-height:40px;
	font-size:20px;
	font-weight:700;
	letter-spacing:1px;
	border-left:2px solid #ccc;
	
}

.newscdatediv{
	width:100%;
	height:auto;
	text-align:left;	
}

.newscdate1{
	width:100%;
	height:auto;
	text-align:right;
	float:left;
}

.newscdate2{
	width:98%;
	height:auto;
	padding:0 0 0 2%; 
	text-align:left;
	float:left;
	color:#595959;
	line-height:24px;
	font-size:14px;
	font-weight:300;
	letter-spacing:1px;
}

.newscdescdiv{
	width:90%;
	height:auto;
	text-align:left;
	padding:20px 5% 45px 5%;
	line-height:180%!important;
	font-size:16px;
	font-weight:300;
	letter-spacing:1px;
	color:#111;
}

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



}

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

.newsctitlediv{
	width:98%;
	height:auto;
	margin:0; 
	padding:0 0 0 2%; 
	text-align:left;
	color:#333;
	line-height:40px;
	font-size:20px;
	font-weight:700;
	letter-spacing:1px;
	border-left:2px solid #ccc;
	
}

.newscdatediv{
	width:100%;
	height:auto;
	text-align:left;	
}

.newscdate1{
	width:70%;
	height:auto;
	text-align:right;
	float:left;
}

.newscdate2{
	width:30%;
	height:auto;
	padding:10px 0 0 0; 
	text-align:right;
	float:left;
	color:#595959;
	line-height:24px;
	font-size:14px;
	font-weight:300;
	letter-spacing:1px;
}

.newscdescdiv{
	width:100%;
	height:auto;
	text-align:left;
	padding:20px 0 45px 0;
	line-height:180%!important;
	font-size:16px;
	font-weight:300;
	letter-spacing:1px;
	color:#111;
}


.newscdescdiv img{
	margin:0 0 10px 0!important;
	padding:10px 0!important;

}

}







/* 聯絡諮詢 */


/* contact */

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

.contactleft{
	width:95%;
	height:auto;
	margin:0 5px;
}

.contactright{
	width:95%;
	height:auto;
	margin:0 5px;
}

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

.contactline{
	width:100%;
	text-align:center;
	font-family: Arial, sans-serif;
	font-size:  13px;
	letter-spacing:1px;
	color:#333;
	margin:25px 0 0 0;
}


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

.contactleft{
	width:70%;
	height:auto;
	float:left;
	margin:20px 0 0 0;
}

.contactright{
	width:30%;
	height:auto;
	float:left;
	margin:20px 0 0 0;
}

.iframe1{
	width:95%; 
	height:400px;
	padding:0; 
	margin:10px;
}

.contactline{
	width:100%;
	text-align:center;
	font-family: Arial, sans-serif;
	font-size:  13px;
	letter-spacing:1px;
	color:#333;
}



}




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


.mformdiv {
	width: 92%;
	height:auto;
	margin:0 2%;
	padding: 2%;
	border:1px solid #fff; 
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: rgba(220,220,220,0.3);
}

.mformtitle {
	width:100%;
	text-align:left;
	margin: 0;
	padding:2px 0;
	font-size:  16px;
	letter-spacing:1px;
	color:#510081;
	font-weight:700;	
}
.mformtxt {
	width:100%;
	margin:0;
	letter-spacing:1px;
	font-family: Arial, sans-serif;
	font-size:  16px;
	text-align:left;
	
}

.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: 100%;
	height:auto;
	margin:0;
	padding: 0;
}

.mformtitle {
	width: 30%;
	float: left;
	text-align:right;
	padding:5px 0;
	font-size:  16px;
	letter-spacing:1px;
	color:#510081;
	line-height:22px;
	margin:5px 0;
	font-weight:700;
}


.mformtxt {
	width: 70%;
	float: left;
	letter-spacing:1px;
	line-height:150%;
	font-family: Arial, sans-serif;
	font-size:  15px;
	text-align:left;
	margin:5px 0;
	
}

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

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

}


.mformview2{
	background: #ccc;
	width:100%;
	height:40px;		
}


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


.txtinput1b {
color: #333;
padding: 5px 0;
background: #fff;
width: 100%;
border:0px 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: #fff;
width: 100%;
border:0px 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: #fff;
width: 100%;
border:0px 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: #fff;
width: 100%;
border:0px 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: #fff;
width: 55%;
border:0px 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: #fff;
width:35%;
border:0px 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;
}



}



@media only screen and (max-width:768px){
.txtinput {
color: #b0b0b0;
padding: 8px 13px;
background: #fff;
width: 95%;
border: none;
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;
}


.txtinput1 {
color: #333;
padding: 5px 0;
background: #fff;
width: 100%;
border: none;
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;
}

.txtinput2 {
color: #333;
padding: 5px 0;
background: #fff;
width: 100%;
border: none;
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;
}

.txtinput3 {
color: #333;
padding: 5px 0;
background: #fff;
width: 100%;
border: none;
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;
}

.txtinput0 {
color: #333;
padding: 5px 3px;
margin:0 3px 5px 0;
background: #fff;
border: none;
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;
}

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


.txtinput {
color: #b0b0b0;
padding: 8px 13px;
background: #fff;
width: 95%;
border: none;
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;
}


.txtinput1 {
color: #333;
padding: 5px 8px;
background: #fff;
width: 100%;
border: none;
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;
}

.txtinput2 {
color: #333;
padding: 5px 8px;
background: #fff;
width: 55%;
border: none;
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;
}

.txtinput3 {
color: #333;
padding: 5px 8px;
background: #fff;
width:35%;
border: none;
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;
}

.txtinput0 {
color: #333;
padding: 5px 3px;
margin:0 3px 0 0;
background: #fff;
border: none;
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;
}

}



.ntxtinput {
color: #333;
padding: 5px 8px;
background: #fff;
border: none;
height: 36px;
font: 13px/18px Arial, Helvetica, sans-serif;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}


.ntxtinput2 {
color: #b0b0b0;
padding: 8px 13px;
background: #fff;
width: 55%;
border: none;
height: 36px;
font: 13px/18px Arial, Helvetica, sans-serif;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.ntxtinput3 {
color: #b0b0b0;
padding: 8px 13px;
background: #fff;
width: 25%;
border: none;
height: 36px;
font: 13px/18px Arial, Helvetica, sans-serif;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}


.txttextarea {
color: #b0b0b0;
border: none;
padding: 8px 13px;
width: 95%;
height: 230px;
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;
}


.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;
}


.ntxtinput9 {
color: #595959;
padding: 8px 13px;
margin:0 3px 5px 0;
background: #fff;
width: auto;
border: none;
height: 36px;
font: 13px/18px Arial, Helvetica, sans-serif;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}




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


.contactformtitle {
	width: 95%;
	margin: 0 2.5%;
	text-align:left;
	padding:10px 5px;
	font-size:  16px;
	letter-spacing:1px;
	color:#512F09;
	font-weight:700;
}
.contactformtxt {
	width: 95%;
	margin: 0 2.5%;
	text-align:left;
	font-size:  16px;
	line-height:32px;
	letter-spacing:0px;
	color:#111;	
	font-weight:700;
}



.inputddl {
color: #595959;
margin:2px 2px 2px 0;
padding: 8px 13px;
background: #fff;
width: auto;
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;
}

.txtinput {
color: #595959;
margin: 2px 0;
padding: 8px 13px;
background: #fff;
width: 95%;
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;
}

.txtinput2 {
color: #595959;
margin: 2px 0;
padding: 8px 13px;
background: #fff;
width: 60%;
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;
}

.txtinput3 {
color: #595959;
margin: 2px 0;
padding: 8px 13px;
background: #fff;
width: 60%;
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;
}

.ntxtinput {
color: #333;
margin: 2px 0;
padding: 8px 13px;
background: #fff;
width: 95%;
border: none;
height: 36px;
font: 13px/18px Arial, Helvetica, sans-serif;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.ntxtinput2 {
color: #333;
margin: 2px 0;
padding: 8px 13px;
background: #fff;
width: 55%;
border: none;
height: 36px;
font: 13px/18px Arial, Helvetica, sans-serif;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.ntxtinput3 {
color: #333;
margin: 2px 0;
padding: 8px 13px;
background: #fff;
width: 25%;
border: none;
height: 36px;
font: 13px/18px Arial, Helvetica, sans-serif;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}



}

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


.contactformtitle {
	width: 18%;
	float: left;
	text-align:right;
	padding:10px 5px;
	font-size:  16px;
	letter-spacing:1px;
	color:#512F09;
	font-weight:700;
}
.contactformtxt {
	width: 80%;
	float: left;
	margin:5px 0;
	text-align:left;
	font-size:  16px;
	line-height:32px;
	letter-spacing:1px;
	color:#111;	
	font-weight:700;
}



.inputddl {
color: #595959;
margin:0 2px 0 0;
padding: 8px 13px;
background: #fff;
width: auto;
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;
}

.txtinput {
color: #595959;
padding: 8px 13px;
background: #fff;
width: 95%;
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;
}

.txtinput2 {
color: #595959;
padding: 8px 13px;
background: #fff;
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;
}

.txtinput3 {
color: #595959;
padding: 8px 13px;
background: #fff;
width: 25%;
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;
}

.ntxtinput {
color: #333;
padding: 8px 13px;
background: #fff;
width: 95%;
border: none;
height: 36px;
font: 13px/18px Arial, Helvetica, sans-serif;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.ntxtinput2 {
color: #333;
padding: 8px 13px;
background: #fff;
width: 55%;
border: none;
height: 36px;
font: 13px/18px Arial, Helvetica, sans-serif;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.ntxtinput3 {
color: #333;
margin: 2px 0;
padding: 8px 13px;
background: #fff;
width: 25%;
border: none;
height: 36px;
font: 13px/18px Arial, Helvetica, sans-serif;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}



}



.radiocss label
{
 margin-right: 8px;
 padding-left: 4px;
}

.contacttitle{width: 100%; line-height:180%; margin:5px 0 0 0; text-align:center; color:#B76D00;  font-size:1.1em;position:relative;font-weight:300;}
.contacttitle span{color:#B76D00;  font-size:1.1em;font-weight:700;}
.contactaddr{text-align:left;color:#333333;width:100%;word-wrap:break-word; word-break:break-all;font-size:1.2em; line-height:180%;}

#contactform {
position: relative;
background-color:#eeeeee; 
width: 100%;
}




.txttextarea {
color: #b0b0b0;
border: none;
padding: 8px 13px;
width: 95%;
height: 230px;
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;
}

.contactformbutton {
width: 100%;
height: 50px;
margin:10px 0;
}


/* 中間區塊 */

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

.contentdiv{
	width: 100%;
	height: auto;
	margin:0;
	padding:0;
	background-color:#fff;

}



}

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

.contentdiv{
	width: 100%;
	height: auto;
	margin:0;
	padding:0;
	min-height:600px;
	background-color:#fff;
}



}





/* page區 */

#pager{
		padding: 3px;
		margin: 3px;
		text-align:center;
		font-family:Tahoma,Helvetica,sans-serif;
		font-size:1.1em;
}
#pager a{		
	border: 1px solid #aeaeae;
	margin-right:3px;
	padding:2px 8px;
	background-position:bottom;
	text-decoration: none;
	color: #616161;	}
#pager a:hover, #pager a:active {
	border: 1px solid #666;
	background-image:none;
	background-color:#666;
	color: #fff;
}




/* footer區 */
/*  */

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

#foot{
	width: 100%;
	position:relative;
	text-align: center;
	margin:0;
	padding:25px 0;
	height:auto;
	background:#C4C4E8; 
}


}

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

#foot{
	width: 100%;
	position:relative;
	text-align: center;
	margin:0;
	padding:45px 0;
	height:auto;
	background:#C4C4E8; 

}



}

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

#foot{
	width: 100%;
	position:relative;
	text-align: center;
	margin:0;
	padding:60px 0;
	height:auto;
	background:#C4C4E8; 


}


}







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

.footeritem{
	width: 90%;
	height:auto;
	margin:10px 0; 
	padding:0 5%; 
	text-align: center; 
}

.footeritem a img{
	width:50%;
	height:auto;
	margin:0;
	padding:4px 25%; 
	text-align: center; 
}

.footeritem2{
	width: 90%;
	height:auto;
	margin:10px 0; 
	padding:0 5%; 
	color:#510081;
	font-size:18px;
	line-height:28px;
	font-weight:300;
	text-align: left; 
	letter-spacing:0px;
	font-family: "Arial", "DFKai-sb", sans-serif;
}

.footeritem2 a{
	display:block;
	float:left;
	color:#510081;
}

.footeritem2 span{
	display:block;
	width:100%;
	color:#510081;
	font-size:22px;
	line-height:28px;
	font-weight:700; 
	letter-spacing:1px;
	padding:0 0 20px 0; 
	text-align:center; 	
}
.footeritem2 img{
	display:block;
	float:left;
	width:30px;
	height:auto;
	margin:0;
	padding:0; 	
}

.footeritem3{
	width: 100%;
	height:auto;
	text-align: center; 
	margin:10px 0 10px 0; 
	padding:0; 
	color:#510081;
	font-size:14px;
	font-weight:300;
	text-align: center; 
	letter-spacing:1px;
	font-family: 'Noto Sans', sans-serif;
}

.footeritem3 a{color:#510081;}
.footeritem3 a:hover{color:#f00000;}




}

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


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

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

.footeritem2{
	width:27%;
	height:auto;
	margin:10px 0; 
	padding:0 0 0 5%; 
	color:#510081;
	font-size:18px;
	line-height:25px;
	font-weight:300;
	text-align: left; 
	letter-spacing:0px;
	float:left;
	font-family: "Arial", "DFKai-sb", sans-serif;
}

.footeritem2 a{
	display:block;
	float:left;
	color:#510081;
}

.footeritem2 span{
	display:block;
	color:#510081;
	font-size:20px;
	line-height:28px;
	font-weight:700; 
	letter-spacing:0px;
	padding:0 0 20px 0; 
}
.footeritem2 img{
	display:block;
	float:left;
	width:25px;
	height:auto;
	margin:0 5px 8px 0;
	padding:0; 	
}

.footeritem3{
	width: 43%;
	height:auto;
	text-align: center; 
	margin:0 3% 10px 0; 
	padding:0; 
	color:#510081;
	font-size:14px;
	font-weight:300;
	letter-spacing:1px;
	float:left;
}

.footeritem3 a{color:#510081;}
.footeritem3 a:hover{color:#f00000;}


}




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


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

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

.footeritem2{
	width:27%;
	height:auto;
	margin:10px 0; 
	padding:0 0 0 6%; 
	color:#510081;
	font-size:20px;
	line-height:28px;
	font-weight:300;
	text-align: left; 
	letter-spacing:1px;
	float:left;
	font-family: "Arial", "DFKai-sb", sans-serif;
}

.footeritem2 a{
	display:block;
	float:left;
	color:#510081;
}

.footeritem2 span{
	display:block;
	color:#510081;
	font-size:22px;
	line-height:28px;
	font-weight:700; 
	letter-spacing:1px;
	padding:0 0 20px 0; 
}
.footeritem2 img{
	display:block;
	float:left;
	width:28px;
	height:auto;
	margin:0 5px 8px 0;
	padding:0; 	
}

.footeritem3{
	width: 40%;
	height:auto;
	text-align: center; 
	margin:0 2% 10px 0; 
	padding:0; 
	color:#510081;
	font-size:14px;
	font-weight:300;
	letter-spacing:1px;
	float:left;
}

.footeritem3 a{color:#510081;}
.footeritem3 a:hover{color:#f00000;}





}



.footeritem2 a:hover{color:#FF0000;}






.gvStyle{
	width:100%;
	margin:0; 
	text-align:left; 
}
        /*Header*/
.gvStyle th{
	border-bottom: 1px solid #ccc;
	font-size: 18px;
	font-weight: normal;
	height: 40px;
	color: #666666;
	background: #efefef;
}
.gvStyle th:hover
        {

 }
.gvStyle tr{
	border-bottom: 1px solid #ccc;
	height: 32px;
	font-size: 16px;
	padding: 3px;
}
        /*OnMouseOver*/
.gvStyle tr:hover{
	height: 32px;
	background: #efefef;
}	
        /*Rows*/
.gvStyle td{
	font-size: 16px;
        padding: 8px 0;   
	word-wrap:break-word; word-break:break-all;
}
        /*Change Rows*/
.gvStyle .alt{
            
}
        /*Page*/
.gvStyle .pgr table{
            
}
.gvStyle .pgr td{ 
	padding:0px 5px 0px 5px; 
} 
.gvStyle .pgr a{ 
        text-decoration:underline; 
} 
.gvStyle .pgr a:hover
        {

}




/*  */

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

.indexpdlistdiv{
	width:100%;
	height:auto;
	padding:30px 0; 
	margin:20px 0 30px 0;
	background-color:#FE7974;
}

.indexnewslistdiv{
	width:95%;
	height:auto;
	padding:30px 0 60px 0; 
	margin:20px 2.5% 0 2.5%;
}

.mainbannerdiv{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	z-index:99;	
}

.mainbannerdiv img{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	border:0;
	z-index:99;	
}

.bnimg{
	margin:0;
	border:0;
	width:100%;
	text-align: center;
}

}

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


.indexpdlistdiv{
	width:1100px;
	height:auto;
	padding:60px 0; 
	margin:20px 0 30px 0;
	background-color:#FE7974;
}

.indexnewslistdiv{
	width:1100px;
	height:auto;
	padding:60px 0 80px 0; 
	margin:20px 0 0 0;	
}

.mainbannerdiv{
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
	text-align: center;
	z-index:99;	
}

.mainbannerdiv img{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	border:0;
	z-index:99;	
}

.bnimg{
	margin:0;
	border:0;
	width:1100px;
	text-align: center;
}

.bnimg img{
	margin:0;
	border:0;
	width:1100px;
}

.pddescimg{
	width:95% !important;
	height:auto !important;
	margin:0 2.5% !important;
	padding:0 !important;
	text-align: center !important;	
}

.pddescimg img{
	width:100% !important;
	height:auto !important;
	margin:0 !important;
	padding:0 !important;
	border:0 !important;	
}

}

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


.indexpdlistdiv{
	width:100%;
	height:auto;
	padding:60px 0; 
	margin:20px 0 30px 0;
	background-color:#FE7974;
}

.indexnewslistdiv{
	width:100%;
	height:auto;
	padding:60px 0 80px 0; 
	margin:20px 0 0 0;	
}

.mainbannerdiv{
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
	text-align: center;
	z-index:99;	
}

.mainbannerdiv img{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	border:0;
	z-index:99;	
}

.bnimg{
	margin:0;
	border:0;
	width:1200px;
	text-align: center;
}

.bnimg img{
	margin:0;
	border:0;
	width:1100px;
}

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

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



}






/*  */




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

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



.mv {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0;
  height: 0;
  overflow: hidden;
}

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





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

.idxpddivall{
	width:90%;
	height:auto;
	margin:0; 
	padding:10px 0 10px 10%;
	font-size: 16px;
	font-weight:300;
	line-height: 50px;
	color:#111;
	letter-spacing:1px;
	text-align:left;
}

.idxpddivall span{
	padding:0 10px 0 0;
	font-size: 18px;
	font-weight:300;
	color:#0092C3;
	font-family: 'Abril Fatface', cursive;	
}


}

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

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

.idxpddivall span{
	padding:0 20px 0 0;
	font-size: 31px;
	font-weight:300;
	line-height: 50px;
	color:#0092C3;
	font-family: 'Abril Fatface', cursive;	
}



}

/*  */

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

.nwtitlediv{
	width:90%;
	height:auto;
	margin:20px 0; 
	padding:10px 5%;
	background-color:#C4C4E8;
	font-size: 1.6em;
	font-weight:700;
	color:#fff;
	letter-spacing:1px;
	text-align:left;
	font-style:italic;
}


.left2mdiv{
	width:46%;
	height:auto;
	margin:30px 2%; 
	padding:0;
	float:left;
	text-align:center;	
}

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

.left2mdiv a{
	font-size: 1.5em;
	font-weight:700;
	color:#510081;
	letter-spacing:1px;
	text-align:left;	
}

.left2mdiv a:hover{color:#f00000;}

.left2mdiv a span{
	display:block;
	width:100%;
	text-align:center;
	padding:20px 0;
	font-size: 1.5em;
	font-weight:300;
	letter-spacing:0px;
}

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

}

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


.nwtitlediv{
	width:90%;
	height:auto;
	margin:20px 0; 
	padding:10px 5%;
	background-color:#C4C4E8;
	font-size: 2.5em;
	font-weight:700;
	color:#fff;
	letter-spacing:1px;
	text-align:left;
	font-style:italic;
}

.left2mdiv{
	width:40%;
	height:auto;
	margin:30px 5%; 
	padding:0;
	float:left;
	text-align:center;	
}

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

.left2mdiv a{
	font-size: 1.5em;
	font-weight:700;
	color:#510081;
	letter-spacing:1px;
	text-align:left;	
}

.left2mdiv a:hover{color:#f00000;}

.left2mdiv a span{
	display:block;
	width:100%;
	text-align:center;
	padding:20px 0;
	font-size: 1.8em;
	font-weight:300;
	letter-spacing:1px;
}

.idx3flexdiv{
	width:92%;
	height:auto;
	margin:0 4%; 
	padding:0;
	border:0;
}

}

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

.nwtitlediv{
	width:90%;
	height:auto;
	margin:20px 0; 
	padding:10px 5%;
	background-color:#C4C4E8;
	font-size: 2.5em;
	font-weight:700;
	color:#fff;
	letter-spacing:1px;
	text-align:left;
	font-style:italic;
}

.left2mdiv{
	width:36%;
	height:auto;
	margin:40px 7%; 
	padding:0;
	float:left;
	text-align:center;	
}

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

.left2mdiv a{
	font-size: 1.5em;
	font-weight:700;
	color:#510081;
	letter-spacing:1px;
	text-align:left;	
}

.left2mdiv a:hover{color:#f00000;}

.left2mdiv a span{
	display:block;
	width:100%;
	text-align:center;
	padding:30px 0;
	font-size: 1.8em;
	font-weight:300;
	letter-spacing:1px;
}

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



}



/*  */

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


}

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



}

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



}