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

@media screen and (min-width: 1025px) 
		{

.tab_comm {overflow:hidden;width:800px; margin-left: -30px; padding-bottom:0px;  position:relative}
.tab_menu { margin-left:30px  }
.tab_comm li {float:left;width:150px; margin-left:2px;  list-style:none; border-radius: 8px}
.tab_comm .lst {overflow:hidden;float:none;width:150px;  }
.tab_comm .link_tab {display:block;height:50px; line-height:50px;  border:2px solid #dbdbdb ;font-size:16px;text-align:center;text-decoration:none}
.tab_comm .fst .link_tab { }
.tab_comm .lst .link_tab {border-right:2px solid #dbdbdb;}
.tab_comm .on .link_tab { font-weight:normal; background:#000c4c url(images/type_bg.jpg) no-repeat; color:#fff; }

    
    .subwrap {width: 100%; height: auto; position: relative}
    .subwrap .title_1 { font-size: 30px; color: #000; margin: 50px 0 }
    .img_photo { width: 350px; height: 294px; float: left}
    .man_content { width: 780px; height: 294px; float: left; padding-left: 150px; padding-top: 55px }
    .man_content h1 {font-size: 23px; font-weight: bold; text-decoration: underline; text-underline-offset:6px; color: #000}
    .man_content p {font-size: 18px; font-weight: 400; color: #000; margin-top: 26px; line-height: 1.3 }    
    .man_bar { width: 100%; height: 113px; background: url("../theme/sy9191/image/sub/man_bar.png") no-repeat center top; clear: both; margin-top: 0}
               
            
#img_large { width:920px; height:auto; display:block; position:relative; }
#img_s { display:none}	

#s_mapwrap { width:100%; height:auto; margin:20px auto 20px}
#max { width:920px; height:auto; display:block}	
#mini { display:none}	
            .mobile_on { display: none}
            .pc_on { display: block}
	}	

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


.tab_comm {overflow:hidden;width:100%;padding-bottom:0px;  position:relative}
.tab_menu { margin-left:0px  }
.tab_comm li {float:left;width:30%; margin-left:2px;  list-style:none; border-radius: 8px}
.tab_comm .lst {overflow:hidden;float:none;width:30%;  }
.tab_comm .link_tab {display:block;height:30px; line-height:30px;  border:1px solid #dbdbdb ;font-size:12px;text-align:center;text-decoration:none}
.tab_comm .fst .link_tab { }
.tab_comm .lst .link_tab {border-right:1px solid #dbdbdb;}
.tab_comm .on .link_tab { font-weight:normal; background:#000c4c url(images/type_bg.jpg) no-repeat; color:#fff; font-weight:bold;}

#img_s 	{ min-height: 300px; max-height: 2000px; min-width: 300px; max-width: 1020px;}
#img_large { display:none }

#s_mapwrap { width:100%; height:auto; margin:0 auto; min-height:370px; background:#FFF}
#mini { width:340px; height:auto; display:block; position:relative; margin:30px auto}	
#max { display:none}

    .subwrap {width: 100%; height: auto; position: relative}
    .subwrap .title_1 { font-size: 23px; color: #000; margin: 30px 0; padding-left: 15px }
    .img_photo { width: 100%; float: none}
    .man_content { width: 100%; height: auto; float: none; padding-left: 10%; padding-top: 30px }
    .man_content h1 {font-size: 18px; font-weight: bold; text-decoration: underline; text-underline-offset:6px; color: #000}
    .man_content p {font-size: 13px; font-weight: 400; color: #000; margin-top: 26px; line-height: 1.3 }    
    .man_bar { width: 100%; height: 113px; background: url("../theme/sy9191/image/sub/man_bar.png") no-repeat center top; clear: both; margin-top: 35px}
	
            .mobile_on { display: block}
            .pc_on { display: none}            
            
	}