@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanstc.css); 

@media only screen and (max-width:768px){
body{
	position:relative;
	width:100%;
	height:auto;
	margin: 0; 
	font-size:14px;
	overflow-x:hidden;
}

}


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

body{
	position:relative;
	width:100%;
	height:auto;
	margin: 0; 
	font-size:16px;

}

}



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

body{
	position:relative;
	width:100%;
	height:auto;
	margin: 0; 
	font-size:16px;


}

}

body{
	
	font-family: "Helvetica", "Arial","LiHei Pro","STHeiti","Microsoft YaHei","Microsoft JhengHei", sans-serif;
	/*font-family: "Helvetica", "Arial","LiHei Pro","STHeiti","Microsoft JhengHei", sans-serif;*/
}


@media only screen and (max-width:768px){
.gotoTop{
	position:fixed; 
	right:1%; 
	z-index:99999; 
	bottom:115px; 
}

.gotoTop a{
	display:block;
	width:50px;
	height:50px;
	margin: 0px;
	padding:0;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-family: 'Saira Extra Condensed', sans-serif;
	font-size: 24px;
	line-height:50px;
	font-weight:300;
	-webkit-border-radius: 25px; 
	-moz-border-radius: 25px;
	border-radius: 25px;
	-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);
	color: #fff!important;
	border: solid 1px #1E5BB6;
	background: #6A8ED4;
	background: -webkit-gradient(linear, left top, left bottom, from(#1E5BB6), to(#6A8ED4));
	background: -moz-linear-gradient(top,  #1E5BB6,  #6A8ED4);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#1E5BB6', endColorstr='#6A8ED4');	
}

.gotoTop a:hover{background: #1E5BB6;}

.gotojoin{
	position:fixed; 
	right:1%; 
	z-index:99999; 
	bottom:55px; 
}

.gotojoin a{
	display:block;
	width:50px;
	height:50px;
	margin: 0px;
	padding:4px 0 0 0;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size: 18px;
	line-height:23px;
	font-weight:300;
	-webkit-border-radius: 25px; 
	-moz-border-radius: 25px;
	border-radius: 25px;
	-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);
	color: #fff!important;
	border: solid 1px #1E5BB6;
	background: #6A8ED4;
	background: -webkit-gradient(linear, left top, left bottom, from(#1E5BB6), to(#6A8ED4));
	background: -moz-linear-gradient(top,  #1E5BB6,  #6A8ED4);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#1E5BB6', endColorstr='#6A8ED4');	
}

.gotojoin a:hover{background: #1E5BB6;}

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

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

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

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

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

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

}

@media only screen and (min-width:768px){
.gotoTop{
	position:fixed; 
	right:1%; 
	z-index:99999; 
	bottom:115px; 
}

.gotoTop a{
	display:block;
	width:50px;
	height:50px;
	margin: 0px;
	padding:0;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-family: 'Saira Extra Condensed', sans-serif;
	font-size: 24px;
	line-height:50px;
	font-weight:300;
	-webkit-border-radius: 25px; 
	-moz-border-radius: 25px;
	border-radius: 25px;
	-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);
	color: #fff!important;
	border: solid 1px #1E5BB6;
	background: #6A8ED4;
	background: -webkit-gradient(linear, left top, left bottom, from(#1E5BB6), to(#6A8ED4));
	background: -moz-linear-gradient(top,  #1E5BB6,  #6A8ED4);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#1E5BB6', endColorstr='#6A8ED4');	
}

.gotoTop a:hover{background: #1E5BB6;}

.gotojoin{
	position:fixed; 
	right:1%; 
	z-index:99999; 
	bottom:55px; 
}

.gotojoin a{
	display:block;
	width:50px;
	height:50px;
	margin: 0px;
	padding:4px 0 0 0;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size: 18px;
	line-height:23px;
	font-weight:300;
	-webkit-border-radius: 25px; 
	-moz-border-radius: 25px;
	border-radius: 25px;
	-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);
	color: #fff!important;
	border: solid 1px #1E5BB6;
	background: #6A8ED4;
	background: -webkit-gradient(linear, left top, left bottom, from(#1E5BB6), to(#6A8ED4));
	background: -moz-linear-gradient(top,  #1E5BB6,  #6A8ED4);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#1E5BB6', endColorstr='#6A8ED4');	
}

.gotojoin a:hover{background: #1E5BB6;}


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

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

.fullimg70{
	width:70%;
	height:auto;
	padding:0 20%;
	margin:0;
}

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

.fullimg80{
	width:80%;
	height:auto;
	padding:0 20%;
	margin:0;
}

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


}

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



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

#gotop{cursor:pointer;}
.gotodiv{
	width:100%;
	height:auto;
	padding:30px 0 20px 0;
	margin:0;
	text-align: center;
}

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

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


.fullimg2{
	position:absolute;
	width:100%;
	height:auto;
	padding:0;
	margin:0;
}

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



.bg1 {
	position:relative;
	width:100%;
	height:auto;
	padding:0 0 10px 0;
	margin:0;	
	background: #fff6c5;
}

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

.bg2 {
	position:relative;
	width:100%;
	height:auto;
	padding:0;
	margin:0;	
	background: #E2EAF2;
}

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


hr.style1_20px {
    border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
    margin:80px 0 20px 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 {
    border: 0;
    height: 1px;
    background: #eee;
    background-image: linear-gradient(to right, #ccc, #eee, #ccc);
}



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

.fixed2 {display: none!important; }

}

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

.fixed2 {position:fixed; }
* html div.fixed2 {position:absolute; right:16px;z-index:99999;} 

}

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


.fixed2 {position:fixed;  }
* html div.fixed2 {position:absolute; right:16px;z-index:99999;} 

}



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


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

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


/*  */

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

.v768u{display:none;}
.v768d{}
.v100px{width:auto;}
.v120px{width:auto;}
.v140px{width:auto;}
.v160px{width:auto;}
.v180px{width:auto;}
.v200px{width:auto;}
.v250px{width:auto;}
.v350px{width:auto;}
.v400px{width:auto;}
.img160px{width:80px;height:auto;}

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

.v768d{display:none;}
.v768u{}
.v100px{width:100px;}
.v120px{width:120px;}
.v140px{width:140px;}
.v160px{width:160px;}
.v180px{width:180px;}
.v200px{width:200px;}
.v250px{width:250px;}
.v350px{width:350px;}
.v400px{width:400px;}


.img160px{width:160px;height:auto;}

}

.linebar{
	width:100%;
	height:auto;
	padding:15px 0;
	margin:0;
	text-align: center;
	border-bottom:1px solid #eeb674;	
}


/*  */

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



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



}



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

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


}





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

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


}


/* 中間區塊 */

/*  */

@media only screen and (max-width:768px){
.inner{
	position:relative;
	width:100%;
	padding:0;
	margin:0;
	text-align: center;
}

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

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

}

@media (min-width: 768px) and (max-width:1400px) {
.inner{
	position:relative;
	width:96%;
	height:auto;
	padding:0 2%;
	margin:0;
	text-align: center;
}

.inner1400{
	position:relative;
	width:98%;
	height:auto;
	padding:1% 0;
	margin:0;
}

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

}


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

.inner{
	position:relative;
	width:1400px;
	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;
}

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

}

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

/* 漸層文字 */

.fontcolor1{
    background: -webkit-gradient(linear,left top,right top,from(#0C5402),to(#5BA242));
    background: linear-gradient(to right,#0C5402,#5BA242);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    text-shadow: none;
}

.faddblack{
	text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,2px 2px 2px black;
}

.faddwhite{
	text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff,2px 2px 2px white;
}

.titlefont{
	padding:20px 0 0 0;
	color:#002A69!important;
	font-size: 1.5em;
	font-weight:700;
	line-height: 25px;
	letter-spacing:1px;
}

.titlefont2{
	padding:10px 0 0 0;
	color:#b8b8b8!important;
	font-size: 1.7em!important;
	font-weight:700;
	line-height: 25px;
	letter-spacing:1px;
}


/*  */

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

.maintitle{
	font-size:1.7em;
	font-weight:700;
	line-height: 28px;
	letter-spacing:1px;
	font-family: cwTeXYen;
	color:#0E5200;
	text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff,2px 2px 2px white;
}

.maintitle2{
	font-size:1.7em;
	font-weight:700;
	line-height: 28px;
	letter-spacing:1px;
	font-family: cwTeXYen;
	color:#0E5200;
	text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff,2px 2px 2px white;
}



}

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


.maintitle{
	font-size:2.5em;
	font-weight:700;
	line-height: 2.8em;
	letter-spacing:1px;
	font-family: cwTeXYen;
	color:#0E5200;
	text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff,2px 2px 2px white;
}


.maintitle2{
	font-size:2.5em;
	font-weight:700;
	line-height: 2.8em;
	letter-spacing:1px;
	font-family: cwTeXYen;
	color:#0E5200;
	text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff,2px 2px 2px white;
}





}




/* 表格 */


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


.gvStyle{
	width:100%;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
}
        /*Header*/
.gvStyle th{
	background-color: #E1E1E1;
	border-left-width: 1; 
	border-right: 1px solid #d1d1d1;
	border-top-width: 1;
	border-bottom: 1px solid #d1d1d1;
	font-size: 1em;
	font-weight: 700;
	height: 32px;
	color: #333;
	padding:5px 0; 
	text-align: center;
	text-shadow:-1px -1px 0 #ccc,1px -1px 0 #ccc,-1px 1px 0 #ccc,1px 1px 0 #ccc,2px 2px 2px #ccc;
}
.gvStyle th:hover
        {

 }
.gvStyle tr{
	background-color: #ffffff;
	border-bottom: 1px solid #E1E1E1;
	padding: 5px 0;
}
        /*OnMouseOver*/
.gvStyle tr:hover{

}
        /*Rows*/
.gvStyle td{
        padding: 1px;   
	word-wrap:break-word; word-break:break-all;
	font-size: 1em;
	border-bottom: 1px solid #d1d1d1;
	border-right: 1px solid #d1d1d1;
	min-width:10px;
	font-family: 'Pathway Gothic One', sans-serif;
	padding:8px 0; 
	color:#111;
}

.gvStyle td a{color:#111;}
.gvStyle td a:hover{color:#ED5F36;}

        /*Change Rows*/
.gvStyle .alt{
            
}
        /*Page*/
.gvStyle .pgr table{
  	width:100%;
        text-align: center; 
	padding:5px 0;    
	border: 0px;      
}
.gvStyle .pgr td{ 
	padding:0px 5px; 
	font-size: 1em;
	color:#386900;
	border: 0px;	
} 
.gvStyle .pgr a{ 
        text-decoration:underline; 
	color:#386900;
} 
.gvStyle .pgr a:hover
        {
	color:#ED5F36;

}


.gvStyle2{
	width:100%;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
}
        /*Header*/
.gvStyle2 th{
	background-color: #EFEBE6;
	border-left-width: 1; 
	border-right-width: 1;
	border-top-width: 1;
	border-bottom: 1px solid #d1d1d1;
	font-size: 1em;
	font-weight: 700;
	height: 32px;
	color: #978775;
	padding:5px 0; 
	text-align: center;
	text-shadow:-1px -1px 0 #eee,1px -1px 0 #eee,-1px 1px 0 #eee,1px 1px 0 #eee,2px 2px 2px #eee;
}
.gvStyle2 th:hover
        {

 }
.gvStyle2 tr{
	background-color: #ffffff;
	border-bottom: 1px solid #E1E1E1;
	padding: 5px 0;
}
        /*OnMouseOver*/
.gvStyle2 tr:hover{
	background-color: #EAF3F2;
}
        /*Rows*/
.gvStyle2 td{
        padding: 1px;   
	word-wrap:break-word; word-break:break-all;
	font-size: 1em;
	border-bottom: 1px solid #d1d1d1;
	min-width:10px;
	font-family: 'Pathway Gothic One', sans-serif;
	padding:8px 3px; 
	color:#111;
	line-height: 130%;
}
.gvStyle2 td span{
	font-size: 0.9em;
	color:#386900;
}
.gvStyle2 td a{color:#111;}
.gvStyle2 td a:hover{color:#ED5F36;}

        /*Change Rows*/
.gvStyle2 .alt{
            
}
        /*Page*/
.gvStyle2 .pgr table{
  	width:100%;
        text-align: center; 
	padding:5px 0;    
	border: 0px;      
}
.gvStyle2 .pgr td{ 
	padding:0px 5px; 
	font-size: 1em;
	color:#386900;
	border: 0px;	
} 
.gvStyle2 .pgr a{ 
        text-decoration:underline; 
	color:#386900;
} 
.gvStyle2 .pgr a:hover
        {
	color:#ED5F36;

}



.gvStyle3{
	width:100%;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
}
        /*Header*/
.gvStyle3 th{
	background-color: #E1E1E1;
	border-left-width: 1; 
	border-right-width: 1;
	border-top-width: 1;
	border-bottom: 1px solid #d1d1d1;
	font-size: 13px;
	font-weight: 700;
	height: auto;
	color: #333;
	padding:3px 0; 
	text-align: center;
	line-height: 16px;
	text-shadow:-1px -1px 0 #ccc,1px -1px 0 #ccc,-1px 1px 0 #ccc,1px 1px 0 #ccc,2px 2px 2px #ccc;
}
.gvStyle3 th:hover
        {

 }
.gvStyle3 tr{
	background-color: #ffffff;
	border-bottom: 1px solid #E1E1E1;
	padding: 3px 0;
}
        /*OnMouseOver*/
.gvStyle3 tr:hover{
	background-color: #9FFFFC;
}
        /*Rows*/
.gvStyle3 td{
        padding: 1px;   
	word-wrap:break-word; word-break:break-all;
	font-size: 14px;
	border-bottom: 1px solid #d1d1d1;
	min-width:30px;
	font-family: 'Pathway Gothic One', sans-serif;
	padding:3px 1px; 
	color:#111;
	line-height: 16px;
	
}
.gvStyle3 td span{
	font-size: 14px;
	color:#386900;
}
.gvStyle3 td a{color:#111;}
.gvStyle3 td a:hover{color:#ED5F36;}

        /*Change Rows*/
.gvStyle3 .alt{
            
}
        /*Page*/
.gvStyle3 .pgr table{
  	width:100%;
        text-align: center; 
	padding:5px 0;    
	border: 0px;      
}
.gvStyle3 .pgr td{ 
	padding:0px 5px; 
	font-size: 0.9em;
	color:#386900;
	border: 0px;	
} 
.gvStyle3 .pgr a{ 
        text-decoration:underline; 
	color:#386900;
} 
.gvStyle3 .pgr a:hover
        {
	color:#ED5F36;

}


}

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


.gvStyle{
	width:100%;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
}
        /*Header*/
.gvStyle th{
	background-color: #E1E1E1;
	border-left-width: 1; 
	border-right: 1px solid #d1d1d1;
	border-top-width: 1;
	border-bottom: 1px solid #d1d1d1;
	font-size: 1.15em;
	font-weight: 700;
	height: 32px;
	color: #333;
	padding:8px 2px; 
	text-align: center;
	text-shadow:-1px -1px 0 #ccc,1px -1px 0 #ccc,-1px 1px 0 #ccc,1px 1px 0 #ccc,2px 2px 2px #ccc;
}
.gvStyle th:hover
        {

 }
.gvStyle tr{
	background-color: #ffffff;
	border-bottom: 1px solid #E1E1E1;
	height: 32px;
	padding: 5px 0;
}
        /*OnMouseOver*/
.gvStyle tr:hover{
	height: 32px;
}
        /*Rows*/
.gvStyle td{
	word-wrap:break-word; word-break:break-all;
	font-size: 1.15em;
	border-bottom: 1px solid #d1d1d1;
	border-right: 1px solid #d1d1d1;
	min-width:30px;
	padding:8px 2px; 
	color:#111;
}

.gvStyle td a{color:#111;}
.gvStyle td a:hover{color:#ED5F36;}


        /*Change Rows*/
.gvStyle .alt{
            
}
        /*Page*/
.gvStyle .pgr table{
 	width:100%;
        text-align: center; 
	padding:5px 0;   
	border: 0px;        
}
.gvStyle .pgr td{ 
	padding:0px 5px; 
	font-size: 1.1em;
	color:#386900;
	border: 0px;
} 
.gvStyle .pgr a{ 
        text-decoration:underline; 
	color:#386900;
} 
.gvStyle .pgr a:hover
        {
	color:#ED5F36;

}




.gvStyle2{
	width:100%;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
}
        /*Header*/
.gvStyle2 th{
	background-color: #EFEBE6;
	border-left-width: 1; 
	border-right-width: 1;
	border-top-width: 1;
	border-bottom: 1px solid #d1d1d1;
	font-size: 1.1em;
	font-weight: 700;
	height: 32px;
	color: #978775;
	padding:8px 2px; 
	text-align: center;
	text-shadow:-1px -1px 0 #eee,1px -1px 0 #eee,-1px 1px 0 #eee,1px 1px 0 #eee,2px 2px 2px #eee;
}
.gvStyle2 th:hover
        {

 }
.gvStyle2 tr{
	background-color: #ffffff;
	border-bottom: 1px solid #E1E1E1;
	height: 32px;
	padding: 5px 0;
}
        /*OnMouseOver*/
.gvStyle2 tr:hover{
	background-color: #EAF3F2;
	height: 32px;
}
        /*Rows*/
.gvStyle2 td{
	word-wrap:break-word; word-break:break-all;
	font-size: 1.15em;
	border-bottom: 1px solid #d1d1d1;
	min-width:30px;
	padding:8px 5px; 
	color:#111;
}
.gvStyle2 td span{
	font-size: 0.9em;
	color:#386900;
}
.gvStyle2 td a{color:#111;}
.gvStyle2 td a:hover{color:#ED5F36;}

        /*Change Rows*/
.gvStyle2 .alt{
            
}
        /*Page*/
.gvStyle2 .pgr table{
	width:100%;
        text-align: center; 
	padding:5px 0;
	border: 0px;
}
.gvStyle2 .pgr td{ 
	padding:0px 5px; 
	font-size: 1.1em;
	color:#386900;
	border: 0px;
} 
.gvStyle2 .pgr a{ 
        text-decoration:underline; 
	color:#386900;
} 
.gvStyle2 .pgr a:hover
        {
	color:#ED5F36;

}




.gvStyle3{
	width:100%;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
}
        /*Header*/
.gvStyle3 th{
	background-color: #E1E1E1;
	border-left-width: 1; 
	border-right-width: 1;
	border-top-width: 1;
	border-bottom: 1px solid #d1d1d1;
	font-size: 14px;
	font-weight: 700;
	height: auto;
	color: #333;
	padding:6px 2px; 
	text-align: center;
	line-height: 16px;
	text-shadow:-1px -1px 0 #ccc,1px -1px 0 #ccc,-1px 1px 0 #ccc,1px 1px 0 #ccc,2px 2px 2px #ccc;
}
.gvStyle3 th:hover
        {

 }
.gvStyle3 tr{
	background-color: #ffffff;
	border-bottom: 1px solid #E1E1E1;
	height: auto;
	padding: 3px 0;
}
        /*OnMouseOver*/
.gvStyle3 tr:hover{
	background-color: #9FFFFC;
}
        /*Rows*/
.gvStyle3 td{
	word-wrap:break-word; word-break:break-all;
	font-size: 16px;
	border-bottom: 1px solid #d1d1d1;
	min-width:40px;
	line-height: 18px;
	padding:3px 2px; 
	color:#111;
}
.gvStyle3 td span{
	font-size: 16px;
	color:#386900;
}
.gvStyle3 td a{color:#111;}
.gvStyle3 td a:hover{color:#ED5F36;}

        /*Change Rows*/
.gvStyle3 .alt{
            
}
        /*Page*/
.gvStyle3 .pgr table{
	width:100%;
        text-align: center; 
	padding:2px 0;
	border: 0px;
}
.gvStyle3 .pgr td{ 
	padding:0px 2px; 
	font-size: 16px;
	color:#386900;
	border: 0px;
} 
.gvStyle3 .pgr a{ 
        text-decoration:underline; 
	color:#386900;
} 
.gvStyle3 .pgr a:hover
        {
	color:#ED5F36;

}




}


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



.gvStyle{
	width:100%;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
}
        /*Header*/
.gvStyle th{
	background-color: #E1E1E1;
	border-left-width: 1; 
	border-right: 1px solid #d1d1d1;
	border-top-width: 1;
	border-bottom: 1px solid #d1d1d1;
	font-size: 16px;
	font-weight: 300;
	color: #290F07;
	padding:3px 2px; 
	text-align: center;
}
.gvStyle th:hover
        {

 }
.gvStyle tr{
	background-color: #ffffff;
	border-bottom: 1px solid #E1E1E1;
	padding: 5px 0;
}
        /*OnMouseOver*/
/*
.gvStyle tr:hover{
	background-color: #9FFFFC;
	height: 32px;
}
*/
        /*Rows*/
.gvStyle td{
	word-wrap:break-word; word-break:break-all;
	font-size: 16px;
	border-bottom: 1px solid #d1d1d1;
	border-right: 1px solid #d1d1d1;
	min-width:30px;
	padding:3px 5px; 
	color:#111;
}


        /*Change Rows*/
.gvStyle .alt{
            
}
        /*Page*/
.gvStyle .pgr table{
	width:100%;
        text-align: center; 
	padding:5px 0;
	border: 0px;
}
.gvStyle .pgr td{ 
	padding:0px 5px; 
	font-size: 1.1em;
	color:#386900;
	border: 0px;
} 
.gvStyle .pgr a{ 
        text-decoration:underline; 
	color:#386900;
} 
.gvStyle .pgr a:hover
        {
	color:#ED5F36;

}



.gvStyle2{
	width:100%;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
}
        /*Header*/
.gvStyle2 th{
	background-color: #EFEBE6;
	border-left-width: 1; 
	border-right-width: 1;
	border-top-width: 1;
	border-bottom: 1px solid #d1d1d1;
	font-size: 1.2em;
	font-weight: 700;
	height: 32px;
	color: #978775;
	padding:8px 2px; 
	text-align: center;
	text-shadow:-1px -1px 0 #eee,1px -1px 0 #eee,-1px 1px 0 #eee,1px 1px 0 #eee,2px 2px 2px #eee;
}
.gvStyle2 th:hover
        {

 }
.gvStyle2 tr{
	background-color: #ffffff;
	border-bottom: 1px solid #E1E1E1;
	height: 32px;
	padding: 5px 0;
}
        /*OnMouseOver*/
.gvStyle2 tr:hover{
	background-color: #EAF3F2;
	height: 32px;
}
        /*Rows*/
.gvStyle2 td{
	word-wrap:break-word; word-break:break-all;
	font-size: 1.2em;
	border-bottom: 1px solid #d1d1d1;
	min-width:30px;
	padding:8px 5px; 
	color:#111;
}
.gvStyle2 td span{
	font-size: 0.9em;
	color:#386900;
}
.gvStyle2 td a{color:#111;}
.gvStyle2 td a:hover{color:#ED5F36;}

        /*Change Rows*/
.gvStyle2 .alt{
            
}
        /*Page*/
.gvStyle2 .pgr table{
	width:100%;
        text-align: center; 
	padding:5px 0;
	border: 0px;
}
.gvStyle2 .pgr td{ 
	padding:0px 5px; 
	font-size: 1.1em;
	color:#386900;
	border: 0px;
} 
.gvStyle2 .pgr a{ 
        text-decoration:underline; 
	color:#386900;
} 
.gvStyle2 .pgr a:hover
        {
	color:#ED5F36;

}



.gvStyle3{
	width:100%;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
}
        /*Header*/
.gvStyle3 th{
	background-color: #E1E1E1;
	border-left-width: 1; 
	border-right-width: 1;
	border-top-width: 1;
	border-bottom: 1px solid #d1d1d1;
	font-size: 16px;
	font-weight: 700;
	height: auto;
	color: #333;
	padding:8px 2px; 
	text-align: center;
	line-height: 18px;
	text-shadow:-1px -1px 0 #ccc,1px -1px 0 #ccc,-1px 1px 0 #ccc,1px 1px 0 #ccc,2px 2px 2px #ccc;
}
.gvStyle3 th:hover
        {

 }
.gvStyle3 tr{
	background-color: #ffffff;
	border-bottom: 1px solid #E1E1E1;
	height: auto;
	padding: 3px 0;
}
        /*OnMouseOver*/
.gvStyle3 tr:hover{
	background-color: #9FFFFC;
}
        /*Rows*/
.gvStyle3 td{
	word-wrap:break-word; word-break:break-all;
	font-size: 18px;
	border-bottom: 1px solid #d1d1d1;
	min-width:80px;
	line-height: 21px;
	padding:5px 2px; 
	color:#111;
}
.gvStyle3 td span{
	font-size: 18px;
	color:#386900;
}
.gvStyle3 td a{color:#111;}
.gvStyle3 td a:hover{color:#ED5F36;}

        /*Change Rows*/
.gvStyle3 .alt{
            
}
        /*Page*/
.gvStyle3 .pgr table{
	width:100%;
        text-align: center; 
	padding:2px 0;
	border: 0px;
}
.gvStyle3 .pgr td{ 
	padding:0px 2px; 
	font-size: 18px;
	color:#386900;
	border: 0px;
} 
.gvStyle3 .pgr a{ 
        text-decoration:underline; 
	color:#386900;
} 
.gvStyle3 .pgr a:hover
        {
	color:#ED5F36;

}



}


.gvStyle_tdspan{
	color:#ED5F36!important;
	font-size: 0.8em!important;
	font-weight:700!important;
}


/*  */

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

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



}


/*  按鈕 */

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

.button {
	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: 1em/100% Arial, Helvetica, sans-serif;
	padding: 6px 2px;
	-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!important;
	border: solid 1px #333;
	background: #595959;
	background: -webkit-gradient(linear, left top, left bottom, from(#595959), to(#333333));
	background: -moz-linear-gradient(top,  #595959,  #333333);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#595959', endColorstr='#333333');
	
}


.button2 {
	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-size: 14px;
	padding: 6px 2px;
	line-height:22px;
	-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!important;
	text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,2px 2px 2px black;
	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');
	
}

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

.button {
	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: 1em/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!important;
	border: solid 1px #333;
	background: #595959;
	background: -webkit-gradient(linear, left top, left bottom, from(#595959), to(#333333));
	background: -moz-linear-gradient(top,  #595959,  #333333);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#595959', endColorstr='#333333');
	
}


.button2 {
	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-size: 16px;
	padding: 6px 6px;
	-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);
	line-height:22px;
	font-weight:700;
	color: #fff!important;
	text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,2px 2px 2px black;
	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');
	
}



}


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

.button:focus {
	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');
}


.button2: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');
}
.button2: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');
}
.button2:focus {
	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 {
	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-size: 1em;
	padding: 2px 4px;
	-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');
}
.button3:focus {
	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');
}

.icon1{
	display: block;
	background: url(../images/icon.png) no-repeat;
	margin: 5px 0 0 0;
	width: 22px;
	height: 22px;
	border: none;
	float:left;
}

.dlbutton {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 5px 5px 5px 0;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size: 1.1em;
	padding: 8px 25px;
	font-weight:700;
	color: #4a90e4;
	border: solid 1px #4a90e4;
	background: #fff;

	
}
.dlbutton a{color: #4a90e4;}

.dlbutton:hover {
	background: #4a90e4;
	color: #fff;
	text-decoration:none;
}


.dlbutton2 {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 5px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size: 1.3em;
	padding: 8px 25px;
	font-weight:700;
	color: #4a90e4;
	border: solid 1px #4a90e4;
	background: #fff;

	
}
.dlbutton2 a{color: #4a90e4;}

.dlbutton2:hover {
	background: #4a90e4;
	color: #fff;
	text-decoration:none;
}


.dlbutton3 {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 5px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size: 18px;
	padding: 4px 20px 7px 20px;
	font-weight:700;
	color: #fff;
	border: 0;
	background: #5AA572;
	text-shadow:-1px -1px 0 #004F69,1px -1px 0 #004F69,-1px 1px 0 #004F69,1px 1px 0 #004F69,2px 2px 2px #004F69;
	border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;	
}
.dlbutton3 a{color: #fff;}

.dlbutton3:hover {
	background: #E6572B;
	color: #fff;
	text-shadow:-1px -1px 0 #C33100,1px -1px 0 #C33100,-1px 1px 0 #C33100,1px 1px 0 #C33100,2px 2px 2px #C33100;
	text-decoration:none;
}



.dlbutton3s {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 5px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size: 1.1em;
	padding: 4px 12px;
	font-weight:700;
	color: #fff;
	border: 0;
	background: #4a90e4;
	text-shadow:-1px -1px 0 #004F69,1px -1px 0 #004F69,-1px 1px 0 #004F69,1px 1px 0 #004F69,2px 2px 2px #004F69;
	
}
.dlbutton3s a{color: #fff;}

.dlbutton3s:hover {
	background: #E6572B;
	color: #fff;
	text-shadow:-1px -1px 0 #C33100,1px -1px 0 #C33100,-1px 1px 0 #C33100,1px 1px 0 #C33100,2px 2px 2px #C33100;
	text-decoration:none;
}


.dlbutton_bk {
	display: inline-block;
	max-width:90%;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 5px 5px 5px 0;
	outline: none;
	cursor: pointer;
	text-align: left;
	text-decoration: none;
	font-size: 1.1em;
	padding: 8px 25px;
	font-weight:700;
	color: #333;
	border: solid 1px #595959;
	background: #fff;
	word-wrap:break-word; 
	word-break:normal;
	
}
.dlbutton_bk a{color: #333;}
.dlbutton_bk span{color: #333;font-weight:300;font-size: 0.8em;}

.dlbutton_bk:hover {
	background: #666;
	color: #fff;
	text-decoration:none;
}

.dlbutton_bk:hover span{
	color: #fff;
}

.input{border:1px solid #b8b8b8; background: #ffffff; padding: 5px 0;font-size:16px;}





.filebutton2 {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 5px 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size:16px;
	line-height:20px;
	padding: 5px 8px 5px 32px;
	-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: #5F4E3D;
	border: solid 1px #A6916F;
	background-color: #EED69C;
	background-image : url(../images/download-icon.gif); 
	background-repeat : no-repeat;
	background-position:3px 3px; 
	
}

.filebutton2:hover {
	background-color: #A6916F;
	color: #fff;
}


.filebutton2_s {
	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-size:13px!important;
	padding: 2px 3px 2px 20px!important;
	-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 #006060;
	background-color: #00B4B5;
	background-image : url(../images/download-icon16.gif); 
	background-repeat : no-repeat;
	background-position:4px 2px 2px 2px; 
	
}

.filebutton2_s:hover {
	background-color: #006060;
}


.filebutton2_b {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	min-width:26px;
	margin: 2px 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size:8px!important;
	padding: 24px 1px 1px 1px!important;
	-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 #A6916F;
	background-color: #CFC39B;
	background-image : url(../images/download-icon.gif); 
	background-repeat : no-repeat;
	background-position:top center; 
	
}

.filebutton2_b:hover {
	background-color: #A6916F;
}


.filebutton3 {
	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-size:16px;
	padding: 5px 8px 5px 32px;
	-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-color: #666666;
	background-color: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), to(#666666));
	background-color: -moz-linear-gradient(top,  #aaaaaa,  #666666);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#666666');
	background-image : url(../images/icon2_22.png);
	background-repeat : no-repeat;
	background-position:5px 5px; 
	
}

.filebutton3:hover {
	color: #111;
	background-color: #a8a8a8;
	border: solid 1px #898989;
}




.button_ck {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 8px 2px;
	outline: none;
	/*cursor: pointer;*/
	text-align: center;
	text-decoration: none;
	font-size: 22px!important;
	padding: 3px 8px 3px 4px;
	line-height:22px!important;
	-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: #2CA7A8!important;
	border: solid 1px #2CA7A8;

	/*text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,2px 2px 2px black;
	background: #2CA7A8;
	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');*/
	
}





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

.mtitle3 {
	width: 96%;
	margin:8px 2%;
	padding: 2px 0;
	line-height:200%;
	font-size:18px;
	letter-spacing:1px;
	text-align:left;
	color:#007CA5;
	font-weight:700;
	border-bottom: solid 1px #a8a8a8;
}

.mtitle3desc {
	width: 96%;
	margin:8px 2%;
	padding: 2px 0;
	line-height:135%;
	font-size:16px;
	letter-spacing:0px;
	text-align:left;
	color:#111;
	font-weight:700;
}

.mtitle3desc span{
	color:#1373B1;
	font-weight:700;	
}


.mformdiv {
	/*border: solid 1px #ccc;
	background-color:#efefef; */
	width: 100%;
	height:auto;
	margin:0;
	padding: 2px 0;
	/*-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	border-radius: 8px;
	-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);*/
}

.mformtitle {
	width: 90%;
	margin:2px 0;
	padding: 2px 2% 0 8%;
	text-align:left;
	font-size:  16px;
	letter-spacing:0px;
	font-weight:300;
	color:#111;
}
.mformtxt {
	width: 94%;
	margin:2px 0;
	padding: 1px 2% 4px 4%;
	text-align:left;
	letter-spacing:0px;
	line-height:180%;
	font-size: 16px;
	font-weight:300;
	color:#111;
}
.mformtxt span{color:#0080FF;font-weight:700;font-size: 16px;}


.mformline{
	width: 96%;
	height: auto;
	margin:2px 2%;
	padding:0 0 2px 0;
	/*border-bottom: solid 1px #ddd;*/	
	/*background: #fff;*/
	background: rgba(255, 255, 255, 0);
	/*-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	border-radius: 8px;*/
}


.mformtitle2 {
	width: 96%;
	margin:2px 0;
	padding: 2px 2%;
	text-align:left;
	font-size:  1em;
	letter-spacing:0px;
	color:#005A87;
	font-weight:700;
}
.mformtxt2 {
	width: 96%;
	margin:2px 0 5px 0;
	padding: 2px 2% 5px 2%;
	text-align:left;
	letter-spacing:0px;
	line-height:180%;
	font-size: 1em;
	font-weight:300;
	color:#111;
	border: solid 1px #a8a8a8;
}
.mformtxt2 span{color:#0080FF;font-weight:700;font-size: 1.1em;}
.mformtxt2 a{color:#0080FF;text-decoration:underline;}
.mformtxt2 a:hover{color:#E6572B;text-decoration:underline;}


.txtinput {
	color: #333;
	padding: 5px 8px;
	margin:3px 0 0 0;
	background: #fff;
	width: 90%;
	border: solid 1px #a8a8a8;
	height: auto;
	float: left;
	font-size:16px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.txtinput2 {
	color: #333;
	padding: 5px 8px;
	margin:3px 0 0 0;
	background: #fff;
	width: 90%;
	border: solid 1px #a8a8a8;
	height: auto;
	float: left;
	font-size:16px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.txtinput3 {
	color: #333;
	padding: 5px 8px;
	margin:3px 0 0 0;
	background: #fff;
	width: 90%;
	border: solid 1px #a8a8a8;
	height: auto;
	float: left;
	font-size:16px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.txtinput5 {
	color: #333;
	padding: 5px 8px;
	margin:3px 0 0 0;
	background: #fff;
	width: 90%;
	border: solid 1px #a8a8a8;
	height: auto;
	float: left;
	font-size:16px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.mformhr{
	display:block;
	width:96%;
	height:1px;
	margin:2px 2% 0 2%;
	padding: 4px 0 0 0;
	border-bottom: solid 1px #e1e1e1;
}

.t100input{width: 95%;border:1px solid #a8a8a8; background: #ffffff; padding: 8px 0;margin:0 auto;text-align:center;font-size:16px;}



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


.mtitle3 {
	width: 86%;
	margin:8px 7%;
	padding: 2px 0;
	line-height:200%;
	font-size:18px;
	letter-spacing:1px;
	text-align:left;
	color:#007CA5;
	font-weight:700;
	border-bottom: solid 1px #a8a8a8;
}

.mtitle3desc {
	width: 86%;
	margin:8px 7%;
	padding: 2px 0;
	line-height:160%;
	font-size:16px;
	letter-spacing:1px;
	text-align:left;
	color:#111;
	font-weight:700;
}

.mtitle3desc span{
	color:#1373B1;
	font-weight:700;	
}



.mformdiv {
	/*border: solid 1px #ccc;
	background-color:#efefef; */
	width: 100%;
	height:auto;
	margin:0;
	padding: 2px 0;
	/*-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	border-radius: 8px;
	-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);*/
}

.mformtitle {
	width: 18%;
	float: left;
	text-align:right;
	padding:7px 5px;
	font-size:  18px;
	letter-spacing:1px;
	font-weight:300;
	color:#111;
}
.mformtxt {
	width: 80%;
	float: left;
	margin:2px 0;
	letter-spacing:1px;
	line-height:180%;
	font-size:  18px;
	text-align:left;
	font-weight:300;
	color:#111;
}

.mformtxt span{color:#0080FF;font-weight:300;}


.mformline{
	width: 100%;
	height: auto;
	margin:2px 0;
	padding:0;
	/*border-bottom: solid 1px #ddd;*/	
	/*background: #fff;*/
	background: rgba(255, 255, 255, 0);
	/*-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	border-radius: 8px;*/
}



.mformtitle2 {
	width: 18%;
	float: left;
	text-align:right;
	padding:7px 5px;
	font-size:  1.1em;
	letter-spacing:1px;
	color:#005A87;
	font-weight:300;
}
.mformtxt2 {
	width: 80%;
	float: left;
	margin:2px 0;
	letter-spacing:1px;
	line-height:180%;
	font-size:  1.1em;
	text-align:left;
	font-weight:300;
	color:#111;
}

.mformtxt2 span{color:#0080FF;font-weight:300;}
.mformtxt2 a{color:#0080FF;text-decoration:underline;}
.mformtxt2 a:hover{color:#E6572B;text-decoration:underline;}

.txtinput {
	color: #333;
	padding: 5px 8px;
	margin:3px 0 0 0;
	background: #fff;
	width: 50%;
	border: solid 1px #a8a8a8;
	height: auto;
	float: left;
	font-size:16px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.txtinput2 {
	color: #333;
	padding: 5px 8px;
	margin:3px 0 0 0;
	background: #fff;
	width: 80%;
	border: solid 1px #a8a8a8;
	height: auto;
	float: left;
	font-size:16px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.txtinput3 {
	color: #333;
	padding: 5px 8px;
	margin:3px 0 0 0;
	background: #fff;
	width: 15%;
	border: solid 1px #a8a8a8;
	height: auto;
	float: left;
	font-size:16px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.txtinput5 {
	color: #333;
	padding: 5px 8px;
	margin:3px 0 0 0;
	background: #fff;
	width: 25%;
	border: solid 1px #a8a8a8;
	height: auto;
	float: left;
	font-size:16px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.mformhr{
	display:block;
	width:96%;
	height:1px;
	margin:2px 2% 0 2%;
	padding: 4px 0 0 0;
	border-top: solid 1px #e1e1e1;
}

.t100input{width: 90%;border:1px solid #a8a8a8; background: #ffffff; padding: 8px 0;margin:0 auto;text-align:center;font-size:16px;}

}






.mformbutton {
	width: 100%;
	height: auto;
	margin:0;
	padding: 15px 0;
	text-align:center;
	color: #4a90e4;
}

.mformbutton a{color: #4a90e4;font-size:16px;}
.mformbutton a:hover{color: #E6572B;font-size:16px;}

.txtinput40px {
	color: #333;
	padding: 5px 8px;
	margin:3px 0 0 0;
	background: #fff;
	width: 100px;
	border: solid 1px #a8a8a8;
	height: auto;
	float: left;
	font-size:16px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.txtinput50px {
	color: #333;
	padding: 5px 8px;
	margin:3px 0 0 0;
	background: #fff;
	width: 100px;
	border: solid 1px #a8a8a8;
	height: auto;
	float: left;
	font-size:16px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}


.txtinput60px {
	color: #333;
	padding: 5px 8px;
	margin:3px 0 0 0;
	background: #fff;
	width: 100px;
	border: solid 1px #a8a8a8;
	height: auto;
	float: left;
	font-size:16px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.txtinput80px {
	color: #333;
	padding: 5px 8px;
	margin:3px 0 0 0;
	background: #fff;
	width: 100px;
	border: solid 1px #a8a8a8;
	height: auto;
	float: left;
	font-size:16px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}


.txtinput100px {
	color: #333;
	padding: 5px 8px;
	margin:3px 0 0 0;
	background: #fff;
	width: 100px;
	border: solid 1px #a8a8a8;
	height: auto;
	float: left;
	font-size:16px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.txtinput150px {
	color: #333;
	padding: 5px 8px;
	margin:3px 0 0 0;
	background: #fff;
	width: 150px;
	border: solid 1px #a8a8a8;
	height: auto;
	float: left;
	font-size:16px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}


.txtinput200px {
	color: #333;
	padding: 5px 8px;
	margin:3px 0 0 0;
	background: #fff;
	width: 200px;
	border: solid 1px #a8a8a8;
	height: auto;
	float: left;
	font-size:16px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}


/* 輸入表格 */

.mtitle {
	width: 100%;
	margin:3px 0 0 0;
	padding: 2px 0;
	line-height:200%;
	font-size:16px;
	letter-spacing:2px;
	text-align:center;
	color:#888;
	font-weight:700;
	background: #dddddd;
	background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd));
	background: -moz-linear-gradient(top,  #eeeeee,  #dddddd);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd');	
}


.mtitle2 {
	width: 100%;
	margin:3px 0 0 0;
	padding: 0 0 2px 0;
	line-height:200%;
	font-size:16px;
	letter-spacing:2px;
	text-align:right;
	color:#888;
	font-weight:700;
	background: #eeeeee;
	background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#efefef));
	background: -moz-linear-gradient(top,  #eeeeee,  #efefef);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#efefef');	
}
.mtitle2 span{margin:0 150px 0 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%;}


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

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

/*  */


/* 漸層文字 */

.fontcolor1{
    background: -webkit-gradient(linear,left top,right top,from(#0C5402),to(#5BA242));
    background: linear-gradient(to right,#0C5402,#5BA242);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    text-shadow: none;
}

.faddblack{
	text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,2px 2px 2px black;
}

.faddwhite{
	text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff,2px 2px 2px white;
}


/*  */

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


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

}

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

.headdiv1 img{
	width:auto; 
	height:46px;
	margin:0 auto;
	padding:0;
	border:0; 	
	text-align: center; 	
}


.headdiv2{
	display:none;
}

.contentdiv{
	position: relative;
	width:100%;
	height:auto;
	min-height:350px;
	padding:0;
	margin:0;
	text-align: left;
}

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

.upageitemdiv{
	position: relative;
	width:100%;
	height:auto;
	padding:10px 0 40px 0;
	margin:0;
	text-align: left;
}

.upageitemtitle{
	width:100%;
	height:auto;
	padding:30px 0 25px 0 ;
	margin:0;
	text-align: center;
	color:#020204;
	letter-spacing:2px;
	font-size:26px;
	line-height:40px;
	font-weight:700;
}

.upageitemlabel{
	width:90%;
	height:auto;
	padding:0 5% 10px 5%;
	margin:0;
	text-align: center;
	color:#595959;
	letter-spacing:1px;
	font-size:14px;
	line-height:21px;
	font-weight:300;
}


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

.upageitemdesc{
	color:#111;
	letter-spacing:1px;
	font-size:16px;
	line-height:25px;
	font-weight:300;
}


.downbannerdiv{
	position: relative;
	width:100%;
	height:auto;
	padding:25px 0 ;
	margin:0;
	text-align: left;
	background:#545051;
	text-decoration:none; 
}

.downbannerimg{
	position: relative;
	overflow: hidden;
	width:80%;
	height:180px;
	padding:0;
	margin:0 10%;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
	border-radius: 10px;	
}

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



.downbannertitle{
	width:100%;
	height:auto;
	padding:10px 0 ;
	margin:0;
	text-align: center;
	font-size:16px;
	font-weight:500;
	line-height: 16px;
}

.footerdiv{
	width:100%;
	height:auto;
	min-height:100px;
	padding:20px 0 ;
	margin:0;
	text-align: left;
	background: rgba(255, 255, 255, 0.9);
	color:#595959;
	letter-spacing:0px;
	font-size:14px;
	line-height:21px;
	font-weight:300;
}




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


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

}

.headdiv1{
	width:30%;
	height:auto;
	margin:0;
	padding:5px 0;
	text-align: left; 
	float:left;	

}

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


.headdiv2{
	width:70%;
	height:auto;
	margin:0;
	padding:5px 0;
	text-align: left; 
	float:left;	

}

.contentdiv{
	position: relative;
	width:100%;
	height:auto;
	min-height:350px;
	padding:0;
	margin:0;
	text-align: left;
}

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

.upageitemdiv{
	position: relative;
	width:100%;
	height:auto;
	padding:10px 0 40px 0;
	margin:0;
	text-align: left;
}

.upageitemtitle{
	width:100%;
	height:auto;
	padding:50px 0 35px 0 ;
	margin:0;
	text-align: center;
	color:#020204;
	letter-spacing:2px;
	font-size:31px;
	line-height:45px;
	font-weight:700;
}

.upageitemlabel{
	width:80%;
	height:auto;
	padding:0 10% 10px 10%;
	margin:0;
	text-align: center;
	color:#595959;
	letter-spacing:1px;
	font-size:18px;
	line-height:25px;
	font-weight:300;
}


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

.upageitemdesc{
	color:#111;
	letter-spacing:1px;
	font-size:16px;
	line-height:25px;
	font-weight:300;
}


.downbannerdiv{
	position: relative;
	width:100%;
	height:auto;
	padding:25px 0 ;
	margin:0;
	text-align: left;
	background:#545051;
	text-decoration:none; 
}

.downbannerimg{
	position: relative;
	overflow: hidden;
	width:100%;
	height:200px;
	padding:0 ;
	margin:0;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
	border-radius: 10px;	
}

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



.downbannertitle{
	width:100%;
	height:auto;
	padding:10px 0 ;
	margin:0;
	text-align: center;
	font-size:16px;
	font-weight:500;
	line-height: 16px;
}

.footerdiv{
	width:100%;
	height:auto;
	min-height:100px;
	padding:20px 0 ;
	margin:0;
	text-align: left;
	background: rgba(255, 255, 255, 0.9);
	color:#595959;
	letter-spacing:1px;
	font-size:14px;
	line-height:21px;
	font-weight:300;
}




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

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

.headdiv1{
	width:30%;
	height:auto;
	margin:0;
	padding:5px 0;
	text-align: left; 
	float:left;	

}

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


.headdiv2{
	width:70%;
	height:auto;
	margin:0;
	padding:5px 0;
	text-align: left; 
	float:left;	

}

.contentdiv{
	position: relative;
	width:100%;
	height:auto;
	min-height:350px;
	padding:0;
	margin:0;
	text-align: left;
}

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

.upageitemdiv{
	position: relative;
	width:100%;
	height:auto;
	padding:10px 0 40px 0;
	margin:0;
	text-align: left;
}

.upageitemtitle{
	width:100%;
	height:auto;
	padding:50px 0 35px 0 ;
	margin:0;
	text-align: center;
	color:#020204;
	letter-spacing:2px;
	font-size:35px;
	line-height:48px;
	font-weight:700;
}

.upageitemlabel{
	width:70%;
	height:auto;
	padding:0 15% 10px 15%;
	margin:0;
	text-align: center;
	color:#595959;
	letter-spacing:1px;
	font-size:18px;
	line-height:25px;
	font-weight:300;
}


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

.upageitemdesc{
	color:#111;
	letter-spacing:1px;
	font-size:16px;
	line-height:25px;
	font-weight:300;
}


.downbannerdiv{
	position: relative;
	width:100%;
	height:auto;
	padding:25px 0 ;
	margin:0;
	text-align: left;
	background:#545051;
	text-decoration:none; 
}

.downbannerimg{
	position: relative;
	overflow: hidden;
	width:100%;
	height:200px;
	padding:0 ;
	margin:0;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
	border-radius: 10px;	
}

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



.downbannertitle{
	width:100%;
	height:auto;
	padding:10px 0 ;
	margin:0;
	text-align: center;
	font-size:16px;
	font-weight:500;
	line-height: 16px;
}

.footerdiv{
	width:100%;
	height:auto;
	min-height:100px;
	padding:20px 0 ;
	margin: 0;
	text-align: left;
	/*background:#F1F2F4;*/
	color:#595959;
	letter-spacing:1px;
	font-size:14px;
	line-height:21px;
	font-weight:300;
	background: rgba(255, 255, 255, 0.9);
}


}


.vimg{
	position: relative;
	overflow: hidden;
	width:100%;
	height:auto;
	padding:0 ;
	margin:0;
	
}

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


.downbannertitle{color:#111;}

.downbannertitle a{
	font-size:18px;
	font-weight:500;
	color:#111;
	line-height: 18px;
}

.downbannertitle a:hover{
	color:#FCC729;
	text-decoration:none; 
}


/*  */

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

.all1div{
	width:96%;
	margin:5px 0;
	padding:8px 2%;
	font-size:16px;
	font-weight:700;
	color:#111;
	line-height: 28px;
	text-align: left; 
}

.all2div{
	width:96%;
	margin:5px 0;
	padding:8px 2%;
	font-size:16px;
	font-weight:700;
	color:#111;
	line-height: 28px;
	text-align: left; 
}


.all3div{
	width:96%;
	margin:5px 0;
	padding:8px 2%;
	font-size:16px;
	font-weight:700;
	color:#111;
	line-height: 28px;
	text-align: left; 
}


.all4div{
	width:96%;
	margin:5px 0;
	padding:8px 2%;
	font-size:16px;
	font-weight:700;
	color:#111;
	line-height: 28px;
	text-align: left; 
}


.all5div{
	width:96%;
	margin:5px 0;
	padding:8px 2%;
	font-size:16px;
	font-weight:700;
	color:#111;
	line-height: 28px;
	text-align: left; 
}

}



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


.all1div{
	width:96%;
	margin:5px 0;
	padding:8px 2%;
	font-size:16px;
	font-weight:700;
	color:#111;
	line-height: 28px;
	text-align: left; 
}

.all2div{
	width:48%;
	margin:5px 0;
	padding:8px 1%;
	font-size:16px;
	font-weight:700;
	color:#111;
	line-height: 28em;
	text-align: left; 
	float:left;
}


.all3div{
	width:31%;
	margin:5px 0;
	padding:8px 1%;
	font-size:16px;
	font-weight:700;
	color:#111;
	line-height: 28px;
	text-align: left; 
	float:left;
}


.all4div{
	width:23%;
	margin:5px 0;
	padding:8px 1%;
	font-size:16px;
	font-weight:700;
	color:#111;
	line-height: 28px;
	text-align: left; 
	float:left;
}


.all5div{
	width:18%;
	margin:5px 0;
	padding:8px 1%;
	font-size:16px;
	font-weight:700;
	color:#111;
	line-height: 28px;
	text-align: left; 
	float:left;
}


}



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

.all1div{
	width:96%;
	margin:5px 0;
	padding:10px 2%;
	font-size:18px;
	font-weight:700;
	color:#111;
	line-height: 28px;
	text-align: left; 
}

.all2div{
	width:48%;
	margin:5px 0;
	padding:10px 1%;
	font-size:18px;
	font-weight:700;
	color:#111;
	line-height: 28px;
	text-align: left; 
	float:left;
}


.all3div{
	width:31%;
	margin:5px 0;
	padding:10px 1%;
	font-size:18px;
	font-weight:700;
	color:#111;
	line-height: 28px;
	text-align: left; 
	float:left;
}


.all4div{
	width:23%;
	margin:5px 0;
	padding:10px 1%;
	font-size:18px;
	font-weight:700;
	color:#111;
	line-height: 28px;
	text-align: left; 
	float:left;
}


.all5div{
	width:18%;
	margin:5px 0;
	padding:10px 1%;
	font-size:18px;
	font-weight:700;
	color:#111;
	line-height: 28px;
	text-align: left; 
	float:left;
}



}


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

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

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

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

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

/*  */

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


.toplogodiv{
	position:absolute;
	/*top:0;*/	
	z-index:999;
	/*position:fixed;*/
}

.toplogodiv img{
	width:200px;
	height:auto;
	margin:8px 0 0 8px; 
	padding:0 ;
	border:0;
}


.maintitlediv{
	width:350px;
	height:auto;
	margin:0 auto;
	padding:10px 0;
	text-align: center; 
	border-bottom: 1px solid #ddd;
}

.maintitlediv span{
	display:block;
	font-size:28px;
	font-weight:700;
	color:#000;
	line-height: 28px;
	letter-spacing:0px;
	text-align: center; 
	padding:20px 0;
	text-shadow:-1px -1px 0 #eee,1px -1px 0 #eee,-1px 1px 0 #eee,1px 1px 0 #eee,2px 2px 2px #eee;
}


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

.maintitlediv2 span{
	display:block;
	font-size:28px;
	font-weight:700;
	color:#000;
	line-height: 28px;
	letter-spacing:0px;
	text-align: center; 
	padding:20px 0;
	/*text-shadow:-1px -1px 0 #CFE1EA,1px -1px 0 #CFE1EA,-1px 1px 0 #CFE1EA,1px 1px 0 #CFE1EA,2px 2px 2px #CFE1EA;*/
	text-shadow:-1px -1px 0 #eee,1px -1px 0 #eee,-1px 1px 0 #eee,1px 1px 0 #eee,2px 2px 2px #eee;
}


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




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


.agendadiv1{
	width:80%;
	height:auto;
	margin:0 5% 8px 5%;
	padding:5px 0;
	text-align: center; 	
	float:left;
	font-size:28px;
	font-weight:300;
	color:#CF133D;
	line-height: 35px;
	letter-spacing:1px;	
	font-family: 'Saira Extra Condensed', sans-serif;
	border-bottom: solid 1px #E4C29D;	
}


.agendadiv2{
	width:96%;
	height:auto;
	margin:0;
	padding:5px 2%;
	text-align: left; 	
	float:left;
	-webkit-border-radius: 15px; 
	-moz-border-radius: 15px;
	border-radius: 15px;	
	-webkit-box-shadow: 1px 1px 2px rgba(225,56,0,.2);
	-moz-box-shadow: 1px1px 2px rgba(225,56,0,.2);
	box-shadow: 1px 1px 2px rgba(225,56,0,.2);
	border: solid 1px #eee;
	background-color: #ECF4F6;
}



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

.agendadiv2a span{
	display:block;
	font-size:18px;
	font-weight:700;
	color:#595959;
	line-height: 21px;
	letter-spacing:0px;
	text-align: left; 
	padding:8px 0;
	margin:0 0 8px 0;
	border-bottom: 1px solid #ddd;
}


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

.agendadiv2b img{
	float:left;
	width:80px;
	height:auto;
	margin: 0 0 8px 3px;
	padding: 0;	
	-webkit-border-radius: 40px; 
	-moz-border-radius: 40px;
	border-radius: 40px;	
	-webkit-box-shadow: 2px 2px 4px rgba(225,56,0,.2);
	-moz-box-shadow: 2px2px 4px rgba(225,56,0,.2);
	box-shadow: 2px 2px 4px rgba(225,56,0,.2);
}

.joindiv{
	width:91%;
	height:auto;
	margin:10px 1%;
	padding:15px 2%;
	text-align: left; 	
	font-size:18px;
	font-weight:300;
	color:#111;
	line-height: 31px;
	letter-spacing:1px;
	border: 3px solid #ccc;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
	border-radius: 10px;	
	/*background-color: #fff;*/
	background: rgba(255, 255, 255, 0.5);
}



}

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

.toplogodiv{
	position:absolute;
	/*top:0;*/
	z-index:999;
	/*position:fixed;*/
}

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


.maintitlediv{
	width:500px;
	height:auto;
	margin:0 auto;
	padding:10px 0;
	text-align: center; 
	border-bottom: 1px solid #ddd;
}

.maintitlediv span{
	display:block;
	font-size:32px;
	font-weight:700;
	color:#000;
	line-height: 32px;
	letter-spacing:2px;
	text-align: center; 
	padding:38px 0 28px 0;
	text-shadow:-1px -1px 0 #eee,1px -1px 0 #eee,-1px 1px 0 #eee,1px 1px 0 #eee,2px 2px 2px #eee;
}


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

.maintitlediv2 span{
	display:block;
	font-size:32px;
	font-weight:700;
	color:#000;
	line-height: 32px;
	letter-spacing:2px;
	text-align: center; 
	padding:10px 0;
	/*text-shadow:-1px -1px 0 #CFE1EA,1px -1px 0 #CFE1EA,-1px 1px 0 #CFE1EA,1px 1px 0 #CFE1EA,2px 2px 2px #CFE1EA;*/
	text-shadow:-1px -1px 0 #eee,1px -1px 0 #eee,-1px 1px 0 #eee,1px 1px 0 #eee,2px 2px 2px #eee;
}


.maindescdiv{
	width:90%;
	height:auto;
	margin:0;
	padding:20px 5%;
	text-align: left; 	
	font-size:18px;
	font-weight:300;
	color:#000;
	line-height: 31px;
	letter-spacing:1px;
	text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff,2px 2px 2px #fff;
}


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


.agendadiv1{
	width:17%;
	height:auto;
	margin:0;
	padding:15px 0 0 0;
	text-align: center; 	
	float:left;
	font-size:28px;
	font-weight:300;
	color:#CF133D;
	line-height: 35px;
	letter-spacing:1px;	
	font-family: 'Saira Extra Condensed', sans-serif;
	border-bottom: solid 1px #E4C29D;	
}


.agendadiv2{
	width:78%;
	height:auto;
	margin:0;
	padding:5px 2%;
	text-align: left; 	
	float:left;
	-webkit-border-radius: 15px; 
	-moz-border-radius: 15px;
	border-radius: 15px;	
	-webkit-box-shadow: 1px 1px 2px rgba(225,56,0,.2);
	-moz-box-shadow: 1px1px 2px rgba(225,56,0,.2);
	box-shadow: 1px 1px 2px rgba(225,56,0,.2);
	border: solid 1px #eee;
	background-color: #ECF4F6;
}



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

.agendadiv2a span{
	display:block;
	font-size:21px;
	font-weight:700;
	color:#595959;
	line-height: 24px;
	letter-spacing:1px;
	text-align: left; 
	padding:8px 0;
	margin:0 0 8px 0;
	border-bottom: 1px solid #ddd;
}


.agendadiv2b{
	width:28%;
	height:auto;
	margin:0;
	padding: 30px 0 15px 2%;
	text-align: left; 	
	float:left;
}

.agendadiv2b img{
	float:left;
	width:80px;
	height:auto;
	margin: 0 0 8px 3px;
	padding: 0;	
	-webkit-border-radius: 40px; 
	-moz-border-radius: 40px;
	border-radius: 40px;	
	-webkit-box-shadow: 2px 2px 4px rgba(225,56,0,.2);
	-moz-box-shadow: 2px2px 4px rgba(225,56,0,.2);
	box-shadow: 2px 2px 4px rgba(225,56,0,.2);
}

.joindiv{
	width:79%;
	height:auto;
	margin:10px 6%;
	padding:15px 3%;
	text-align: left; 	
	font-size:18px;
	font-weight:300;
	color:#111;
	line-height: 31px;
	letter-spacing:1px;
	border: 3px solid #ccc;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
	border-radius: 10px;	
	/*background-color: #fff;*/
	background: rgba(255, 255, 255, 0.5);
}



}

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

.toplogodiv{
	position:absolute;
	/*top:0;*/
	z-index:999;
	/*position:fixed;*/
}

.toplogodiv img{
	width:240px;
	height:auto;
	margin:12px 0 0 12px; 
	padding:0 ;
	border:0;
}

.maintitlediv{
	width:550px;
	height:auto;
	margin:0 auto;
	padding:10px 0;
	text-align: center; 
	border-bottom: 1px solid #ddd;
}

.maintitlediv span{
	display:block;
	font-size:35px;
	font-weight:700;
	color:#000;
	line-height: 35px;
	letter-spacing:2px;
	text-align: center; 
	padding:45px 0 35px 0;
	text-shadow:-1px -1px 0 #eee,1px -1px 0 #eee,-1px 1px 0 #eee,1px 1px 0 #eee,2px 2px 2px #eee;
}


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

.maintitlediv2 span{
	display:block;
	font-size:35px;
	font-weight:700;
	color:#000;
	line-height: 35px;
	letter-spacing:2px;
	text-align: center; 
	padding:10px 0;
	/*text-shadow:-1px -1px 0 #CFE1EA,1px -1px 0 #CFE1EA,-1px 1px 0 #CFE1EA,1px 1px 0 #CFE1EA,2px 2px 2px #CFE1EA;*/
	text-shadow:-1px -1px 0 #eee,1px -1px 0 #eee,-1px 1px 0 #eee,1px 1px 0 #eee,2px 2px 2px #eee;
}


.maindescdiv{
	width:80%;
	height:auto;
	margin:0;
	padding:20px 10%;
	text-align: left; 	
	font-size:18px;
	font-weight:300;
	color:#000;
	line-height: 31px;
	letter-spacing:1px;
	text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff,2px 2px 2px #fff;
}


.agendadiv{
	width:80%;
	height:auto;
	margin:0;
	padding:20px 10%;
	text-align: left; 	
	font-size:18px;
	font-weight:300;
	color:#111;
	line-height: 31px;
	letter-spacing:1px;	
}


.agendadiv1{
	width:17%;
	height:auto;
	margin:0;
	padding:15px 0 0 0;
	text-align: center; 	
	float:left;
	font-size:28px;
	font-weight:300;
	color:#CF133D;
	line-height: 35px;
	letter-spacing:1px;	
	font-family: 'Saira Extra Condensed', sans-serif;
	border-bottom: solid 1px #E4C29D;	
}


.agendadiv2{
	width:78%;
	height:auto;
	margin:0;
	padding:5px 2%;
	text-align: left; 	
	float:left;
	-webkit-border-radius: 15px; 
	-moz-border-radius: 15px;
	border-radius: 15px;	
	-webkit-box-shadow: 1px 1px 2px rgba(225,56,0,.2);
	-moz-box-shadow: 1px1px 2px rgba(225,56,0,.2);
	box-shadow: 1px 1px 2px rgba(225,56,0,.2);
	border: solid 1px #eee;
	background-color: #ECF4F6;
}



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

.agendadiv2a span{
	display:block;
	font-size:21px;
	font-weight:700;
	color:#595959;
	line-height: 24px;
	letter-spacing:1px;
	text-align: left; 
	padding:8px 0;
	margin:0 0 8px 0;
	border-bottom: 1px solid #ddd;
}


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

.agendadiv2b img{
	float:left;
	width:80px;
	height:auto;
	margin: 0 0 8px 3px;
	padding: 0;	
	-webkit-border-radius: 40px; 
	-moz-border-radius: 40px;
	border-radius: 40px;	
	-webkit-box-shadow: 2px 2px 4px rgba(225,56,0,.2);
	-moz-box-shadow: 2px2px 4px rgba(225,56,0,.2);
	box-shadow: 2px 2px 4px rgba(225,56,0,.2);
}

.joindiv{
	width:61%;
	height:auto;
	margin:10px 15%;
	padding:15px 3%;
	text-align: left; 	
	font-size:18px;
	font-weight:300;
	color:#111;
	line-height: 31px;
	letter-spacing:1px;
	border: 3px solid #ccc;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
	border-radius: 10px;	
	/*background-color: #fff;*/
	background: rgba(255, 255, 255, 0.5);
}



}

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

.maintitlediv span{font-family: "Helvetica", "Arial","LiHei Pro","STHeiti","Microsoft JhengHei", sans-serif;}
.maintitlediv2 span{font-family: "Helvetica", "Arial","LiHei Pro","STHeiti","Microsoft JhengHei", sans-serif;}

.agendadiv2b img{background:#fff;}


.agendadiv2b img:hover{
	cursor: pointer;
	opacity:0.75;
	filter:alpha(opacity=75);
}


.bgw90{
	background: rgba(255, 255, 255, 0.15);
	-webkit-box-shadow: 1px 2px 4px rgba(100,100,100,.4);
	-moz-box-shadow: 1px2px 4px rgba(100,100,100,.4);
	box-shadow: 1px 2px 4px rgba(100,100,100,.4);
}



.joinbutton1 {
	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-size: 18px;
	padding: 10px 25px;
	-webkit-border-radius: 15px; 
	-moz-border-radius: 15px;
	border-radius: 15px;
	-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);
	line-height:18px;
	font-weight:700;
	color: #fff!important;
	/*text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,2px 2px 2px black;*/
	border: solid 1px #F72001;
	background: #6A8ED4;
	background: -webkit-gradient(linear, left top, left bottom, from(#F72001), to(#C31400));
	background: -moz-linear-gradient(top,  #F72001,  #C31400);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#F72001', endColorstr='#C31400');
	
}

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


.joininput1 {
	border: solid 1px #ccc;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
}




/*  */

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

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

}

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

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

}

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

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

}


/*  */

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