@media screen and (max-width: 360px) and (min-width: 5px)  {
	.brandLogo{width:40%;margin-bottom:-10px;}
	.brandTitle{width:50%;}}

@media screen and (max-width: 480px) and (min-width: 361px)  {
	.brandLogo{width:32%;margin-bottom:-10px;}
	.brandTitle{width:45%;}}
	
@media screen and (max-width:640px) and (min-width: 481px) {
	.brandLogo{width:28%;margin-bottom:-10px;}
	.brandTitle{width:40%;}}

	
/*大網開始 ==================================================================================================================*/	
#info_main { width:90%; margin:0 auto; text-align:left; font-size:12px; font-family:Arial,'新細明體'; color:#666666; line-height:22px; }
#info_main li{line-height:16px;}
h1 { background-color:#00CCFF; color:#003366; font-size:24px; font-family:"微軟正黑體"; font-weight:bold; padding:8px; width:97%; float:left;  clear:both; margin:10px 0;}
#h2 {color: #FFFF00; font-size:28px; font-family: Arial;}
#info_txt {clear:both; margin:5px 30px;}
.passt { font:900 20px/1 "微軟正黑體"; color:#FF3300; height:30px; width:100%; }
.tit{font:900 26px/1 "微軟正黑體"; margin:0 0 0 30px;}
li{ margin: 10px 0 10px 30px}
/*大網END*/

/*小網開始==================================================================================================================*/
#info_main_s { width:96%; margin:10px auto 0 auto; text-align:left; font-size:12px; font-family:Arial,'新細明體'; color:#666666; line-height:22px; border:#66FFCC solid 10px; }

/*小網END*/

.tb{ -webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;}

.main{ width:80%; background:#FFFFFF; margin:0 auto; border:#FF3399 solid 10px; text-align:center}
.main p{
	border:3px dashed #999999;
	width:90%;
	margin:0 auto;
}
.main IFRAME{ margin:10px 0; width:100%}
.banner IFRAME{  width:100%}
.banner { width:82%; /*height:300px;*/ margin:10px auto; background:#FFFFFF }
.banner img { width:100%; }
#mobile img {width:95%; height:95%;}
.style1 {
	font:500 22px/1 "微軟正黑體";
	color:#FFFFFF;
	padding:0 5px 0px 5px;
	margin:10px 0 0 0;
	background-color: #ef5960;
}
.style2 { font:100 18px/1.2 "微軟正黑體"; color: #333333;padding:10px;}
.style2 td { padding:5px}
#rolltop {display:none;}
.style8 {
	color: #FFFF00;
	font-weight: bold;
}
.style9 {color: #FF0000; }
/*ol{ margin: 5px 30px}*/
ul{list-style-type: lower-roman; margin:0px 0}
li{ margin:10px 0 0 30px}
a {
	color: #ed5b65;
}
a:hover {
	color: #7084e5;
}
.style11 {
	font:500 20px/1 "微軟正黑體";
	color:#FFFFFF;
	padding:0 5px 0px 5px;
	margin:10px 0 0 0;
	background-color: #ef5960;
}
.style21 { font:100 15px/1.2 "微軟正黑體"; color: #333333;}

.buttonClass_01 {
	/*position: absolute;
	
	z-index:99;
	top:180px;
	right:530px;
	*/
	
	width:225px;
	height:183px;
	position: relative;
	top: 165px;
	left: 5px;
	bottom: 100px;
	right: 200px;
	cursor:pointer;
	background-attachment: fixed;
	background-image: url(../images/index_03.png);
	display:block;
	background-position:165px 200px;
	background-repeat:no-repeat;
	
    
}
buttonClass_001:hover{
	position: relative;
	width:225px;
	height:183px;
	z-index:99;
	top:165px;
	right:330px;
	display:block;
	cursor:pointer;
	background-attachment: fixed;
	background-image: url(../images/index_03.png);
	background-repeat: no-repeat;
	background-position: center top;

    
}

.buttonClass_02 {
	width:225px;
	height:183px;
	position: relative;
	top: -18px;
	left: 231px;
	bottom: 400px;
	right: 200px;
	cursor:pointer;
	background-attachment: fixed;
	background-image: url(../images/index_04.png);
	display:block;
		background-repeat: no-repeat;
	background-position: 592px 165px;

    
}

.buttonClass {
	position: absolute;
	float:left;
	width:190px;
	height:56px;
	z-index:99;
	top:288px;
	right:523px;
	display:block;
	cursor:pointer;

    
}
.buttonClass2 {
	position: absolute;
	float:left;
	width:190px;
	height:57px;
	z-index:99;
	top:290px;
	right:328px;
	display:block;
	cursor:pointer;

    
}
.lined {
width:100%;
height:15px;
border-top:#fff dashed 2px;
margin: 10px 0 0 0;

}

.main_l{ background-image:url(../images/index_01.jpg);
width:800px; height:450px;
margin:0 auto;}

.md_f{ float:left; overflow:auto;}
.md_f_01{ float:left; overflow:auto; background-image: url(../images/index_05.png);}
.md_f_02{ float:left; overflow:auto; background-image: url(../images/index_06.png);}
.da1 { width:225px; height:225px; display:block; background-image: url(../images/index_07.jpg);}
.da2 { width:225px; height:225px; display:block; background-image: url(../images/index_08.jpg);}
.da1:hover{ background-image: url(../images/index_07-2.jpg);}
.da2:hover{ background-image: url(../images/index_08-2.jpg);}