@charset "utf-8";
/* CSS Document */

.insideWrap{ padding:80px 0 0 0;}
/*.insideWrap .titleWrap .titleBox{ background:url(../images/title_about.jpg) no-repeat;}*/



/*==about==*/
.pricesWrap{ width:100%; box-sizing:border-box; position:relative;} 
/*.pricesWrap:after{ content:""; position:absolute; right:180px; bottom:0; width:200px; height:99px; background:url(../images/img_bg03.png) no-repeat;}*/
.pricesWrap .wrap{ padding:100px 180px;}
.pricesWrap .wrap .photoBox{ float:left; width:40%; box-sizing:border-box; background:#fff; padding:10px;}
.pricesWrap .wrap .photoBox img{ display:block; width:100%;}
.pricesWrap .wrap .aboutBox{ float:left; width:60%; box-sizing:border-box; padding: 20px 0 0 100px;}
.pricesWrap .wrap .aboutBox .txtBox{ margin-top:30px;}
.pricesWrap .wrap .aboutBox .txtBox p{ font-size:16px; line-height:1.6; padding-bottom:10px;}
.pricesWrap .wrap .aboutBox .fbLink{ margin-top:80px;}
.pricesWrap .wrap .aboutBox .fbLink a{ display:block; font-size:24px; color:#355089; line-height:43px; transition:all 0.4s ease;}
.pricesWrap .wrap .aboutBox .fbLink a i{ font-size:38px; padding-right:10px;}
.pricesWrap .wrap .aboutBox .fbLink a:hover{ opacity:0.8;}


.insideWrap .navBox{ width:100%; margin-top:30px;}
.insideWrap .navBox b{ color:#FF6801; text-align:center;}
.insideWrap .navBox ul{ display:block; margin-top:50px;}
.insideWrap .navBox ul li{ float:left; margin:2px;width:24%; padding:0 5px; box-sizing: border-box;}
.insideWrap .navBox ul li a{ display:block; font-size:18px; color:#FF6801; background:#fff; border:1px #FF6801 solid; text-align:center; padding:10px 10px; transition:all 0.4s ease;}
.insideWrap .navBox ul li a:hover{ background:#FF6801; color:#fff;}
.insideWrap .navBox ul li a.active{ font-size:18px; color:#fff; background:#FF6801; font-weight:bold;}


.pricesWrap .wrap td {font-size:18px;padding:10px 10px;}


/* ¤U¤è«ö¶s */
.outerWrap .shareBox{ width:100%; text-align:right; margin-top:40px;  padding:20px 20px 0; box-sizing: border-box;}
.outerWrap .shareBox a{ display:inline-block; background:#ffc90e; color:#fff; text-align:center; padding:10px 20px; font-size:13px; transition:all 0.4s ease;}
.outerWrap .shareBox a:hover{ background:#ffc90e;}


@media (max-width:1034px){

.pricesWrap .wrap{ padding:100px 100px;}	
.pricesWrap:after{ right:0;}
}



@media (max-width:768px){
.pricesWrap .wrap{ padding:60px 50px;}	
.pricesWrap .wrap .aboutBox{ padding:0 0 0 40px;}
.pricesWrap .wrap .aboutBox .fbLink{ margin-top:30px;}
.pricesWrap:after{ width:100px; height:50px; background-size:cover;}
	
}

@media (max-width:640px){
.pricesWrap .wrap .aboutBox .txtBox{ margin-top:0;}	
.pricesWrap .wrap .aboutBox .txtBox p{ font-size:14px;}
}

@media (max-width:480px){
.pricesWrap .wrap{ padding:40px 5px;}
.pricesWrap .wrap .photoBox{ float:none; width:70%; margin:0 auto;}
.pricesWrap .wrap .aboutBox{ float:none; width:70%; margin:20px auto 0; padding:0;}
}

@media (max-width:420px){
.pricesWrap .wrap .aboutBox{ width:80%;}
}


@media (max-width:375px){
.pricesWrap .wrap .photoBox{ width:85%;}	
.pricesWrap .wrap .aboutBox{ width:90%;}
}


@media (max-width:320px){
.pricesWrap .wrap .aboutBox{ width:100%;}
}