.ho-col1 		{ width:40%; float:left;}
	.ho-col2 		{ width:60%; float:left; padding:40px; color:#fff; border-right:10px solid #0c2c84; background-color:#c00; box-sizing: border-box; margin-top:40px }
	.ho-col1 img 	{ width:100%; height:auto;}
	#body.inside .ho-col1 h3	{ position:absolute; top:20px; left:20px; color:#fff;  font-size:1.6em; }

	.co-items 					{ border-bottom:1px solid #e63737; padding:20px 0;}
	#body.inside .co-items>h3 	{ margin-bottom:10px; font-size:1.3em; font-weight:400}
	.co-items:first-child 		{ padding-top:0px}	
	.co-items:last-child 		{ border-bottom:none; padding-bottom:0px}
	.co-info img.wechart 		{ float: right; margin: 10px 0 0 40px; display: table; }
	.co-info a 					{ color:#fff; cursor:pointer; transition: all 0.3s ease-out; word-break:break-all; }
	.co-info a:hover 			{ color:#333}
	.co-info .icon-sm			{ width:20px; height:auto;}

	.wechat-d { display:block}
	.wechat-m { display:none}

	.img-office-d	 { display:block;}
	.img-office-m	 { display:none;}

	.wechat.wechat-m { margin-bottom:0}
	.addr, .site, .wechat,.email, .sub-btn 		{ margin:0px 0px 10px 30px; padding:0;}
    .addr:before,.site:before,.wechat:before,.email:before {
        content:"";  display:inline-block; background-size: contain; background-position: center;
        width: 20px; height: 20px; margin-left:-30px; margin-right:12px; vertical-align: top;            
       background-repeat:no-repeat;
    }

	.addr:before	    { background-image: url('images/icon-pin.png');}
	.site:before 		{ background-image: url('images/icon-link.png'); }
	.wechat:before 		{ background-image: url('images/icon-wechat.png'); }
    .email:before 		{ background-image: url('images/icon-email.png'); }


    .bp 					{ margin-top:100px;}	
	.bp .ho-col1 			{ margin-top:120px} 	
	.bp .ho-col2 		 	{ border-right:none; background-color:#fff; color:#333; margin-top:0; }
	.bp .co-info a 		 	{ color:#333}
	.bp .co-info a:hover 	{ color:#c00}
	.bp .co-items 			{ border-bottom:1px solid #ececec;}
	.bp .co-items:first-child 		{ padding-top:0px}	
	.bp .co-items:last-child 		{ border-bottom:none; padding-bottom:0px}

	.bp .addr:before	{ content:"";  display:inline-block; background: url('images/icon-pin-bk.png') no-repeat;
							width: 20px; height: 20px; margin-left:-30px; margin-right:12px; vertical-align: top;
	  						background-size: contain; 
	  				 	background-position: center;
	  				 	   background-repeat:no-repeat; }

	.bp .site:before 		{ content:"";  display:inline-block; background: url('images/icon-link-bk.png') no-repeat;
	  						width: 20px; height: 20px; margin-left:-30px; margin-right:12px; vertical-align: top;
	  						background-size: contain; 
	  				 	background-position: center;
	  				 	   background-repeat:no-repeat;}

	.bp .wechat:before 		{ content:"";  display:inline-block; background: url('images/icon-wechat-bk.png') no-repeat;
	  						width: 20px; height: 20px; margin-left:-30px; margin-right:12px; vertical-align: top;
	  						background-size: contain; 
	  				 	background-position: center;
	  				 	   background-repeat:no-repeat;}
    .bp .email:before 		{ content:"";  display:inline-block; background: url('images/icon-email-bk.png') no-repeat;
	  						width: 20px; height: 20px; margin-left:-30px; margin-right:12px; vertical-align: top;
	  						background-size: contain; 
	  				 	background-position: center;
	  				 	   background-repeat:no-repeat;}
    .bp .sub-btn:before 		{ content:"";  display:inline-block; background: url('images/icon-email-bk.png') no-repeat;
	  						width: 20px; height: 20px; margin-left:-30px; margin-right:0px; vertical-align: middle;
	  						background-size: contain; 
	  				 	background-position: center;
	  				 	   background-repeat:no-repeat;}
	
	.bg-gray{
		background-color: #e0e0e0;
		color: #333;
	}
	.white-line{
		background-color: #fff;
		height: 1px;
		width: 100%;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.sub-btn{
		display: inline-block;
		float: right;
		background-color: #c00;
		border-bottom: 5px solid #0c2c84;
		padding: 5px 10px 5px 40px;
		margin-bottom: 0;
		color: #fff;
	}

	/* ==========================================================================
	    Media Style
	============================================================================= */

	@media only screen and (max-width: 1200px) {
	.ho-col1 		{  width:60%; float:none; }
	.ho-col2 		{  width:100%; float:none; padding:30px; margin-top:0 }
	#body.inside .ho-col1 h3	{ left:30px; top:20px; }
	.wechat-m 		{ display:block}
	.wechat-d 		{ display:none}

	.img-office-d	 { display:none;}
	.img-office-m	 { display:block;}

	.bp  { display:flex; flex-direction:column;}
	.bp .ho-col1 	{ order:1 } 	
	.bp .ho-col2  	{ order: 2 }
	.bp .ho-col1 	{  width:60%; float:none; }
	.bp .ho-col2 	{  width:100%; float:none; padding:30px; margin-top:0 }
	.bp .ho-col1 	{ margin-top:0px;}
	}

	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	.ho-col1 		{  width:40%; float:left;}
	.ho-col2 		{  width:60%; float:left; margin-top:40px}

    .bp 			{ display:block; flex-direction:none;}	
	.bp .ho-col2 	{ width:60%; float:left; margin-top:40px}
	.bp .ho-col1 	{ width:40%; float:left;}
	.bp .ho-col1 	{ order:none } 	
	.bp .ho-col2  	{ order:none }
	.bp .ho-col1 	{ margin-top:120px;}

	.img-office-d	 { display:block;}
	.img-office-m	 { display:none;}
	}

	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	.ho-col1 		{  width:60%; float:none; }
	.ho-col2 		{  width:100%; float:none; padding:30px;  }

	.img-office-d	 { display:none;}
	.img-office-m	 { display:block;}
	}

    @media only screen and (max-width: 767px) {
   	.ho-col1 		{  width:100%;}
	.ho-col2 		{  padding:20px;  }
	#body.inside .ho-col1 h3	{ left:15px; top:15px; font-size:1.4em; }
	#body.inside .co-items>h3 	{ font-size:1.1em; font-weight:500; letter-spacing:normal; margin-bottom:15px}

   	.bp .ho-col1 	{  width:100%;}
	.bp .ho-col2 	{  padding:20px;  }

    }