@charset "utf-8";
/* 簡單流變媒體
   注意: 流變媒體要求您必須移除 HTML 中媒體的高度和寬度屬性
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 不支援最大寬度，因此寬度預設為 100% */
.ie6 img {
	width:100%;
}
.Tittle {
	font-size: 17px;
	line-height: 20px;
	color: #e71873;
}

.imgresponsive {
	width:100%;
}

.PageTittle {
	font-size: 16px;
	line-height: 30px;
	color: #e71873;
}
.T15 {
    font-size: 18px;
    line-height: 33px;
    color: #00a0e9;
    height: 0px;
}
.T14 {
    font-size: 15px;
    color: #00a0e9;
  
}

.T15_balck {
	font-size: 15px;
	color: #00a0e9;
	line-height: 20px;
}
.T18 {
    font-size: 20px;
    line-height: 25px;
    color: #3A0505;
    font-family: "微軟正黑體";
}
.BBtittle {
    color: #7C9044;
    font-family: "微軟正黑體";
    font-size: 30px;
    /* text-shadow: 1px 1px 5px #999999; */
    font-weight: bold;
    line-height: 40px;
    text-align: center;
    border-top: 2px solid #7C9044;
    border-bottom: thin solid #7C9044;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    margin-top: 46px;
}

hr {
    border: none;
    height: 20px;
    width: 99%;
    height: 46px;
    border-bottom: 1px solid #1f1209;
    box-shadow: 0 20px 20px -20px #666666;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-shadow: 0 20px 20px -20px #666666;
    margin-top: -36px;
    padding-top: 0px;
    padding-bottom: 0px;
}


.circular {
    width: 280px;
    height: 180px;
    border-radius: 12px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    margin-bottom: 7px;
    margin-top: 21px;
    max-width: none;
	}
a {
	color: #CA0000;
	text-decoration: none;
}
a:hover {
    color: #F06;
    font-family: "微軟正黑體";
    font-size: medium;
}
.content {
	/* [disabled]background-image: url(images/bg.jpg); */
	width: auto;
	display: block;
	max-width: 1400px;

}

.row{
    display: table;
    width: 100%;
    margin-bottom: 40px;
    margin-top: 29px;
    max-width: 0px;
    max-width: 1200px;
}


.frame {
    background-color: #F9F9F9;
    border: 4vmin solid #eee;
    border-bottom-color: #fff;
    border-left-color: #eee;
    border-radius: 2px;
    border-right-color: #eee;
    border-top-color: #ddd;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25) inset, 0 5px 10px 5px rgba(0, 0, 0, 0.25);
    box-sizing: border-box;
    display: inline;
    /* [disabled]margin-top: 2vh; */
    /* [disabled]margin-right: 10vw; */
    /* [disabled]margin-left: 10vw; */
    /* [disabled]margin-bottom: 10vh; */
    height: auto;
    position: relative;
    text-align: center;
    width: 75%;
    padding-top: 11px;
    padding-right: 11px;
    padding-bottom: 11px;
    padding-left: 11px;
}
.frame:before {
  border-radius: 2px;
  bottom: -2vmin;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25) inset;
  content: "";
  left: -2vmin;
  position: absolute;
  right: -2vmin;
  top: -2vmin;
}
.frame:after {
  border-radius: 2px;
  bottom: -2.5vmin;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
  content: "";
  left: -2.5vmin;
  position: absolute;
  right: -2.5vmin;
  top: -2.5vmin;
}





#H1{
	display: block;
}
#H2{
	display: none;
}
/*RWD Youtube 以及 Vimeo*/

.V1{
	width: 46%;
	margin-right: 2%;
	margin-bottom: 3%;
	float: left;
}



.video-container{

position:relative;

padding-bottom:56.25%;

padding-top:30px;height:0;overflow:hidden;

}



.video-container iframe,

.video-container object,

.video-container embed{

position:absolute;

top:0;

left:0;

width:100%;

height:100%;

}





.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;


}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#C1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#C2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#C3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#C4 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#menu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
}
#C5 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#C6 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}




#TNav
 {
	display: none;
	text-align: center;
}

#footer2 {
	display: block;
	text-align: center;
}
.tablec
 {
	
}
.n1
 {
	float: left;
	width: 100%;
	 height: 250px;
      margin-top: 25px;
}


	
@media only screen and (max-width:800px){
	
.V1 {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}
#H1{
	display: none;
}
#H2{
	display: block;
}	
	
}	

/* 表格版面: 481px 到 768px。樣式繼承自: 行動版面。 */

@media only screen and (min-width : 480px ){
.gridContainer {
	width: 96%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
	
	
	
#C1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.7179%;
	display: block;
}
#C2 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 48.7179%;
	display: block;
}
#C3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.7179%;
	display: block;
}
#C4 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 48.7179%;
	display: block;
}
#menu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
}
#C5 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.7179%;
	display: block;
}
#C6 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 48.7179%;
	display: block;
}
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
}
#TNav
 {
	display: block;
	text-align: center;
}
#H2 {
	text-align: center;
	display: none;
}
#footer2 {
	text-align: center;
	display: none;
}


.tablec
 {
    width: 100%;
	
}
.n1
 {
	float: left;
	width: 50%;
	height: 250px;
   margin-top: 25px;
	
}
.content {
    /* [disabled]background-image: url(images/bg.jpg); */
    display: block;
    width: 96%;
    margin-left: auto;
    margin-right: auto;

}
#H1{
	display: none;
}
#H2{
	display: block;
}


}

/* 桌面版面: 769px 到最大 1232px。樣式繼承自: 行動版面和表格版面。 */

@media only screen and (min-width: 880px) {
.gridContainer {
	width: 100	%;
	max-width: 1232px;
	padding-left: 1%;
	padding-right: 1%;
	margin: auto;
}
.border {
    background-image: url(images/border.jpg);
    width: 100%;
    height: 30px;
    display: table;
}

#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
}
#C1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 31.8181%;
	display: block;
	height: 400px;
}
#C2 {
	clear: none;
	float: left;
	margin-left: 2.2727%;
	width: 31.8181%;
	display: block;
}
#C3 {
	clear: none;
	float: left;
	margin-left: 2.2727%;
	width: 31.8181%;
	display: block;
}
#C4 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 31.8181%;
	display: block;
}
#menu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding-top: 16px;
	padding-bottom: 20px;
	color: #5C4B46;
}
#C5 {
	clear: none;
	float: left;
	margin-left: 2.2727%;
	width: 31.8181%;
	display: block;
}
#C6 {
	clear: none;
	float: left;
	margin-left: 2.2727%;
	width: 31.8181%;
	display: block;
}



#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	margin-top: 53px;
}

#TNav
 {
	display: block;
	text-align: center;
}
#H1{
	display: block;
}
#H2 {	
	text-align: center;
	display: none;
}

#footer2 {
display: none;
}


.tablec
 {
    float: left;
    width: 49%;
    margin-right: 1%;
	
}
.n1
 {
    float: left;
    width: 33%;
    height: 250px;
   /*  margin-top: 25px;*/
}
.content {
    width: 100%;
    max-width: 1224px;
    display: block;
    clear: left;
    margin-left: auto;
    margin-right: auto;

}
.t_red {
	color: #F90004;
}

}

.Container {
	max-width: 1200px;
}