@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Architects+Daughter);
@import url(https://fonts.googleapis.com/css?family=Poiret+One);
@import url(https://fonts.googleapis.com/css?family=Lobster);

/* CSS Document */
.ff1 {font-family: "Times New Roman";}
.ff2 {font-family: "微軟正黑體" ;}
.ff3 {font-family: 'Architects Daughter','Meiryo';}
.ff4 {font-family: 'Poiret One','Meiryo';}
.ff5 {font-family: 'Lobster','Meiryo';}
.ff6 {font-family: 'Oswald','Meiryo';}

.fa0 {font-weight: normal;}
.fa1 {font-weight: bold;}
.fa2 {font-weight: bolder;}
.fa3 {font-weight: inherit;}
.fa4 {text-shadow: 3px 1px #444;}
.faC {text-align: center;}
.faL {text-align: left;}
.faR {text-align: right;}
.faM {vertical-align: text-middle;}
.faT {vertical-align: text-top;}
.faH {height: 28px;}
.BaS1 {border-top: 1px solid #eee;}
.BaS2 {border-right: 1px solid #eee;}
.BaS3 {border-bottom: 1px solid #eee;}
.BaS4 {border-left: 1px solid #eee;}
.BaC {margin: 0px auto;}
.BaL {float: left;}
.BaR {float: right;}
.BaM {vertical-align: middle;}
.BaT {vertical-align: top;}
.BaD {vertical-align: bottom;}

.fc1 {color: #000;}
.fc2 {color: #A3634E;}
.fc3 {color: #FF3300;}
.fc4 {color: #ff1a00;}
.fc5 {color: #FFFF00;}
.fc6 {color: #559540;}
.fc7 {color: #336699;}
.fc8 {color: #663399;}
.fc9 {color: #bbb;}
.fc10 {color: #fff;}

a {text-decoration: none; border: 0px;}

img {border: 0px;}

.Bgc1 {background-color: #000;}
.Bgc2 {background-color: #CC9900;}
.Bgc3 {background-color: #e34d67;}
.Bgc4 {background-color: #FFB937;}
.Bgc41 {background-color: #FFE3B0;}
.Bgc5 {background-color: #FFFF00;}
.Bgc6 {background-color: #74A92C;}
.Bgc61 {background-color: #d8ebc1;}
.Bgc62 {background-color: #D7F7CC;}
.Bgc7 {background-color: #DFF7FF;}
.Bgc8 {background-color: #663399;}
.Bgc9 {background-color: #cacaca;}
.Bgc91 {background-color: #eee;}
.Bgc10 {background-color: #fff;}

.BgcB1 {background-color: #666;}
.BgcB2 {background-color: #FBF0D7;}
.BgcB3 {background-color: #F9D9DE;}
.BgcB4 {background-color: #FFF5D2;}
.BgcB5 {background-color: #FFFFD0;}
.BgcB6 {background-color: #EAFBE3;}
.BgcB7 {background-color: #DFF7FF;}
.BgcB8 {background-color: #ECE2F5;}
.BgcB9 {background-color: #eee;}
.BgcB10 {background-color: #fff;}

.DC05 {	width: 5%;}
.DC1 {	width: 9%;}
.DC11 {	width: 15%;}
.DC2 {	width: 19%;}
.DC3 {	width: 24%;}
.DC31 {	width: 30%;}
.DC4 {	width: 33%;}
.DC41 {	width: 40%;}
.DC5 {	width: 49%;}
.DC6 {	width: 66%;}
.DC7 {	width: 74%;}
.DC8 {	width: 79%;}
.DC81 {	width: 82%;}
.DC9 {	width: 89%;}
.DC10 {	width: 100%;}

.DCB2  {width: 49%;margin: 5px;}
.DCB21  {width: 43%;margin: 0px;}  
.DCB3  {width: 32%;margin: 5px;}
.DCB4  {width: 24%;margin: 5px;}
.DCB5  {width: 19%;margin: 5px;}

.cfe3 {
background: #ff1500;
background: -moz-linear-gradient(top, #ff1500 0%, #ff1a00 100%); 
background: -webkit-linear-gradient(top, #ff1500 0%,#ff1a00 100%); 
background: linear-gradient(to bottom, #ff1a00 0%,#ff1500 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1500', endColorstr='#ff1a00',GradientType=0 );
box-shadow:inset 0px 5px 40px rgba(10%,10%,30%,0.2);
}

.cfe5 {
background: #FCF1DA;
background: -moz-linear-gradient(top, #FCF1DA 0%, #FF9900 100%); 
background: -webkit-linear-gradient(top, #FCF1DA 0%,#FF9900 100%); 
background: linear-gradient(to bottom, #FCF1DA 0%,#FF9900 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FCF1DA', endColorstr='#FF9900',GradientType=0 );
box-shadow:inset 0px 5px 40px rgba(10%,10%,30%,0.2);
}
.cfe51 {background-image: url(../img/cfe51.jpg);}
.cfe52 {background-image: url(../img/cfe52.jpg);}
.footer1 {background-image: url(../img/footer1.jpg);}

.cfe6 {
background: #9ddf4a;
background: -moz-linear-gradient(top, #9ddf4a 0%, #6f9535 100%); 
background: -webkit-linear-gradient(top, #9ddf4a 0%,#6f9535 100%); 
background: linear-gradient(to bottom, #9ddf4a 0%,#6f9535 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='9ddf4a', endColorstr='#6f9535',GradientType=0 );
box-shadow:inset 0px 5px 40px rgba(10%,10%,30%,0.2);
}
.cfe61 {background-image: url(../img/cfe61.jpg);}

.cfe9 {
background: #b5bdc8;
background: -moz-linear-gradient(top, #b5bdc8 0%, #828c95 36%, #28343b 100%); 
background: -webkit-linear-gradient(top, #b5bdc8 0%,#828c95 36%,#28343b 100%); 
background: linear-gradient(to bottom, #b5bdc8 0%,#828c95 36%,#28343b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 ); 
}

.cfe10 {
background: #ddd;
background: -moz-linear-gradient(top, #aaa 0%, #fff 36%, #666 100%); 
background: -webkit-linear-gradient(top, #aaa 0%,#fff 36%,#666 100%); 
background: linear-gradient(to bottom, #aaa 0%,#fff 36%,#666 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddd', endColorstr='#666',GradientType=0 ); 
}


.BSS {
border: 1px solid #FFC140;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

.BMP {
border-radius: 10px;
margin: 7px;
padding: 7px;} 


.mouseH { cursor: help; }
.mouseP { cursor: pointer; }
.mousePr { cursor: progress; }
        
.fimg { border-radius: 100px;}/* 圓圖 */

/*inset 內陰影(不填是外陰影) 4px位移水平X距離 4px位移垂直Y距離 3px模糊強度 4px擴散強度 rgba(20%,20%,40%,0.3顏色深度 )*/
#Pole::-webkit-scrollbar-track /*軌道顏色*/
{	-webkit-box-shadow: inset 4px 4px 3px rgba(20%,20%,0%,0.1);
	background-color: #F5F5F5;
	border-radius: 5px;}

#Pole::-webkit-scrollbar/*寬度*/
{	width: 12px;}
#Pole::-webkit-scrollbar-thumb /*桿子顏色*/
{	border-radius: 10px;
	background-color: #6f9535;
	background-image: -webkit-gradient(linear,40% 0%,75% 84%,from(#9ddf4a),to(#6f9535),color-stop(.6,#9ddf4a))}/*IE*/

#Pole::-webkit-scrollbar-track:hover 
{  background: #888;}


/*圓角變化*/
.BD2D {
border: 1px solid #FFC140;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}

.BD2D1 {
border: 1px solid #FFC140;
-webkit-border-bottom-left-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
-moz-border-radius-bottomleft: 15px;
-moz-border-radius-bottomright: 15px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
}

.BD3D {
-webkit-border-radius: 0px 5px 15px 15px;
-moz-border-radius: 0px 15px 15px 15px;
border-radius: 0px 15px 15px 15px;}

.BD4D {
border: 1px solid #FFC140;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

.BD5D {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}




/*內外陰影*/
.BSR1 { 
box-shadow:inset 2px 2px 3px rgba(20%,20%,40%,0.2);
}
.BSR2 { 
box-shadow:4px 4px 4px -2px rgba(10%,20%,30%,0.5);
}
.BSR3 { 
box-shadow:0px 0px 500px 500px rgba(20%,20%,40%,0.5);
}

/*透明度*/
.BOP1 {
opacity: 0.8;
filter: alpha(opacity=80);/*IE*/
}
.Dp2 {padding: 2px;}
.Dp5 {padding: 5px;}
.Dp10 {padding: 10px;}
.Dp12 {padding: 12px;}
.Dp20 {padding: 20px;}
.Dp30 {padding: 30px;}
.Dm2 {margin: 2px;}
.Dm5 {margin: 5px;}
.Dm10 {margin: 10px;}
.Dm15 {margin: 15px;}
.Dm20 {margin: 20px;}
.Dm30 {margin: 30px;}

.Dp5TD {padding: 5px 0px 5px 0px;}
.Dp10TD {padding: 10px 0px 10px 0px;}
.Dp12TD {padding: 12px 0px 12px 0px;}
.Dp20TD {padding: 20px 0px 20px 0px;}
.Dp30T50D {padding: 30px 0px 50px 0px;}
.Dp30T10D {padding: 30px 0px 10px 0px;}
.Dm2TD {margin:  2px 0px 2px 0px;}
.Dm5TD {margin:  5px 0px 5px 0px;}
.Dm10TD {margin:  10px 0px 10px 0px;}
.Dm15TD {margin: 15px 0px 15px 0px;}
.Dm20TD {margin: 20px 0px 20px 0px;}
.Dm30TD {margin: 30px 0px 30px 0px;}

.Dm1LR {margin:  0px 1px 0px 1px;}
.Dp5LR {padding: 0px 5px 0px 5px;}
.Dp10LR {padding: 0px 10px 0px 10px;}
.Dp12LR {padding: 0px 12px 0px 12px;}
.Dp20LR {padding: 0px 20px 0px 20px;}
.Dm5LR {margin:  0px 5px 0px 5px;}
.Dm10LR {margin:  0px 10px 0px 10px;}
.Dm15LR {margin: 0px 15px 0px 15px;}
.Dm20LR {margin: 0px 20px 0px 20px;}
.Dm30LR {margin: 0px 30px 0px 30px;}

.fd1 {
font-size: 40px;
line-height: 50px;
}

.fd2 {
font-size: 25px;
line-height: 35px;
}
.fd31 {
font-size: 23px;
line-height: 35px;
}
.fd3 {
font-size: 16px;
line-height: 24px;
}

.fd4 {
font-size: 14px;
line-height: 24px;
}

.fd5 {
font-size: 12px;
line-height: 20px;
}

@media only screen and (min-width: 1700px) and (max-width: 2400px) {

.DCB2  {width: 49%;margin: 5px;}
.DCB21  {width: 43%;margin: 0px;}  
.DCB3  {width: 19%;margin: 5px;}
.DCB4  {width: 19%;margin: 5px;}
.DCB5  {width: 19%;margin: 5px;}


}


@media only screen and (orientation: portrait){

.DCB2 {width: 100%;margin: 0px;}
.DCB21 {width: 98%;margin: 10px;}  
.DCB3 {width: 100%;margin: 0px;}
.DCB4 {width: 48%;margin: 5px;}
.DCB5 {width: 48%;margin: 5px;}
    
.DC1 {width: 98%; margin: 0px 10px 0px 0px; padding: 10px 0px 5px 0px;}
.DC10 {width: 98%; margin: 0px 10px 0px 0px; padding: 20px 0px 10px 0px;}


/*內外陰影*/
.BSR1 { 
box-shadow:0px;
}
.BSR2 { 
box-shadow:0px;
}
.BSR3 { 
box-shadow:0px;
}


.cfe51 {background-image: none;}
.cfe52 {background-image: url(../img/cfe52a.jpg);}
.footer1 {background-image: url(../img/footer1a.jpg);}



.fd1 {
font-size: 60px;
line-height: 60px;
}

.fd2 {
font-size: 55px;
line-height: 60px;
}
.fd31 {
font-size: 40px;
line-height: 35px;
}
.fd3 {
font-size: 40px;
line-height: 60px;
}

.fd4 {
font-size: 40px;
line-height: 50px;
}

.fd5 {
font-size: 40px;
line-height: 50px;
}
}