/* CSS Document PTYNET 20200707 */
@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);
@import url(https://fonts.googleapis.com/css?family=Oswald);
@import url(https://fonts.googleapis.com/earlyaccess/cwtexkai.css);
@import url(https://fonts.googleapis.com/earlyaccess/cwtexyen.css);
@import url(https://fonts.googleapis.com/earlyaccess/cwtexfangsong.css);
@import url(https://fonts.googleapis.com/earlyaccess/cwtexming.css);

.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';}
.ff01 {font-family: '微軟正黑體','serif';}
.ff02 {font-family: 'cwTeXKai','serif';}
.ff03 {font-family: 'cwTeXYen','serif';}
.ff04 {font-family: 'cwTeXFangSong','serif';}
.ff05 {font-family: 'cwTeXMing','serif';}

.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: #cc0000;}
.fc31 {color: #e34d67;}
.fc4 {color: #F1850E;}
.fc41 {color: #FFD688;}
.fc5 {color: #FFFF00;}
.fc51 {color: #FFFFD2;}
.fc6 {color: #559540;}
.fc61 {color: #A4C86F;}
.fc62 {color: #C1EBA3;}
.fc7 {color: #336699;}
.fc71 {color: #3d5fbf;}
.fc72 {color: #5F8EDE;}
.fc73 {color: #94C7E4;}
.fc74 {color: #E1EEFB;}
.fc8 {color: #663399;}
.fc9 {color: #f3f3f3;}
.fc91 {color: #bbb;}
.fc92 {color: #aaa;}
.fc93 {color: #999;}
.fc94 {color: #777;}
.fc95 {color: #555;}
.fc10 {color: #fff;}


.Bgc1 {background-color: #000;}
.Bgc2 {background-color: #DDB075;}
.Bgc21 {background-color: #EFDABC;}
.Bgc3 {background-color: #A20000;}
.Bgc31 {background-color: #DF3553;}
.Bgc32 {background-color: #FDEEF0;}
.Bgc4 {background-color: #F57E30;}
.Bgc41 {background-color: #FBBF97;}
.Bgc42 {background-color: #FDE4D5;}
.Bgc5 {background-color: #FFFF00;}
.Bgc51 {background-color: #FFFFD2;}
.Bgc6 {background-color: #74A92C;}
.Bgc61 {background-color: #A4C86F;}
.Bgc62 {background-color: #C1EBA3;}
.Bgc63 {background-color: #DEF4CE;}
.Bgc7 {background-color: #3760A2;}
.Bgc71 {background-color: #5982C6;}
.Bgc72 {background-color: #91ACD9;}
.Bgc73 {background-color: #C5D3EB;}
.Bgc74 {background-color: #E1E9F4;}
.Bgc8 {background-color: #663399;}
.Bgc81 {background-color: #D0BEE7;}
.Bgc82 {background-color: #F5F1FA;}
.Bgc9 {background-color: #f9f9f9;}
.Bgc91 {background-color: #f2f2f2;}
.Bgc92 {background-color: #ddd;}
.Bgc93 {background-color: #bbb;}
.Bgc94 {background-color: #777;}
.Bgc95 {background-color: #555;}
.Bgc10 {background-color: #fff;}

.Bgi1 { background-image:url(http://tw17p.com/img/Bgi1.png)}
.Bgi2 { background-image:url(http://tw17p.com/img/Bgi2.png)}

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




/*區間*/
.DC00 {	width: 0%;}
.DC01 {	width: 1%;}
.DC02 {	width: 2%;}
.DC03 {	width: 3%;}
.DC04 {	width: 4%;}
.DC05 {	width: 5%;}
.DC08 {	width: 8%;}
.DC10 {	width: 9%;}
.DC12 {	width: 12%;}
.DC15 {	width: 15%;}
.DC20 {	width: 19%;}
.DC22 {	width: 22%;}
.DC25 {	width: 25%;}
.DC27 {	width: 27%;}
.DC28 {	width: 28%;}
.DC30 {	width: 30%;}
.DC35 {	width: 35%;}
.DC40 {	width: 40%;}
.DC45 {	width: 45%;}
.DC46 { width: 46%;}
.DC47 { width: 47%;}
.DC48 {	width: 48%;}
.DC50 {	width: 50%;}
.DC55 {	width: 55%;}
.DC60 {	width: 60%;}
.DC65 {	width: 65%;}
.DC70 {	width: 69%;}
.DC75 {	width: 75%;}
.DC80 {	width: 79%;}
.DC85 {	width: 85%;}
.DC90 {	width: 90%;}
.DC92 {	width: 92%;}
.DC93 {	width: 93%;}
.DC95 {	width: 95%;}
.DC96 {	width: 96%;}
.DC97 {	width: 97%;}
.DC98 { width: 98%;}
.DC99 { width: 99%;}
.DC100 {width: 100%;}

/*比例區間*/
.DCB2  {width: 50%;}
.DCB21 {width: 43%;}  
.DCB3  {width: 33%;}
.DCB4  {width: 25%;}
.DCB41  {width: 24%;}
.DCB5  {width: 20%;}
.DCB6  {width: 16%;}
.DCB7  {width: 14%;}

/*高度區間*/
.H60  { height:60px; overflow:hidden}
.H100  { height:100px; overflow:hidden}
.H150  { height:150px; overflow:hidden}
.H200  { height:200px; overflow:hidden}
.H250  { height:250px; overflow:hidden}
.H300  { height:300px; overflow:hidden}
.H350  { height:350px; overflow:hidden}
.H400  { height:400px; overflow:hidden}
.H450  { height:450px; overflow:hidden}

/*區塊*/
.PA	{ position: absolute;}/*絕對座標*/
.PR { position: relative;}/*相對座標*/
.PF { position: fixed;} /*螢幕座標*/
.PS { position: static;}
.iPS { position: static;}

/*區塊內*/
.LDC00 { left: 0%}
.LDC05 { left: 5%}
.LDC10 { left: 10%}
.LDC15 { left: 15%}
.LDC20 { left: 20%}
.LDC25 { left: 25%}

.RDC00 { right: 0%}
.RDC05 { right: 5%}
.RDC10 { right: 10%}
.RDC15 { right: 15%}
.RDC20 { right: 20%}
.RDC25 { right: 25%}

/*層級*/
.Z1 {z-index: 1;}
.Z2 {z-index: 2;}
.Z3 {z-index: 3;}
.Z4 {z-index: 4;}
.Z5 {z-index: 5;}
.Z6 {z-index: 6;}
.Z11 {z-index: 11;}
.Z12 {z-index: 12;}
.Z13 {z-index: 13;}
.Z14 {z-index: 14;}
.Z15 {z-index: 15;}
.Z16 {z-index: 16;}


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

.cfe3 {
background: #CC0000;
background: -moz-linear-gradient(top,#dd3333 0%,#5E0000 100%); 
background: -webkit-linear-gradient(top,#dd3333 0%,#5E0000 100%); 
background: linear-gradient(to bottom,#dd3333 0%,#5E0000 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd3333', endColorstr='#5E0000',GradientType=0 );
box-shadow:inset 0px 5px 40px rgba(10%,10%,30%,0.2);
}
.cfe4 {
background: #FCF1DA;
background: -moz-linear-gradient(top,#FBBF97 0%,#F57E30 100%); 
background: -webkit-linear-gradient(top,#FBBF97 0%,#F57E30 100%); 
background: linear-gradient(to bottom,#FBBF97 0%,#F57E30 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBBF97', endColorstr='#F57E30',GradientType=0 );
/* box-shadow:inset 0px 5px 40px rgba(10%,10%,30%,0.2); */
}
.cfe5 {
background: #FCF1DA;
background: -moz-linear-gradient(top,#FFFF00 0%,#BFBF00 100%); 
background: -webkit-linear-gradient(top,#FFFF00 0%,#BFBF00 100%); 
background: linear-gradient(to bottom,#FFFF00 0%,#BFBF00 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFF00', endColorstr='#BFBF00',GradientType=0 );
/* box-shadow:inset 0px 5px 40px rgba(10%,10%,30%,0.2); */
}


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

.cfe63 {
background: #FFF;
background: -moz-linear-gradient(right, #FFF 10%, #F8FAF3 30%, #EEF4E3 50%); 
background: -webkit-linear-gradient(right, #FFF 10%, #F8FAF3 30%, #EEF4E3 50%); 
background: linear-gradient(to left, #FFF 10%, #F8FAF3 30%, #EEF4E3 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8FAF3', endColorstr='#EEF4E3',GradientType=0 ); 
}

.cfe7 {
background: #67ACC7;
background: -moz-linear-gradient(top,#67ACC7 0%,#316F86 100%); 
background: -webkit-linear-gradient(top,#67ACC7 0%,#316F86 100%); 
background: linear-gradient(to bottom,#67ACC7 0%,#316F86 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67ACC7', endColorstr='#316F86',GradientType=0 );
/* box-shadow:inset 0px 5px 40px rgba(10%,10%,30%,0.2); */
}
.cfe9 {
background: #b5bdc;
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 ); 
}

.cfe91 {
background: #FFF;
background: -moz-linear-gradient(top, #FFF 20%, #eee 30%, #bbb 100%); 
background: -webkit-linear-gradient(top, #FFF 20%,#eee 30%,#bbb 100%); 
background: linear-gradient(to bottom, #FFF 20%,#eee 30%,#bbb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF', endColorstr='#bbb',GradientType=0 ); 
}

.cfe92 {
background: #FFF;
background: -moz-linear-gradient(left, #FFF 30%, #F8F8F8 60%, #ddd 100%); 
background: -webkit-linear-gradient(left, #FFF 30%, #F8F8F8 60%,#ddd 100%); 
background: linear-gradient(to right, #FFF 30%, #F8F8F8 60%,#ddd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbb', endColorstr='#ddd',GradientType=0 ); 
}

.cfe93 {
background: #FFF;
background: -moz-linear-gradient(right, #FFF 30%, #F8F8F8 60%, #ddd 100%); 
background: -webkit-linear-gradient(right, #FFF 30%, #F8F8F8 60%,#ddd 100%); 
background: linear-gradient(to left, #FFF 30%, #F8F8F8 60%,#ddd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbb', endColorstr='#ddd',GradientType=0 ); 
}

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


.Rimg { border-radius: 10px;}/* 圓圖 */

.BS {border: 1px solid #aaa;}

.BSS {
border: 1px solid #aaa;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.BSS10 {
border: 1px solid #FFF;
-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; }
        


/*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 #aaa;
-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 #aaa;
-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 5px 5px 7px rgba(20%,20%,20%,0.2);
}
.BSR2 { 
box-shadow:4px 4px 8px -3px rgba(10%,20%,30%,0.5);
}
.BSR3 { 
box-shadow:0px 0px 1000px 1000px rgba(10%,10%,10%,1);
}

/*掛邊線*/
.BS-T {	border-top: 1px solid #666;}
.BS-R {	border-right: 1px solid #666;}
.BS-L {	border-left: 1px solid #666;}
.BS-B {	border-bottom: 1px solid #ccc;}
.BS-LR { 
border-right: 1px solid #bbbbbb;
border-left: 1px solid #bbbbbb;
}

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

.Dp2TD {padding: 2px 0px 2px 0px;}
.Dp5TD {padding: 5px 0px 5px 0px;}
.Dp8TD {padding: 8px 0px 8px 0px;}
.Dp10TD {padding: 10px 0px 10px 0px;}
.Dp15TD {padding: 15px 0px 15px 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 1px 5px 0px;}
.Dm10TD {margin:  10px 0px 10px 0px;}
.Dm15TD {margin: 15px 0px 15px 0px;}
.Dm20TD {margin: 20px 0px 20px 0px;}
.Dm20TD10 {margin: 20px 10px 20px 10px;}
.Dm30TD {margin: 30px 0px 30px 0px;}

.Dp2LR {padding: 0px 2px 0px 2px;}
.Dp5LR {padding: 0px 5px 0px 5px;}
.Dp10LR {padding: 0px 10px 0px 10px;}
.Dp15LR {padding: 0px 12px 0px 12px;}
.Dp20LR {padding: 0px 20px 0px 20px;}

.Dm2LR {margin:  0px 2px 0px 2px;}
.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: 3rem;
line-height: 50px;
}

.fd2 {
font-size: 1.8rem;
line-height: 2.5rem;
}

.fd21 {
font-size: 3rem;
line-height: 50px;
}

.fd31 {
font-size: 1.4rem;
line-height: 1.7rem;
}

.fd3 {
font-size: 1rem;
line-height: 1.7rem;
}


.fd4 {
font-size: 0.9rem;
line-height: 1.7rem;
}

.fd5 {
font-size: 0.8rem;
line-height: 1.7rem;
}

.fd51 {
font-size: 0.8rem;
line-height: 1.7rem;
}


.fd6 {
font-size: 1rem;
line-height: 1.7rem;
}


.fd61 {
font-size: 1rem;
line-height: 1.7rem;
}

.fd62 {
font-size: 2rem;
padding: 0px 10px 0px 10px;
line-height: 2.3rem;
}

.fd63 {
font-size: 0rem;
line-height: 0px;
}

.fd7 {
font-size: 1.3rem;
line-height: 1.5rem;
}

.fd0 {
font-size: 0rem;
line-height: 0rem;
}

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

select { outline: none;}
input { outline: none;}
option:checked, option:hover {color: #000; background: #D7F7CC;}
img {border: 0px;}


.BbR { margin: 20px 40px 20px 5px}
.BbL { margin: 20px 5px 20px 5px}


input[type=checkbox] {
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FireFox */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
}

.OVH {overflow:hidden}

/* 動畫 */
.animat.1s {animation-duration: 1s;animation-fill-mode: both;}
.animat.infinite {animation-iteration-count: infinite;}
.animat.2s {animation-duration: 2s;}
.animat.65s {animation-duration: .65s;}

.flash5s{
width:100px;
height:100px;
background:red;
position:relative;
animation:flash 5s;}

@keyframes flash
 {from, 50%, to {opacity: 1;} 25%, 65%  {opacity: 0;}}


@media only screen and (orientation: landscape) and (min-width: 800px) and (max-width: 1300px){

/*區間*/
.sDC00 { width: 0%;}
.sDC01 { width: 1%;}
.sDC03 { width: 3%;}
.sDC05 { width: 5%;}
.sDC08 { width: 8%;}
.sDC10 { width: 9%;}
.sDC12 { width: 12%;}
.sDC15 { width: 15%;}
.sDC20 { width: 20%;}
.sDC22 { width: 22%;}
.sDC25 { width: 25%;}
.sDC30 { width: 30%;}
.sDC35 { width: 35%;}
.sDC40 { width: 40%;}
.sDC45 { width: 45%;}
.sDC48 { width: 48%;}
.sDC50 { width: 50%;}
.sDC55 { width: 55%;}
.sDC60 { width: 60%;}
.sDC65 { width: 65%;}
.sDC70 { width: 70%;}
.sDC75 { width: 75%;}
.sDC80 { width: 80%;}
.sDC85 { width: 85%;}
.sDC90 { width: 90%;}
.sDC95 { width: 95%;}
.sDC96 { width: 96%;}
.sDC98 { width: 98%;}
.sDC99 { width: 99%;}
.sDC100 {width: 100%;}

/*高度區間*/
.sH100  { height:100px; overflow:hidden}
.sH150  { height:150px; overflow:hidden}
.sH200  { height:200px; overflow:hidden}
.sH250  { height:250px; overflow:hidden}
.sH300  { height:300px; overflow:hidden}
.sH350  { height:350px; overflow:hidden}
.sH400  { height:400px; overflow:hidden}
.sH450  { height:450px; overflow:hidden}
}


@media only screen and (orientation: landscape) and (min-width: 1500px) and (max-width: 1900px){
/*高度區間*/
.H100  { height:120px; overflow:hidden}
.H150  { height:180px; overflow:hidden}
.H200  { height:220px; overflow:hidden}
.H250  { height:280px; overflow:hidden}
.H300  { height:320px; overflow:hidden}
.H350  { height:380px; overflow:hidden}
.H400  { height:420px; overflow:hidden}
.H450  { height:480px; overflow:hidden}

.fd1 {font-size: 45px; line-height: 60px;}
.fd2 {font-size: 30px; line-height: 40px;}
.fd31 {font-size: 24px; line-height: 35px;}
.fd3 {font-size: 20px; line-height: 28px;}
.fd4 {font-size: 17px; line-height: 28px;}
.fd5 {font-size: 15px; line-height: 28px;}
}

@media only screen and (orientation: landscape) and (min-width: 1901px) and (max-width: 4000px){

/*區間*/
.lDC00 { width: 0%;}
.lDC01 { width: 1%;}
.lDC03 { width: 3%;}
.lDC05 { width: 5%;}
.lDC08 { width: 8%;}
.lDC10 { width: 9%;}
.lDC12 { width: 12%;}
.lDC15 { width: 15%;}
.lDC20 { width: 19%;}
.lDC22 { width: 22%;}
.lDC25 { width: 24%;}
.lDC30 { width: 29%;}
.lDC35 { width: 35%;}
.lDC40 { width: 40%;}
.lDC45 { width: 45%;}
.lDC46 { width: 46%;}
.lDC48 { width: 48%;}
.lDC50 { width: 49%;}
.lDC55 { width: 55%;}
.lDC60 { width: 60%;}
.lDC65 { width: 65%;}
.lDC70 { width: 69%;}
.lDC75 { width: 75%;}
.lDC80 { width: 79%;}
.lDC85 { width: 85%;}
.lDC90 { width: 89%;}
.lDC95 { width: 95%;}
.lDC96 { width: 96%;}
.lDC98 { width: 98%;}
.lDC99 { width: 99%;}
.lDC100 {width: 100%;}

/*高度區間*/
.lH100  { height:100px; overflow:hidden}
.lH150  { height:150px; overflow:hidden}
.lH200  { height:200px; overflow:hidden}
.lH250  { height:250px; overflow:hidden}
.lH300  { height:300px; overflow:hidden}
.lH350  { height:350px; overflow:hidden}
.lH400  { height:400px; overflow:hidden}
.lH450  { height:450px; overflow:hidden}
.lH500  { height:500px; overflow:hidden}
.lH650  { height:650px; overflow:hidden}

.fd1 {font-size: 50px; line-height: 70px;}
.fd2 {font-size: 35px; line-height: 45px;}
.fd31 {font-size: 30px; line-height: 40px;}
.fd3 {font-size: 26px; line-height: 40px;}
.fd4 {font-size: 24px; line-height: 40px;}
.fd5 {font-size: 22px; line-height: 40px;}
}
@media only screen and (orientation: portrait)  {

/*區間*/
.iDCB01 {
width: 100%; 
}
.iDCB1 {
width: 100%; 
margin: 20px 0px 20px 0px;
border: 0px solid #aaa;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.iDCB02 {width: 48%;
}  
.iDCB2 {width: 49%;
margin: 20px 0px 20px 0px;
padding: 20px 0px 20px 0px;
} 
.iDCB03 {width: 32%;
}
.iDCB3 {width: 33%;
margin: 20px 0px 20px 0px;
padding: 20px 0px 20px 0px;
}

.ifaC {text-align: center;}
.ifaL {text-align: left;}
.ifaR {text-align: right;}
.ifaM {vertical-align: text-middle;}
.ifaT {vertical-align: text-top;}
.ifaH {height: 28px;}
.iBaS1 {border-top: 1px solid #eee;}
.iBaS2 {border-right: 1px solid #eee;}
.iBaS3 {border-bottom: 1px solid #eee;}
.iBaS4 {border-left: 1px solid #eee;}
.iBaC {margin: 0px auto;}
.iBaL {float: left;}
.iBaR {float: right;}
.iBaM {vertical-align: middle;}
.iBaT {vertical-align: top;}
.iBaD {vertical-align: bottom;}

/*區間*/
.iDC00 {width: 0%;}
.iDC01 {width: 1%;}
.iDC03 {width: 3%;}
.iDC05 {width: 5%;}
.iDC08 {width: 8%;}
.iDC10 {width: 9%;}
.iDC12 {width: 12%;}
.iDC15 {width: 15%;}
.iDC20 {width: 19%;}
.iDC22 {width: 22%;}
.iDC25 {width: 24%;}
.iDC30 {width: 29%;}
.iDC35 {width: 35%;}
.iDC40 {width: 40%;}
.iDC45 {width: 45%;}
.iDC46 {width: 46%;}
.iDC47 {width: 47%;}
.iDC48 {width: 48%;}
.iDC50 {width: 49%;}
.iDC55 {width: 55%;}
.iDC60 {width: 60%;}
.iDC65 {width: 65%;}
.iDC70 {width: 69%;}
.iDC75 {width: 75%;}
.iDC80 {width: 79%;}
.iDC85 {width: 85%;}
.iDC90 {width: 89%;}
.iDC95 {width: 95%;}
.iDC96 {width: 96%;}
.iDC98 {width: 98%;}
.iDC99 {width: 99%;}
.iDC100 {width: 100%;}

/*高度區間*/
.iH00  { height:0px; overflow:hidden}
.iH70  { height:70px; overflow:hidden}
.iH100  { height:100px; overflow:hidden}
.iH150  { height:150px; overflow:hidden}
.iH200  { height:200px; overflow:hidden}
.iH250  { height:250px; overflow:hidden}
.iH300  { height:300px; overflow:hidden}
.iH350  { height:350px; overflow:hidden}
.iH400  { height:400px; overflow:hidden}
.iH450  { height:450px; overflow:hidden}
.iH500  { height:500px; overflow:hidden}
.iH550  { height:550px; overflow:hidden}
.iH600  { height:600px; overflow:hidden}
.iH650  { height:650px; overflow:hidden}
.iH700  { height:700px; overflow:hidden}
.iH750  { height:750px; overflow:hidden}
.iH800  { height:800px; overflow:hidden}
.iH850  { height:850px; overflow:hidden}
.iH900  { height:900px; overflow:hidden}
.iH950  { height:950px; overflow:hidden}
.iH1000  { height:1000px; overflow:hidden}

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


.BSS {
border: 1px solid #aaa;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}

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

.cfe91 {
background: #999;
background: -moz-linear-gradient(top, #444 30%, #666 80%, #888 100%); 
background: -webkit-linear-gradient(top, #444 30%,#666 80%,#888 100%); 
background: linear-gradient(to bottom, #444 30%,#666 80%,#888 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999', endColorstr='#888',GradientType=0 ); 
}


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



.fd1 {
font-size: 6rem;
line-height: 130px;
}

.fd21 {
font-size: 4rem;
line-height: 100px;
}

.fd2 {
font-size: 3.2rem;
line-height: 70px;
}

.fd32 {
font-size: 2.8rem;
line-height: 80px;
}

.fd31 {
font-size: 3rem;
line-height: 70px;
}

.fd3 {
font-size: 2.4rem;
line-height: 60px;
}

.fd4 {
font-size: 2.2rem;
line-height: 60px;
}

.fd41 {
font-size: 1.8rem;
line-height: 60px;
}

.fd5 {
font-size: 1.8rem;
line-height: 60px;
}

.fd6 {
font-size: 1.5rem;
line-height: 40px;
}

.fd61 {
font-size: 3rem;
line-height: 60px;
}

.fd62 {
font-size: 3.4rem;
line-height: 100px;
}

.fd63 {
font-size: 3rem;
line-height: 60px;
}


.fd7 {
font-size: 1.5rem;
line-height: 40px;
}

.fd00 {
font-size: 0rem;
line-height: 0px;
}

.ifd1 {
font-size: 6rem;
line-height: 130px;
}

.ifd2 {
font-size: 3.2rem;
line-height: 70px;
}


.ifd3 {
font-size: 2.4rem;
line-height: 50px;
}

.ifd4 {
font-size: 2.2rem;
line-height: 50px;
}
}