.bg2{ background-size:cover;
background:url(../images/backgr1.jpg);	background-repeat:repeat;
	background-position:center center;
	margin:0;padding:15px 0;text-align:center;}
.bg2 h1{font-size:40px;color:#2f4d93;letter-spacing:3px; margin:5px 0 20px 0;font-weight:bold; line-height:40px;}
.bg2 samp{color:#606269;
font-size:24px; margin-left:20px;}

.bg2 ul{ overflow:hidden; width:96%; margin:auto;}
.bg2 ul li{width:44%;margin:20px 3%; float:left; padding:0;background-color:#000;}

.bg2 ul li h1 p{font-size:16px;line-height:24px; margin-top:15px; text-align:left;}
.bg2 ul li h2{width:55%;float:left;padding:0;margin:0;}
.bg2 ul li h2 img{ text-align:right; padding:0; margin:0;}
.bg2 ul li a{width:193px;height:41px;display:block;margin-top:10px;}
.bg2 ul li a:hover{ opacity:0.7;}

.bg2 ul li > .bg2-text{ padding-top:8%;}


.bg3{ background:#FFFFFF;margin:0;padding:30px 0;text-align:center;overflow:hidden;letter-spacing:1px;}
.bg3 h1{font-size:40px;color:#2f4d93;letter-spacing:3px; margin:5px 0 15px 0;font-weight:bold; line-height:40px;}
.bg3 samp{ color:#606269;
font-size:24px; margin-left:20px;
}
.bg3 ul{}
.bg3 ul li{width:18%;margin:10px 1% 15px 1%;float:left; color:#fff; border:solid 1px #ded6c2; background:url(../images/icon.png)  #f6f3eb no-repeat 98% 95%; }
.bg3 ul li h1{ float:left;font-size:20px;font-weight:bold;margin:22px 5px 22px 10px;padding:0; color:#2f4d93; line-height:30px; letter-spacing:0px;}
.bg3 ul li p{float:left; line-height:30px; color:#3f3f3f;margin:22px 0 22px 0;
font-size:12px;}

.bg4{ background:url(../images/backgr3.jpg) repeat-x 40px top ;padding:0;overflow:hidden;text-align:center;letter-spacing:1px;}
.bg4 h1{font-size:40px;color:#2f4d93;letter-spacing:3px; margin:25px 0 50px 0;font-weight:bold; line-height:40px;}
.bg4 samp{color:#606269;
font-size:24px; margin-left:20px;}
.bg4 h6{font-size:18px;color:#555;font-weight:bold; margin-bottom:35px;}
.bg4-top{width:100%; margin:15px auto 45px auto; overflow:hidden;}
.bg4-top li{ width:25%; float:left;}
.bg4-top li img{width:279px;height:205px;margin:0 auto;}

.bg4-bottom{ margin:0 0 120px 48%; width:50%; padding:25px 0; overflow:hidden; color:#606269;
font-size:18px; float:left; font-family:"微軟正黑體",;
line-height:28px; text-align:left;}
.bg4-bottom img{ width:149px; height:51px;}
.bg4-bottom ul{width:60%; margin-top:45px; float:left;}
.bg4-bottom ul li{width:30%; margin:0 1%; float:left;}
.bg4-bottom ul li h2{width:96%; background-color:#e22222; color:#fff; font-size:16px; font-weight:bold; padding:2%; margin:15px 0;border-radius:18px;}
.bg4-bottom h3{font-size:16px; font-weight:bold; text-align:left; line-height:30px; color:#555;width:37%;float:left;margin-left:3%;}
	
.bg4-line{background:url(../images/bg4-line.png) repeat-y right 0;}

.bg5{ background:url(../images/backgr4.jpg) repeat-x left bottom; background-size:cover;padding:35px 0 20px 0;text-align:center;overflow:hidden;letter-spacing:1px;color:#fff;}
.bg5 h1{font-size:40px;color:#2f4d93;letter-spacing:3px; margin:5px 0 20px 0;font-weight:bold; line-height:40px;}
.bg5 samp{color:#606269;
font-size:24px; margin-left:20px;}

.bg4 h1{font-size:40px;color:#2f4d93;letter-spacing:3px; margin:45px 0 20px 0;font-weight:bold; line-height:40px;}
.bg4 samp{color:#606269;
font-size:24px; margin-left:20px;}

.bg5 h2{font-size:18px;font-weight:bold;}
.bg5 img{ width:200px; height:200px;}
.bg5 ul{ width:90%; margin:0 auto;}
.bg5 ul li{width:25%;margin:4% 0;float:left; height:230px;}
.bg5 ul li p{font-size:18px;margin-top:5px;}

*.practices:hover {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.bg5 li {
    zoom: 1;
    overflow: visible;
}
.bg6{ background:url(../images/backgr2.jpg) repeat-x left bottom;background-size:cover;margin:0;padding:30px 0;text-align:center;}
.bg6 h1{font-size:40px;color:#FFFFFF;letter-spacing:3px; margin:5px 0 50px 0;font-weight:bold; line-height:40px;}
.bg6 samp{color:#FFFFFF;
font-size:24px; margin-left:20px;}
.bg6-1{
	width: 98%;
	margin: auto;
}


*.practices {
    display: inline-block;
    -moz-transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

.footer{ background:#2b3135;padding:35px 0 20px 0; text-align:center; color:#fff;letter-spacing:1px;}
.footer h1{font-size:40px;color:#FFFFFF;letter-spacing:3px; margin:5px 0 20px 0;font-weight:bold; line-height:40px;}
.footer samp{color:#FFFFFF;
font-size:24px; margin-left:20px;}

.footer p{color:#A0A5AF;font-size:12px; margin:30px 0 0 0;}
.footer a{color:#A0A5AF;}
.footer a:hover{color:#fff;}
.footer a:visited{color:#A0A5AF;}
.footer a:active{color:#A0A5AF;}

.contact{ width:75%; margin:25px auto; overflow:hidden;}
.contact li{width:25%;float:left;}
.contact img{width:78px;height:73px;}
.contact li p{margin-top:10px; font-size:14px;color:#fff;}
.contact li p samp{
	width:100%;
	float:left;
	font-size:14px;
	font-family:"微軟正黑體", "新細明體", Arial, Verdana;
	color:#ffffff;
	margin:-10px 0 0 0 ;
}
.logo{
	width: 532px;
	height: 76px;
	position: absolute;
	top: 20px;
	left: 30px;
}

.top{ position:fixed;bottom:15px;right:0px;background:url(../images/index.jpg) no-repeat;width:80px;height:80px; z-index:9999;}
.logo-2{display:none;}

.p-text{width:94%;padding:15px 3%;background-color:#21b2bf;color:#fff;margin:0;font-family:"微軟正黑體";}
.p-text h1{font-size:24px; text-align:center;}
.p-text h2{font-size:18px;}
.p-text p{font-size:14px;}

.box-21{width:98%;margin:10px auto;}
.box-21 h1{ font-family:"微軟正黑體"; text-align:center; color:#555; letter-spacing:2px;}
.box-21 ul{}
.box-21 ul li{width:24%;float:left;border-radius:10px; margin:10px 0.5%;}
.box-21 ul li img{border-radius:8px;}
.box-21 ul > .w-50{width:49%;}
.box-21 ul > .w-100{width:99%;}

.map{ background:url(../images/map.jpg) no-repeat center center;background-size:cover; width:100%; height:435px; display:block;}
@media only screen and (min-width:1024px){
.bg2 ul{}
.bg2 ul li{ border:solid 1px #2f4d93; width:48%; margin:0 1% 22px 1%; background:#FFFFFF; }
.bg2-1{ width:45%; float:left; margin-left:3%; margin-right:2%;}
.bg2-1 img{
	width:100%;
	float:left;
}
.bg2-1 h1{
	width:100%;float:left; color:#2f4d93;
font-size:25px;
border-bottom:1px dashed #2f4d93;
line-height:24px;
text-align:left;
margin-bottom:15px;
margin-top:15px;
line-height:55px;
}
.bg2-1 p{width:100%;float:left; color:#2e2f32;
font-size:15px;
line-height:24px;
text-align:left;
margin-bottom:25px;
margin-top:0px;
}
.bg2-2{ width:50%; float:left; margin-left:0%;}
.bg2-2 img{
	float:left;
	width:100%;
}


.bg2 ul li h2{width:100%;padding:0;margin:0; background:none;}

.bg2 ul li a{width:193px;height:41px;display:block;margin:10px auto 0 auto;}
}

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

.logo{width:536px;height:72px; position:absolute;top:20px;left:30px;}}

@media only screen and (max-width:1250px){
.bg4-top{width:100%; margin:15px auto 45px auto; overflow:hidden;}
.bg4-top li{ color:#606269;
font-size:18px;
line-height:32px;width:50%;float:right; margin:55px 0 35px 0;}	
	}

@media only screen and (max-width:1024px){
.bg3 ul li{width:46%;margin:10px 2%;}	


.bg5 ul{ width:100%; margin:0 auto;}

.step{width:100%;}
.footer-line{width:100%;}
.contact{width:100%;}

.logo{width:400px;height:75px; position:absolute;top:20px;left:30px;}

.bg5 img{width:200px;height:200px;}
.bg5 ul{width:100%;margin:0 auto;}
.bg5 ul li{width:42%; margin:4%;float:left;height:220px;}

.contact li{width:33%; margin:10px 0;}



.bg4-bottom{ margin:0 0 30px 48%; width:50%; padding:25px 0; overflow:hidden; color:#606269;
font-size:18px; float:left;
line-height:32px; text-align:left;}
.contact{ width:90%; margin:25px auto;}
.contact li{width:50%;float:left;}
.bg2 ul{}
.bg2 ul li{ border:solid 1px #2f4d93; width:98%; margin:0 1% 22px 1%; background:#FFFFFF; }
.bg2-1{ width:54%; float:left; margin-left:2%; margin-right:2%;}

.bg2-1 h1{
	width:100%;float:left; color:#2f4d93;
font-size:25px;
border-bottom:1px dashed #2f4d93;
line-height:24px;
text-align:left;
margin-bottom:15px;
margin-top:15px;
line-height:55px;
}
.bg2-1 p{width:100%;float:left; color:#2e2f32;
font-size:15px;
line-height:24px;
text-align:left;
margin-bottom:25px;
margin-top:15px;
}
.bg2-2{ width:42%; float:left; margin:0;}
.bg2-2 img{
	float:left;
}



}
@media only screen and (max-width:999px)
{
.box-21 ul li{width:49%;}
.box-21 ul > .w-50{width:49%;}

	}
@media only screen and (max-width:768px){
.bg2 h1{font-size:40px; color:#2f4d93; letter-spacing:3px; margin:5px 0 15px 0;font-weight:bold; line-height:40px;}
.bg2 samp{font-size:24px; margin-left:20px;}

.bg2 ul{  width:100%;}
.bg2 ul li{width:100%;margin:20px 0 0 0; float:left; padding:0;}
.bg2 ul li h1{width:100%;float:left;font-size:20px;padding:0; margin:0; font-weight:bold;}
.bg2 ul li h1 p{font-size:15px;line-height:20px; margin-top:5px;}
.bg2 ul li h2{width:50%;float:left;padding:0;margin:0;}
.bg2 ul li h2 img{ text-align:right; padding:0; margin:0; width:100%;}	


.step{width:90%;margin:15px auto;}
.step li{width:50%; margin-top:20px;}
.step li p{margin-top:10px; font-size:14px;}
.arrow{}
.arrow-p{background:none;}
.logo{ display:none;}

.phpo{background-color:#000;margin:0;padding:20px 0;}
.phpo ul{width:90%; margin:20px auto;overflow:hidden;}
.phpo ul li{float:left; width:44%; margin:15px 3%;}
.phpo ul li p{color:#fff; text-align:center;margin-top:8px; font-size:16px;}
.phpo ul li img{border:4px solid #fff;box-shadow:0px 0px 6px 0px #333;}
.bg2{ background-size:cover;
background:url(../images/backgr1.jpg);	background-repeat:repeat;
	background-position:center center;
	margin:0;padding:15px 0;text-align:center;}
.bg2 ul{}
.bg2 ul li{ border:solid 1px #2f4d93; width:98%; margin:0 1% 22px 1%; background:#FFFFFF; }
.bg2-1{ width:54%; float:left; margin-left:2%; margin-right:2%;}

.bg2-1 h1{
	width:100%;float:left; color:#2f4d93;
font-size:25px;
border-bottom:1px dashed #2f4d93;
line-height:24px;
text-align:left;
margin-bottom:15px;
margin-top:15px;
line-height:55px;
}
.bg2-1 p{width:100%;float:left; color:#2e2f32;
font-size:15px;
line-height:24px;
text-align:left;
margin-bottom:25px;
margin-top:15px;
}
.bg2-2{ width:42%; float:left; margin:0;}
.bg2-2 img{
	float:left;
}


.bg2 ul li h2{width:100%;padding:0;margin:0; background:none;}

.bg2 ul li a{width:193px;height:41px;display:block;margin:10px auto 0 auto;}
.bg4{ background:url(../images/backgr5.jpg) repeat-x left top;padding:0;overflow:hidden;text-align:center;letter-spacing:1px;}
.bg4 h1{font-size:40px;color:#2f4d93;letter-spacing:3px; margin:20px 0 0px 0;font-weight:bold; line-height:40px;}
.bg4 samp{color:#606269;
font-size:24px; margin-left:20px;}
.bg4-bottom{ margin:0 0 15px 2%; width:96%; padding:10px 0; overflow:hidden; color:#606269;
font-size:18px; float:left;
line-height:32px; text-align:left;}
.contact{ width:90%; margin:25px auto;}
.contact li{width:50%;float:left;}	
}
@media screen and (min-width: 768px) and (max-width: 1024px) {/*針對平板*/
.bg4{ background:url(../images/backgr3.jpg) repeat-x -150px top;padding:0;overflow:hidden;text-align:center;letter-spacing:1px;}
.bg4-bottom{ margin:0 0 0px 48%; width:50%; padding:25px 0; overflow:hidden; color:#606269;
font-size:18px; float:left;
line-height:32px; text-align:left; font-family:"微軟正黑體",;}
}
@media only screen and (max-width:767px){
.logo-2{width:277px;height:48px;display:block; float:right; margin:10px 10px 0 0;}


.footer-line{width:100%;margin:30px 0; height:2px; overflow:hidden;}
.bg4-bottom ul li{width:96%; margin:0 3%; float:none;}

.bg4-top li{width:100%;float:none;}	
.bg2 h1{font-size:26px;color:#2f4d93; margin:5px 0 10px 0;line-height:26px;}
.bg2 samp{color:#606269;
font-size:20px; margin-left:10px;}
.bg3{ background:#FFFFFF;margin:0;padding:15px 0;}
.bg3 h1{font-size:20px;color:#2f4d93; margin:5px 0 10px 0;line-height:26px;}
.bg3 samp{ color:#606269;
font-size:15px; margin-left:10px;
}
.bg3 ul{ margin:0; padding:0;}
.bg3 ul li{width:46%;margin:10px 1% 5px 1%;float:left; color:#fff; border:solid 1px #ded6c2; background:url(../images/icon.png)  #f6f3eb no-repeat 98% 95%; }
.bg3 ul li h1{ float:left;font-size:18px;margin:5px 2% 0px 2%;padding:0; color:#2f4d93; width:96%; }
.bg3 ul li p{float:left; color:#3f3f3f;margin:0px 2% 0px 2%;font-size:12px;width:96%; padding:0;}
.bg6{ background:url(../images/backgr2.jpg) repeat-x left bottom;background-size:cover;margin:0;padding:15px 0;text-align:center;}
.bg6 h1{font-size:26px;color:#FFFFFF; margin:0px 0 10px 0;line-height:26px;}
.bg6 samp{color:#FFFFFF;
font-size:20px; margin-left:5px;}
.bg4{ background:url(../images/backgr5.jpg) repeat-x ;padding:15px 0;overflow:hidden;text-align:center;letter-spacing:1px;}
.bg4 h1{font-size:26px;color:#2f4d93; margin:0 0 10px 0;line-height:26px;}
.bg4 samp{color:#606269;
font-size:20px; margin-left:10px;}
.bg4-bottom{ margin:0 2% 10px 2%; width:96%; padding:0px 0; overflow:hidden; color:#606269;
font-size:15px; float:left;
line-height:20px; text-align:left; font-family:"微軟正黑體", ;}
.bg5 h1{font-size:26px;color:#2f4d93; margin:0 0 10px 0;line-height:26px;}
.bg5 samp{color:#606269;
font-size:20px; margin-left:10px;}
	}

@media only screen and (max-width:580px){
.bg2 ul li h1{width:100%;font-weight:100; font-size:22px; margin:0; font-weight:bold; }
.bg2 ul li p{width:100%;font-weight:100; font-size:15px; margin:5px 2% 5px 2%; }
.bg2 ul li h2{width:100%;padding:0;margin:0;}
.box-21 ul li{width:99%;}
.box-21 ul > .w-50{width:99%;}		
}
	
@media only screen and (max-width:480px){


.step{width:90%;margin:15px auto;}
.step li{width:100%; margin-top:20px;}
.step li p{margin-top:10px; font-size:14px;}
.arrow{background:url(../images/arrow-2.png) no-repeat center bottom;width:26px;height:auto;padding-bottom:30px;}
.arrow-p{background:url(../images/arrow-2.png) no-repeat center bottom;width:26px;height:auto;padding-bottom:30px;}

.bg3 ul li{width:46%;margin:10px 2%;}

.bg5 ul li{width:92%; margin:30px 4%;}

.contact li{width:90%;margin:20px 5%;}
.bg2 ul{}
.bg2 ul li{ border:solid 1px #2f4d93; width:96%; margin:0 2% 15px 2%; background:#FFFFFF; }
.bg2-1{ width:90%; float:left; margin:0 0 0 2%;}

.bg2-1 h1{
	line-height:36px;
	width:96%;
	float:left;
	 color:#2f4d93;
font-size:12px;
border-bottom:1px dashed #2f4d93;

}
.bg2-1 p{width:96%;
	float:left; color:#2e2f32;
line-height:24px;
text-align:left;
margin:0 2% 0 2%;
}
.bg2-2{ width:100%; float:left; margin-left:0%;}
.bg2-2 img{
	float:left;
}


.bg2 ul li h2{width:100%;padding:0;margin:0; background:none;}

.bg2 ul li a{width:193px;height:41px;display:block;margin:10px auto 0 auto;}

	.footer h1{font-size:26px;color:#FFFFFF; margin:0px 0 10px 0; line-height:26px;}
.footer samp{color:#FFFFFF;
font-size:20px; margin-left:10px;}
	}
	
@media only screen and (max-width:400px){
	

}


@media (min-width:769px){.hidden-lg{display:none!important}}
@media (max-width:768px){.hidden-s{display:none!important}}