@charset "utf-8";
/*
Theme Name: Shanghai H&H Marketing Consulting Co., Ltd Official Website 2015
Theme URI: http://www.huayuhua.com
Description: The theme designed by <a href="http://uniastros.com">UNIASTROS CO.</a>.
Author: Welsley
Author URI: http://uniastros.com/
Version: 2.0
Tags: Art, Design, China, Welsley
*/

/**/

/*/////////////////////////////////////////////////////////////////////////// 
  G  L  O  B  A  L
  ///////////////////////////////////////////////////////////////////////////

	Z-INDEX
	99 / #loader
	
	31 / #qr_wechat_wrapper
	30 / #global_overlay
	
	20 / #topmenu_wrapper
	
	18 / #share_this_post
	
	9 / .overlay_top, .overlay_bottom
	
	Colors
	text(gray): 		#afafaf
	text(dark):			#919191
	text(dark):			#666666
	text(black): 		#141414
	text link(pink): 	#fae2d5
	border(orange): 	#e78f68
	border(dark):		#919191
	border(gray):		#e5e5e5
	bg(red): 			#c11923
	bg(gray): 			#eaeaea
		
*/

/* above 1600 */
html{
	font-size: 1em;
}
body{
	background: #eaeaea;
	font-family: 'Microsoft JhengHei','Microsoft YaHei','微软雅黑','STHei', 'Hei', Helvetica, Arial, Verdana, sans-serif;
	font-weight: 200;
	font-size: 1em;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	text-size-adjust:100%;
	-webkit-font-smoothing:antialiased;/*none,antialiased,subpixel-antialiased*/
	font-smooth:always;
	color: #131312;
	overflow-x: hidden;
}
input,
textarea{
	font-family: 'Microsoft JhengHei','Microsoft YaHei','微软雅黑','STHei', 'Hei', Helvetica, Arial, Verdana, sans-serif;
	font-weight: 200;
}
input:focus,
select:focus,
textarea:focus{
	outline: 0;
}
img {
	/*width: 100%;*/
}
.pagemargin{
	padding: 0 16.5% 0 16.5%;
}
.ban_user_select{
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
a{
	text-decoration: none;
}
.red_link{
	color: #c11923 !important;
}
.underline_link{
	text-decoration: underline !important;
}
#ontification{
	position: fixed;
	bottom: 0;
	background: rgba(79,79,79,0.8);
	text-align: center;
	line-height: 2.2em;
	font-size: 0.75em;
	color: white;
	width: 100%;
	z-index: 999;
	display: none;
}
#loader{
	position: absolute;
	z-index: 99;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #f6ede7;
	text-align: center;
	overflow: hidden;
}
#loading{
	position: relative;
	top: 50%;
}
#global_overlay{
	position: fixed;
	z-index: 30;
	top: 0;
	width: 100%;
	height: 0;
	background: white;
	cursor: pointer;
	opacity: 0.4;
}
#qr_wechat_wrapper{
	position: fixed;
	z-index: 31;
	display: block;
	height: 100%;
	width: 100%;
	margin: auto;
	text-align: center;
	pointer-events: none;
	top:-1000;
	opacity: 0;
	transform:rotate(-20deg);/* maybe is a problem */
	-webkit-transform:rotate(-20deg);
	-moz-transform:rotate(-20deg);
}
#qr_wechat{
	position: relative;
	top: 18%;
	width: 320px;
	background: white;
	margin: auto;
}
#qr_wechat .title{
	font-size: 1.5em;
	letter-spacing: 0.07em;
	font-weight: 600;
	padding: 50px 0 0 0;
}
#qr_wechat .sub_title{
	font-size: 1.5em;
	letter-spacing: 0.2em;
	font-weight: 600;
	margin: 0 0 20px 0;
}
#qr_wechat .qrcode1,
#qr_wechat .qrcode2{
	margin: 0 60px;
}
#qr_wechat .qrcode1 img,
#qr_wechat .qrcode2 img{
	width: 100%;
}
#qr_wechat .directions{
	padding: 20px 60px 50px 60px;
	line-height: 1.3em;
}
.qrcode1,
.qrcode2{
	display: none;
}
.follow_wechat1 .qrcode1,
.follow_wechat2 .qrcode2{
	display: inherit;
}
/*/////////////////////////////////////////////////////////////////////////// 
  H  E  A  D  E  R
  ///////////////////////////////////////////////////////////////////////////*/
#topmenu_shadow{
	height: 38px;
	position: relative;
}
#topmenu_outerwrapper{
	z-index: 20;
	width: 100%;
	height: inherit;
	font-size:0.9em;
}
#topmenu_outerwrapper i{
	color: #e4e9f3;
}
#topmenu_outerwrapper i:hover{
	color: white;
	text-shadow: 0px 0px 12px rgba(255,255,255,1);
}
#topmenu_wrapper{
	background: #102A60;
	height: inherit;
	overflow: hidden;
	position: relative;
	z-index: 2;
	/*padding-bottom: 2px;*/
}
#hamburger_menu,
#hamburger_menu_close{
	display: none;
	/*width: 24px;*/
	text-align: left;
	color: #fae2d5;
}
#hamburger_menu span,
#hamburger_menu_close span{
	margin-left: 14px;
}
#topmenu{
	float: left;
}
#topmenu li{
	display: inline-block;
	line-height: 34px;
	text-align: center;
	height: inherit;
	margin: 0 1em 0 0;
	border-top: 0.2em solid #102A60;
}
#topmenu_function li{
	display: inline-block;
	line-height: 36px;
	text-align: center;
	height: inherit;
	margin: 0 0.8em 0 0.8em;
}

#topmenu li a{
	height: inherit;
	display: block;
	position: relative;
	/*top:-50px;*/
	color: #e4e9f3;
	font-size:1rem;
    font-weight: 600;
}
#topmenu li i{
	display: none;
}
#topmenu li .activity,
#topmenu_function li .activity{
	color: white;
}
#topmenu li a:hover{
	/*top: 0px;*/
	color: white;
}
#topmenu li a:hover .default,
#topmenu_function li:hover .default{
	/*color: #c21a25;*/
	color: white;
}
#topmenu .current{
	border-top: 0.2em solid white;
}
#topmenu .default,
#topmenu_function .default{
	color: #e4e9f3;
}
#topmenu_function{
	float: right;
	border-top: 0.1em solid #102A60;
	cursor: pointer;
}
/*#topmenu_function #follow{
	cursor: pointer;
	position: relative;
	top:-50px;
}
#topmenu_function #follow:hover{
	top:0;
}*/
#topmenu_function #follow #close_follow,
#topmenu_function #follow #open_follow:hover{
	color: white;
}
#topmenu_function #follow #open_follow{
	color: #fae2d4;
}
#topmenu_function #follow #close_follow,
.follow_activity #topmenu_function #follow #open_follow{
	display: none;
}
.follow_activity #topmenu_function #follow #close_follow,
#topmenu_function #follow #open_follow{
	display: inherit;
}
#topmenu_function #search_function{
	cursor: pointer;
	position: relative;
	/*top:-50px;*/
	line-height: 32px;
	margin: 0;
	padding: 0.3em 0.8em;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}
#search_function #open_search{
	width: 22px;
}
#search_function #close_search{
	cursor: pointer;
	display: none;
	width: 22px;
}
.search_activity #search_function #close_search{
	display: block;
}
.search_activity #search_function #open_search{
	display: none;
}
#search_form_wrapper,
.follow_activity #search_form_wrapper{
	background: #eaeaea;
	height: 40px;
	width: 240px;
	position: absolute;
	right: 16.5%;
	top: 0;
	opacity: 0;
}
#search_form_wrapper .arrow{
	background: #eaeaea;
	width: 30px;
	height: 30px;
	position: absolute;
	right: 40px;
	top: -5px;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
}
input#s{
	width: 100%;
	height: 100%;
	border: none;
	background: none;
	padding: 0 16px;
	color: #afafaf;
	font-size: 0.9em;
	text-align: left;
	position: relative;
	z-index: 1;
}
input#s:focus{
	color: #141414;
	text-align: left;
}
#followus_wrapper,
.search_activity #followus_wrapper{
	background: #eaeaea;
	height: 40px;
	width: auto;
	min-width: 400px;/*500px*/
	position: absolute;
	right: 16.5%;
	top: 0;
	opacity: 0;
}
#followus_wrapper .arrow{
	background: #eaeaea;
	width: 30px;
	height: 30px;
	position: absolute;
	right: 108px;
	top: -5px;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
}
#sns_account{
	padding: 0 16px 0 0;
	position: relative;
	z-index: 1;
	color: #666666;
	width: 100%;
	overflow: hidden;
	font-size: 0.75em;
	text-align: center;
}
.sns_account p{
	margin:0 !important;
}
#sns_account a{
	color: #666666;
	display: block;
	height: auto;
	width: auto;
	overflow: hidden;
}
#sns_account img{
	height: 24px;
	width: auto;
	margin-right: 6px;
}
#sns_account div{
	float: left;
}
#sns_account li{
	display: inline-block;
	height: 24px;
	line-height: 24px;
	padding: 0 12px;
	margin: 8px 0;
	border-right: 1px solid white; 
}
#sns_account li:last-child{
	padding-right: 10px;
	border: none;
}
#multilingual{
	float: right;
	height: inherit;
	margin: 0 0 0 1em;
	/*display: none;*/
}
#multilingual li{
	line-height: 40px;
	text-align: center;
}
#multilingual li a{
	color: #fae2d4;
	display: block;
	height: inherit;
}
#multilingual li a:hover{
	color: white;
}

/*/////////////////////////////////////////////////////////////////////////// 
  F  O  O  T  E  R
  ///////////////////////////////////////////////////////////////////////////*/
#footerwrapper{
	background: #eaeaea;
	border-top: 1px solid #c6c6c6;
	height: auto;
}
#footer{
	overflow: hidden;
	font-size: 0.9em;
	padding-top: 12px;
	padding-bottom: 60px;
	color: #919191;
}
#footer a{
	color: #919191;
}
#footer a:hover{
	color: #141414;
}
#footer li{
	display: inline-block;
}
#footer #bottommenu{
	float: left;
}
#footer #bottommenu li{
	margin-right: 10px; 
}
#footer #followtext{
	float: right;
}
#footer #followtext li{
	margin-left: 10px;
}

/*/////////////////////////////////////////////////////////////////////////// 
  M  A  I  N
  ///////////////////////////////////////////////////////////////////////////*/
#navigation{
	margin-bottom: 12px;
	font-size: 0.85em;
}
#navigation a{
	margin:0 !important;
	font-weight: 200 !important;
	text-decoration: underline;
}
#navigation a i{
	text-decoration: none;
	margin-left: 8px;
}
#current_page_title{
	font-size: 0.85em;
	margin-bottom: 64px;
}
#main{
	background: white;
	padding-bottom: 50px;
	padding-top: 50px;
	overflow: hidden;
	color: #141414;
}
#submenu{
	float: left;
	width: 130px;/*24%*/
	overflow: hidden;
	margin-top: 50px;
}
#submenu ul{
	/*margin: 0 36px 0 0;*/
	font-weight: 600;
}
#submenu li{
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #e6e6e6;
}
#submenu .list_top{
	height: 1px;
}
#submenu .list_top:hover{
	height: 1px;
}
#submenu a{
	color: #141414;
	display: block;
	height: inherit;
	width: 100%;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
#submenu a:hover{
	/*padding-left: 26px;*/
	color: #102A60;
}
#submenu li:hover{
	/*padding-left: 10px;*/
	height: 60px;
	line-height: 60px;

}
#submenu .current,
#submenu .current_page_item{
	height: 60px;
	line-height: 60px;
}
#submenu .current a,
#submenu .current_page_item a,
#submenu .current-cat a{
	color: #102A60;
}
#submenu i{
	margin: 0 8px;
}
#submenu .sublist a{
	padding-left: 16px;
}
#submenu #list_more,
#submenu #list_less{
	cursor: pointer;
}
#submenu .sublist,
.listmore_activity #submenu #list_more{
	display: none;
}
.listmore_activity #submenu .sublist{
	display:inherit;
}

#maincontent{
	float: right;
	width: 78%;/*75%*/
	margin-top: 50px;
	margin-bottom: 50px;
}
#maincontent .title{
	color: #102A60;
	font-weight: 600;
	font-size: 2.2em;/*3em*/
	margin-bottom: 42px;
	line-height: 1.1em;
}
#maincontent .content{
	line-height: 2em;
}
#maincontent strong{
	font-weight: 600;
}
#maincontent p{
	margin: 0 0 24px 0;
	font-size: 0.95em;
	line-height: 2em;
}
#maincontent a,
#maincontent p a{
	color:#141414;
	font-weight: 600;
	margin: 0 5px; 
}
#maincontent a:hover,
#maincontent p a:hover{
	color: #102A60;
}

#maincontent .subtitle{
	font-size: 1.4em;
	padding-bottom: 27px;/*1em*/
	padding-top: 12px;
	display: block;
}
#maincontent img{
	max-width: 100%;
	height: auto !important;
	padding: 10px 0 20px 0;
}
#maincontent img.alignright{
	float: right;
	width: 40%;
}
.page_about_content_service{
	/*margin-top:1em; */
	overflow: hidden;
}
.page_about_content_service li{
	width: 20%;
	text-align: center;
	line-height: 2.4em;
	border: 1px solid #919191;
	float: left;
	margin-bottom: 1em; 
	font-size: 1em;
}
.page_about_content_service li:nth-child(4n-1){
	margin-left: 4%;
	margin-right: 4%;
}
.page_about_content_service li:nth-child(4n-2){
    margin-left: 4%;
    /*margin-right: 4%;*/
}
/* 404 */
#page_404 #maincontent{
	width: 100%;
}
/* PAGE HOME   ///////////////////////////////////////////////////////////////////////////*/
#page_home #main{
	padding-top: 0;
	padding-bottom: 0;
}
#page_home #maincontent{
	width: 100%;
	margin-bottom: 0;
}
#page_home #maincontent .title{
	float: left;
	width: 50%;
}
#page_home #maincontent .subtitle{
	color: #102A60;
	font-weight: 600;
	font-size: 1.25em;
	clear: both;
}
#page_home .content{
	overflow: hidden;
	clear: both;
}
#page_home #maincontent p{
	margin: 0 0 12px 0;
}
#page_home .content .text_content{
	float: left;
	/*width: 50%;*/
	margin-bottom: 40px;
}
#page_home .content .text_content_innerwrapper{
	margin-right: 30px;
}
#page_home .content .text_content_innerwrapper .case_subtitle{
	font-weight: 600;
}
#page_home .content .img_content{
	float: right;
	width: 50%;
	margin-bottom: 60px;
	overflow: hidden;
}
#page_home .content .img_content a{
	display: block;
	height: 194px;
	/*margin: 0 0 10px 0;*/
	background: #c11923 no-repeat center center;
	border: 10px solid white;
	width: 96%;
	position: relative;
	margin: 0;
	float: right;
}
#page_home .content .img_content a:hover{
	border: 10px solid #c11923;
}
#page_home .discription{
	clear: both;
	overflow: hidden;
}
#page_home .content .detial{
	margin-bottom: 40px;
}
#page_home .discription .subtitle a{
	margin: 0;
	color: #c11923;
}
#page_home .content .echo_news .subtitle a{
	margin: 0;
	color: #102A60;
	clear: both;
	overflow: hidden;
}
#page_home .content .echo_news{
	margin-bottom: 60px;
}
#page_home .content .echo_news ul{
	overflow: hidden;
}
#page_home .content .echo_news ul li{
	width: 33%;
	float: left;
}
#page_home .echo_news .list_kv{
	height: 190px;
	width: inherit;
	margin-bottom: 24px;	
}
#page_home .content .echo_news ul li:nth-child(1) .innerwrapper{
	margin-right: 20px;
}
#page_home .content .echo_news ul li:nth-child(2) .innerwrapper{
	margin-left: 10px;
	margin-right: 10px;
}
#page_home .content .echo_news ul li:nth-child(3) .innerwrapper{
	margin-left: 20px;
}
#page_home .content .echo_news ul li a{
	margin: 0;
}
.echo_news .list_content{
	height:120px;
	overflow: hidden; 
}
.echo_method_content .en_edition{
	display: none;
}
#page_home .echo_method_content{
	width: 50%;
	float: left;
	margin-bottom: 20px;
}
#page_home .echo_method_content a{
	text-decoration: underline;
}
#page_home .echo_method_content a i{
	text-decoration: none;
}
#page_home .discription .book{
	width: 33%;
	height: auto;
	float: right;
	margin-right:80px; 
	padding: 0;
}
.echo_news .list_title{
	font-size: 1.2em;
	/* font-weight: 600; */
	margin-bottom: 20px;
}
.echo_contact{
	overflow: hidden;
	margin-top: 60px;
}
.echo_contact img{
	padding-bottom: 0 !important;
	float: left;
	width: 40%;
}
.echo_contact .innerwrapper{
	width: 55%;
	float: right;
}
.echo_contact .contact_tel{
	font-size: 4.6em !important;
	line-height: 1.4em !important;
	font-weight: 600 !important;
	margin-top: 60px !important;
	margin-bottom: 0 !important;
}
.echo_contact .contact_add,
.echo_contact .contact_link{
	font-size: 1.2em !important;
	letter-spacing: 2 !important;
	margin-bottom: 0 !important;
}
.echo_contact .contact_link a{
	font-weight: 200 !important;
}
#banner{
	height: auto;
	overflow: hidden;
	position: relative;
	background: white;
}
#banner img{
	width: 200px;
	height: auto;
	float: right;
	margin: 40px 0;
}
#slider_1{
	height: 120px;
	line-height: 40px;
	overflow: hidden;
	margin: 40px 0;
	float: left;
	position: relative;
	cursor: default;
}
#slider_1 .overlay_top,
#slider_1 .overlay_bottom{
	position: absolute;
	z-index: 2;
	background: white;
	opacity: 0.8;
	height: 40px;
	width: 100%;
}
#slider_1 .overlay_top,
#slider_2 .overlay_top{
	top:0;
}
#slider_1 .overlay_bottom,
#slider_2 .overlay_bottom{
	bottom: 0;
}
#slider_1 ul li{
	font-size: 1.75em;
	font-weight: 600;
	color: #c11923 ; /*#fae2d4*/
	min-height: 40px;
}
#slider_2{
	display: none;
}
#slider_2 ul li{
	font-size: 1.75em;
	font-weight: 600;
	color: #c11923 ; /*#fae2d4*/
	min-height: 24px;
}

/*#banner ul li.current{
	color: #c11923;
}*/


/* PAGE NEWS   ///////////////////////////////////////////////////////////////////////////*/

#page_news #maincontent{
	/*width: 100%;*/
	margin-top: 50px;
	margin-bottom: 50px;
}
#page_archive #maincontent .title,
#page_news #maincontent .title{
	float: left;
	margin-bottom: 0;
}
#news_search_wrapper{
	border: 1px solid #4d4d4d;
	height: 40px;
	width: 32%;/*350px*/
	float: right;
	margin-bottom: 20px;
}
#archived_wrapper{
	border: 1px solid #4d4d4d;
	height: 40px;
	width: 130px;/*230px*/
	float: right;
	margin-left: 2%;
}
#archived_wrapper .title{
	display: none;
}
#archived_wrapper select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background:url('images/icon_arrow_down.svg') no-repeat center right;
	border: none;
	height: inherit;
	width: inherit;
	font-size: 0.75em;
	color: #afafaf;
	padding: 0 0 0 16px;
	cursor: pointer;
}
#search2{
	height: inherit;
	position: relative;
}
#searchform2{
	width: 98%;
	height: inherit;
	position: absolute;
	left: 0;
}
input#s2{
	height: 28px;
	margin: 6px 0;
	width: inherit;
	border: none;
	background: none;
	padding: 0 16px;
	color: #afafaf;
	font-size: 0.75em;
}
input#searchsubmit2{
	width: 40px;
	height: inherit;
	float: right;
	border: none;
	background:url('images/icon_search.svg') no-repeat center center white;
	color: #afafaf;
	font-size: 0.9em;
	cursor: pointer;
	position: absolute;
	z-index: 1;
	right: 0;
}
#page_news .content{
	overflow: hidden;
	clear: both;
}
.excerpt p{
	font-size: 0.9em!important;
	line-height: 1.8em!important;
	margin: 0 0 6px 0!important;
}
.read_more_link a{
	margin: 0 !important;
	font-size: 0.85em;
	color: #102A60 !important;
}
.content_items{
	border-bottom: 1px solid #e5e5e5;
	padding: 34px 0;
	overflow: hidden;
	clear: both;
}
.content_items a{
	color: #141414;
}
.content_items a:hover{
	color: #c11923;
}
.news_kv{
	/*width: 33%;*/
	width: 300px;
	height: 200px;
	overflow: hidden;
	float: left;
	margin: 0.5em 2em 0.5em 0;
}
.news_kv a{
	display: block;
	margin: 0 !important;
	height:100%;
	width: inherit;
}
.news_kv img{
	width: 100%;
	height: auto;
	padding-bottom: 0 !important;
}
.news_data{
	font-weight: 400;
}
.news_title{
	font-size: 1.5em;
	font-weight: 600;
}
.news_title a{
	margin: 0 !important;
}
.box .news_content{
	margin: 6px 0 0 0 !important;
}
.news_content{
	margin: 24px 0 0 0;
}
.news_content img{
	display: none;
}
.read_more,
.read_less{
	font-weight: 600;
	cursor: pointer;
}
.read_more:hover,
.read_less:hover{
	color: #c11923;
}

.single .news_data{
	margin: 32px 0;
	font-size: 0.95em;
}
.single .title{
	float: none !important;
}
.single .subtitle{
	color: #c11923 !important;
}

.single .post_statistics{
	padding: 124px 0 50px 0;
	border-bottom: 1px solid #c4c4c4;
}
.single .post_statistics a{
	font-weight: normal !important;
}
#related_news .title,
#related_methods .title,
#call4follow .title{
	padding: 50px 0 36px 0;
	font-size: 1em;
}
#related_news ul li,
#related_methods ul li{
	color: #919191;
}
#related_news ul li a,
#related_methods ul li a{
	font-weight: normal;
	margin: 0;
	line-height: 1.8em;
	text-decoration: underline;
}
#related_news ul li a:visited,
#related_methods ul li a:visited{
	color: #a0a0a0;
}
#call4follow a{
	font-weight: normal !important;
	margin: 0 !important;
	line-height: 1.8em;
	text-decoration: underline;
	color: black !important;
}

#page_news #call4follow{
	display: none;
}
#call4follow{
	/*text-align: center;*/
	line-height: 1.5;
}
#call4follow p,
#call4follow .title{
	text-align: left;
}
#call4follow .book{
	width: 239px;
	height: 279px;
	margin: 0 auto;
}
#call4follow .logo{
	width: 185px;
	height: 102px;
}
#call4follow .menu_pic{
	width: 97%;
	height: auto;
}


#page-nav,
#infscr-loading{
	margin: 20px 0;
	display:none;
}
#page-nav a{
	margin: 0;
}
#infscr-loading img{
	width: auto !important;
	height: auto !important;
	float: left;
	margin: 0 16px 0 0;
	padding: 0px;
}
#infscr-loading div{
	float: left;
	line-height: 32px;
}

#page_archive{}

.img_discraption{
	text-align: center !important;
	font-size: 0.8em  !important;
	color: #777777  !important;
	margin: -30px 0 24px 0;
}

/* PAGE CASE   ///////////////////////////////////////////////////////////////////////////*/
#page_case embed{
	width: 100%;
	min-height: 480px;
}
#highlight_case,
#other_case{
	overflow: hidden;
}
#highlight_case li,
#other_case li{
	width: 31.3%;
	height: 220px;
	float: left;
	margin-bottom: 1.6em; 
	background: #e5e5e5;
	overflow: hidden;
}
#highlight_case li:nth-child(3n-1),
#other_case li:nth-child(3n-1){
	margin-left: 3%;
	margin-right: 3%;
}
#highlight_case .title{
	color: white;
	background: #c11923;
	height: inherit;
	margin: 0;
	padding: 20px 0 0 20px;
	font-size: 2em; 
}
.other_case_title{
	font-size: 1.4em;
	font-weight: 600;
	border-top: 1px solid #e5e5e5;
	padding: 1em 0 0 0;
	margin: 1em 0 2em 0;
	display: none;/* requested the deletion on 22/07/2015 18:00 */
}
#highlight_case li a,
#other_case li a{
	height: 100%;
	width: 100%;
	display: block;
	position: relative;
}
.case_overlay{
	background: #102A60;
	height: inherit;
	line-height: 0;
	opacity: 0;
	color: white;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.case_overlay .subtitle{
	padding: 30px 20px !important;
	color: white !important;
	font-weight: 600;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	
}
.case_overlay .directions{
	padding: 0 20px;
	font-size: 0.75em;
	line-height: 1.6em;
	letter-spacing: 1.2;
}
.case_overlay .directions p	{
	line-height: 1.6em !important;
}
a:hover .case_overlay{
	line-height: 1em;
	opacity: 1;
}
.case_title{
	background: rgba(81,81,81,0.6);
	color: white;
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	/*line-height: 2em;*/
	line-height: 1em;
	padding: 0.6em 0;/* 22/07/2015 18:00 */
	letter-spacing: 1.2;
}
#page_case #maincontent a{
	margin: 0;
}

/* PAGE CASE - SINGLE   ///////////////////////////////////////////////////////////////////////////*/
.case_keywords{
	font-size: 1.4em;
	font-weight: 600;
	margin-bottom: 1em;
}
blockquote{
	border-top: 1px solid #e5e5e5;
	/*border-bottom: 1px solid #e5e5e5;*/
	padding: 30px 0 18px 0;
	margin: 3em 0;
}
.related_title{
	font-weight: 600;
	border-top: 1px solid #e5e5e5;
	padding: 2em 0 0 0;
	margin: 2em 0 2em 0;
}
#related_case li{
	list-style: circle;
	margin-left: 20px;
}
#related_case li a{
	color: #919191;
	display: block;
	line-height: 2em;
}
#related_case li a:hover{
	color: #c11923;
}

#share_this_post{
	width: 80px;
	position: fixed;
	z-index:18;
	top: 80px;
	right: 50px;
	border: 8px solid #c11923;
	background: white;
	padding: 10px;

}
#share_this_post .title{
	color: #c11923;
	font-size: 0.85em;
	letter-spacing: 2;
	line-height: 18px;
}
#share_this_post ul{
	border-top:1px solid #e5e5e5; 
	border-bottom:1px solid #e5e5e5; 
	padding: 12px 0 8px 0;
	margin: 12px 0;
}
#share_this_post ul li{
	line-height: 24px;
	height: 24px;
	overflow: hidden;
}
#share_this_post a{
	color: #141414;
}
#share_this_post a.shadow{
	position: absolute;
	background: white;
	width: 80px;
	pointer-events: none;
}
#share_this_post a:hover{
	/*color: #c11923;*/
	color: #141414;
}
#share_this_post #post_qrcode{
	width: 80px;
	height: 80px;
	background: url("images/loading.gif") no-repeat center center;
	background-size: 25%;
	margin: 12px 0 0 0;
}
#post_qrcode .cover{
	display: none;
	width: inherit;
	height: inherit;
	background: url("images/qr_cover.svg") no-repeat center center;
	background-size: 30%;
	position: absolute;
	z-index: 1;
}
/* PAGE METHOD   ///////////////////////////////////////////////////////////////////////////*/
#page_method #maincontent{
	/*width: 100%;*/
	margin-top: 50px;
	margin-bottom: 50px;
}
#page_method #maincontent .title{
	float: left;
}
#page_method .content{
	overflow: hidden;
	clear: both;
}
#page_method .banner{
	margin:30px 0 0 0; 
}
#page_method #maincontent p a{
	color: #c11923;
}
.method_readmore a{
	margin: 0 !important;
	color: #c11923 !important;
}
#page_method .discription{
	margin: 20px 0;
	position: relative;
	overflow: hidden;
	/*border-bottom: 1px solid #e5e5e5;
	padding-bottom: 40px;*/
	clear: both;
}
#page_method .discription img{
	width: 30%;
	height: auto;
	float: right;
	margin-bottom: 1em;
}
.method_items{
	overflow: hidden;
	border-bottom: 1px solid #e5e5e5;
	padding: 2em 0;
	/*margin-right: 2em;*/
	clear: both;
}
.method_kv{
	height: 200px;
	width: 300px;
	float: left;
	margin: 0.5em 2em 0.5em 0;
}
.method_kv a{
	width: inherit;
	height: 100%;
	display: block;
	margin: 0 !important;
}
.method_qa .method_kv,
.method_qa .news_data{
	display: none;
}

.method_title,
.method_subtitle{
	font-size: 1.5em;
	font-weight: 600;
}
.method_qa_title{
	font-size: 1.5em;
}
.method_content{
	margin: 6px 0 0 0 !important;
}
.method_readmore{
	font-weight: 600;
}
/*.method_readmore a{
	color: #c11923 !important;
}*/
#method_wrapper{
	/*width: 75%;*/
	float: left;
	margin: 10px 0 0 0;
}
#weibo_api{
	width: 25%;
	height: auto;
	overflow: hidden;
	padding: 2em 0;
	float: right;
}
#weibo_api .api_title{
	line-height: 3em;
}
#weibo_api .api_title a{
	font-weight:200;
	color: #c11923;
}
#weibo_api iframe{
	height: 700px;
	width: 100%;
	overflow: hidden;
}
div#weibo_head.weiboShow_developer.clearfix{
	display: none;
}
#page_method .single .title{
	/*width: 80%;*/
	float: none !important;
	margin-bottom: 10px;
}
#page_method .single .subtitle{
	font-weight: 600;
	font-size: 3em;
	color: #c11923;
	padding-bottom: 0;
}
#page_method .single .content{
	margin-top: 40px;
}
#page_method .en_edition{
	display: none;
}


/* PAGE CAREER   ///////////////////////////////////////////////////////////////////////////*/
#jobs_opportunity{
	border: 1px solid #e5e5e5;
	margin-top: 40px;
}
#jobs_opportunity ul{
	margin: 14px;
	overflow: hidden;
}
#jobs_opportunity ul li{
	float: left;
}
#jobs_opportunity .button{
	display: block;
	background: #c11923;
	padding: 20px 20px 20px 30px;
	color: white;
	margin-right: 20px !important;
	margin-left: 0;
	text-align: center;
	letter-spacing: 10;
	font-size: 1.6em;
	font-weight: 200;
}
#jobs_opportunity .button:hover{
	color: white;
}
#jobs_opportunity .description{
	line-height: 1.8em;
	padding: 5px 0;
}
.page-item-1009 a{
	color: #c11923 !important;
	font-weight: 600;
}

/* PAGE CONTACT   ///////////////////////////////////////////////////////////////////////////*/
#page_contact #maincontent{
	width: 100%;
	margin-top: 50px;
	margin-bottom: 50px;
}
#page_contact #maincontent .title{
	float: left;
}
#page_contact .content{
	overflow: hidden;
	clear: both;
}
#mapapi{
	width: 100%;
	height: 300px;
	overflow: hidden;
	clear: both;
}
#mapapi iframe{
	width: 100%;
	height: 100%;
}
#contact_info{
	margin: 40px 0;
	overflow: hidden;
}
#contact_info li{
	width: 100%;
	float: left;
}
.busniess span,
.career span{
	font-weight: 600 !important;
	font-size: 1.7em;
	margin-bottom: 12px;
}
.career a{
	margin: 0 !important;
}
.career span a{
	/*font-weight: normal !important;*/
	margin: 0 !important;
	line-height: 32px;
	letter-spacing: -0.5;
}
.highlight_info{
	color: #c11923;
	border: 12px solid #c11923;
	padding: 20px;
	overflow: hidden;
}
.highlight_info li{
	float: left;
	line-height: 1.8em;
}
.highlight_info .part_1{
	width: 33%;
	font-weight: 600;
	overflow:hidden;
	text-align:justify;
	text-justify:inter-ideograph;
}
.highlight_info .title_1{
	padding-right: 20px;
	font-size: 0.85em;
	line-height: 1.9em
}
.highlight_info .title_2{
	font-size: 2.78em;
	line-height: 1.1em;
	/*letter-spacing: 3.2;*/
	padding-right: 20px;
}
.highlight_info .part_2{
	width: 67%;
	font-size: 0.85em;
}
.interactive_info{
	margin: 40px 0;
}
.interactive_info .sns_account{
	width: 32%;
	float: left;
}
.interactive_info .leave_msg{
	width: 68%;
	float: left;
}
.interactive_info .subtitle{
	font-size: 1em !important;
	padding: 0 !important;
	color: #141414 !important;
	font-weight: 600 !important;
}
.interactive_info a{
	font-weight: normal !important;
	margin: 0 !important;
}
.interactive_info .items{
	margin-bottom: 40px;
}
.interactive_info .qrcode{
	margin-right: 40px;
}
.interactive_info .qrcode img{
	max-width: 130px  !important;
	height: auto;
}
.leave_msg p{
	line-height: 1.6em;
}
/* Submit Form */
#leave_a_message{
	margin: 40px 0;
}
#leave_a_message div{
	overflow: hidden;
}
#leave_a_message .fm-form li{
	width: 100%;
}
#leave_a_message .fm-form li input{
	margin: 0;
	height: 2.3em;
	border: 1px solid #e5e5e5;
	padding: 6px;
	font-size: 0.75em;
}
#leave_a_message .fm-form li label{
	line-height: 1.6em;
}
#leave_a_message .fm-form li table{
	width: inherit !important;
}
#leave_a_message .fm-form li em{
	color: #141414 !important;
}
#leave_a_message .fm-form textarea{
	width: 100% !important;
	height: 200px !important;
	margin: 0;
	border: 1px solid #e5e5e5;
	padding: 6px;
	font-size: 0.75em;
}
#leave_a_message #fm_form_submit{
	margin-left: 100px;
	margin-top: 12px;
	float: left;
	font-size: 1em;
	background: black;
	color: white;
	border: none;
	padding: 6px 40px;
	letter-spacing: 2;
	cursor: pointer;
}
#leave_a_message #fm_form_submit:hover{
	background: #c11923 ;
}

.fm-data-nav a{
	font-weight: normal !important;
	margin: 0 2% 0 0 !important; 
	padding: 5px;
	border-radius: 35px;
	display: inline-block;
	width: 22px;
	text-align: center;
}
.fm-data-nav a:hover,
.fm-data-nav a:active{
	background: #eaeaea;
}
.fm-data-nav strong{
	font-weight: 600;
	margin: 0 2% 0 0; 
	padding: 5px;
	border-radius: 35px;
	display: inline-block;
	width: 22px;
	text-align: center;
	color: white;
	background: #c11923;
}


/* PAGE SEARCH   ///////////////////////////////////////////////////////////////////////////*/

#page_search #maincontent{
	width: 100%;
	margin-top: 50px;
	margin-bottom: 50px;
}
#page_search #maincontent .title{
	float: left;
	width: 50%;
}
#page_search .content{
	overflow: hidden;
	clear: both;
}

/* PAGE LIFE   ///////////////////////////////////////////////////////////////////////////*/
#page_life #maincontent a{
	margin: 0;
}
#page_life #highlight_case{
	margin-bottom: 40px;
}
#page_life .subtitle{
	border-top: 1px solid #e5e5e5;
	padding-top: 100px;
	margin-top: 80px;
}
#page_life .case_overlay .subtitle{
	border: none;
	padding-top: 0;
	margin-top: 0;
}
/* PAGE JOB-APPLICATION   ///////////////////////////////////////////////////////////////////////////*/
.job_content{
	padding-bottom: 20px;
	margin-bottom: 40px;
	border-bottom: 1px solid #e5e5e5;
}
.job_content a{
	font-weight: normal !important;
}
.job_title {
	font-size: 1.4em;
	letter-spacing: 4;
	margin-bottom: 30px;
}
#job_description li{
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 20px;
	margin-bottom: 40px;
}
#job_description li:last-child{
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.job_description{
}
.job_description strong{
	font-weight: normal !important;
	color:#c11923;
}

/* P O S T  ///////////////////////////////////////////////////////////////////////////*/
.post-13 #maincontent img{
	width: 30%;
}
.post-16 #maincontent ul{
	overflow: hidden;
	margin-top: 40px;
}
.post-16 #maincontent ul li{
	float: left;
	width: 30%;
}
.post-16 #maincontent ul li:nth-child(2){
	margin: 0 5%;
}
.post-16 #maincontent ul li .subtitle{
	font-size: 1em !important;
	width: 100%;
	border-top: 6px solid #c11923;
	line-height: 2em;
}
.post-36 strong{
	font-size: 1.2em;
	line-height: 3em;
}
/*.post-50 #maincontent{
	width: 100%;
}*/
.post-50 #maincontent a{
	margin: 0;
}
.post-238 #maincontent{/* Submit Form List */
	width: 100%;
	font-size: 0.75em;
}

/*/////////////////////////////////////////////////////////////////////////// 
  1 4 0 0 - 9 6 0
  ///////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width:1400px){
/* H O M E */
.echo_contact .contact_tel{
	font-size: 4em !important;
	line-height: 1.4em !important;
	letter-spacing: -0.3;
}
.echo_contact .contact_add,
.echo_contact .contact_link{
	font-size: 1em !important;
	letter-spacing: 1.3 !important;
}
/* C O N T A C T */
.highlight_info .part_1{
	width: 37%;
	font-weight: 600;
	overflow:hidden;
	text-align:justify;
	text-justify:inter-ideograph;
}
.highlight_info .title_1{
	padding-right: 20px;
	font-size: 0.85em;
}
.highlight_info .title_2{
	font-size: 2.78em;
	line-height: 1.22em;
	letter-spacing: 0.8;
	padding-right: 20px;
}
.highlight_info .part_2{
	width: 63%;
}

}

@media only screen and (max-width:1280px){
#slider_1 ul li{
	font-size: 1.45em;
}

/* C O N T A C T */
.highlight_info{
	text-align: center;
}
.highlight_info .part_1{
	width: 100%;
	text-align: center;
}
.highlight_info .part_2{
	width: 100%;
	text-align: center;
}
.highlight_info .title_1{
	padding-right: 0;
}
.highlight_info .title_2{
	padding-right: 0;
	margin-bottom: 20px;
}
.echo_contact{
	text-align: center;
}
.echo_contact img{
	float: none;
	width: 60%;
	margin: auto !important;
}
.echo_contact .innerwrapper{
	width: 100%;
	float: none;
	text-align: center;
}
.echo_contact .contact_tel{
	margin-top: 40px !important;
}
.echo_contact .contact_link{
	margin-bottom: 60px !important;
}

}

@media only screen and (max-width:1120px){
/* H O M E */
#slider_1 ul li{
	font-size: 1.4em;
}
}

@media only screen and (max-width:1080px){
/* H O M E */
#slider_1 ul li{
	font-size: 1.25em;
}

.echo_contact .contact_tel{
	font-size: 3.6em;
	line-height: 1.2em;
	margin-top: 30px !important;
}
.echo_contact .contact_add,
.echo_contact .contact_link{
	font-size: 1em;
	letter-spacing: 1;
}
}

/*/////////////////////////////////////////////////////////////////////////// 
  9 6 0
  ///////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width:960px){
.pagemargin{
	padding: 0 50px;
}
#hamburger_menu{
	display: block;
	height: 36px;
	line-height: 38px;
	float: left;
	/*padding: 0 10px 0 0;*/
	cursor: pointer;
}
#topmenu{
	/*float: none;
	margin: auto;*/
}
#topmenu li{
	display: none;
	margin: 0 0 0 0.8em;
}
#topmenu .current{
	display: none;
	/*border: none;*/
	float: left;
	border-top: 0.2em solid #c21a25;
}
#topmenu_function{
	/*border: none;
	float: none;
	position: absolute;
	right: 50px;
	top:0;*/
}
#search_form_wrapper,
.search_activity #search_form_wrapper,
#followus_wrapper,
.follow_activity #followus_wrapper{
	right: 50px;
}
.hm_activity #hamburger_menu{
	display: none;
}
.hm_activity #hamburger_menu_close{
	display: block;
	height: 38px;
	line-height: 38px;
	padding: 0 10px 0 0;
	cursor: pointer;
}
.hm_activity #topmenu_wrapper{
	overflow: auto;
	height: auto;
}
.hm_activity #topmenu{
	top:0;
	float: none;
}
.hm_activity #topmenu_function{
	float: none;
}
.hm_activity #topmenu li,
.hm_activity #topmenu_function li{
	display:list-item;
	line-height: 50px;
	text-align: left;
	height: 50px;
	overflow: hidden;
	margin: 0;
	float: none;
	border-top: 1px solid #e78f68;
}
.hm_activity #topmenu .current{
	/*border-top: 0.2em solid white;*/
}
.hm_activity #topmenu .current i{
	display: inline-block;
	margin: 0 10px 0 0;
}
.hm_activity #topmenu_function{
	margin: 40px 0 0 0;
	display: none;/* easy... */
}
.hm_activity #topmenu_function #follow{
	top:0;
}
.hm_activity #topmenu_function #search_function{
	top:0;
	border-top: 1px solid #e78f68;
	border-left: none;
	border-right: none;
	margin: 0;
	padding: 0;
	line-height: 50px;
}
#footerwrapper{
	/*display: none;*/
}
#footer{
	padding-top: 30px;
}
#footer #bottommenu li{
	display: list-item;
	margin-bottom: 12px; 
}
#submenu{
	float: none;
	width: auto;
	/*margin: 0;*/
	padding-bottom: 70px;
	border-bottom: 20px solid #ededed;
}
#submenu ul{
	margin: 0;
	width: 100%;
}
#submenu li{
	border: 0;
	display: inline-block;
	margin-right: 4%;
	height: 30px;
	line-height: 30px;
	margin-bottom:16px;
}
#submenu .list_top{
	display: none;
}
#submenu li:hover{
	height: 30px;
	line-height: 30px;

}
#submenu .current,
#submenu .current_page_item{
	height: 30px;
	line-height: 30px;
}
#submenu .sublist a{
	padding-left: 0;
}
#maincontent{
	float: none;
	width: auto;
}
.single .post_statistics{
border-bottom: 20px solid #ededed;
}

/* PAGE HOME   ///////////////////////////////////////////////////////////////////////////*/
#banner{
	text-align: center;
}
#banner img{
	width: 200px;
	height: auto;
	float: none;
	margin: 5px auto 30px auto;
}
#slider_1{
	margin: 40px auto 0 auto;
	float: none;
}
#page_home .content .img_content{
	float: none;
	width: 100%;
}
#page_home .content .img_content a{
	width:inherit;
	border: none;
	margin-bottom: 10px;
}
#page_home .content .img_content a:hover{
	border: none;
}
#page_home .content .text_content{
	float: none;
	width: 100%;
	margin-bottom: 40px;
}
#page_home .content .text_content_innerwrapper{
	margin-right: 0;
}
#page_home .discription{
	text-align: center;
}
#page_home .discription .subtitle{
	text-align: left;
}
#page_home .echo_method_content{
	width: 100%;
	float: none;
	text-align: left;
}
#page_home .discription .book{
	float: none;
	margin: 20px auto;
	width: 65%;
}
#page_home .content .echo_news ul li{
	width: 100%;
	float: none;
	margin-bottom: 20px;
}
#page_home .content .echo_news ul li .innerwrapper{
	margin-bottom: 40px;
}
#page_home .content .echo_news ul li:nth-child(1) .innerwrapper{
	margin-right: 0;
}
#page_home .content .echo_news ul li:nth-child(2) .innerwrapper{
	margin-left: 0;
	margin-right: 0;
}
#page_home .content .echo_news ul li:nth-child(3) .innerwrapper{
	margin-left: 0;
}
/* PAGE CASE   ///////////////////////////////////////////////////////////////////////////*/
#share_this_post{
	display: none;
}
/* PAGE NEWS   ///////////////////////////////////////////////////////////////////////////*/
#maincontent .title,
#page_archive #maincontent .title,
#page_news #maincontent .title{
	float: none;
	margin-bottom: 40px;
	font-size: 1.8em;
}
#news_search_wrapper{
	width: 48%;
	/*float: none;*/
}
#archived_wrapper{
	width: 48%;
	float: left;
	margin-left: 0;
	margin-bottom: 16px;
}
#archived_wrapper select{
	width: 100%;/*inherit*/
}
.submenu a{
	border-bottom: 4px solid;
}
#related_news{
	border-bottom: 20px solid #ededed;
	padding-bottom: 20px;
}

#related_news ul li,
#related_methods ul li{
	font-size: 0.85em;
	padding-bottom: 14px;
	border-bottom: 1px solid #ededed;
	margin-bottom: 10px;
}
#related_news ul li:nth-last-child(1),
#related_methods ul li:nth-last-child(1){
	border: none;
}

#related_news ul li a,
#related_methods ul li a{
	text-decoration: none;
	font-size: 1em;
}
#related_news ul li a:visited,
#related_methods ul li a:visited{
	color: black;
	font-size: 1em;
}
#page_news #call4follow{
	/*display: block;*/
}
#page_news #call4follow p{
	font-size: 0.85em;
}
#page_news #call4follow .book{
	margin: 0;
	padding: 70px 0;
}
#page_news #call4follow .title{
	padding-top: 0;
	line-height: 1.5em;
}
/* PAGE METHOD   ///////////////////////////////////////////////////////////////////////////*/
#page_method .discription{
	text-align: center;
}
#page_method .discription img{
	width: 65%;
	height: auto;
	float: none;
}
#method_wrapper{
	width: 100%;
	float: none;
}
.method_items{
	margin: 0;
}
#weibo_api{
	display: none;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 2em 0;
	float: none;
}

#call4follow .title{
	font-size: 1.2em !important;
	margin-bottom: 0!important;
}
/* PAGE CONTACT   ///////////////////////////////////////////////////////////////////////////*/
#contact_info li{
	width: 100%;
	float: none;
	margin-bottom: 40px;
}
#leave_a_message .fm-form li input{
	width: 100% !important;
}

/* PAGE SEARCH   ///////////////////////////////////////////////////////////////////////////*/

#page_search #maincontent .title{
	float: none;
}

}

/*/////////////////////////////////////////////////////////////////////////// 
  6 4 0
  ///////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width:640px){
body{
	font-size: 1em;/*0.75em*/
}
#maincontent p{
}
.pagemargin{
	padding: 0 20px;
}
#search_form_wrapper,
.search_activity #search_form_wrapper,
#followus_wrapper,
.follow_activity #followus_wrapper{
	width: 100%;
	height: 50px;
	right: 0;
	min-width: inherit;
}
#search_form_wrapper .arrow,
#followus_wrapper .arrow{
	height: 0;
	width: 0;
}
input#s,
#sns_account{
	text-align: center;
	padding: 0;
	/*margin-top: 6px;*/
	height: inherit;
}

#sns_account li{
	line-height: 28px;
	border: none;
	padding: 0 6px;
	margin: 14px 0;
}
#sns_account img{
	/*height: 34px;*/
	margin-right: 2px;
}

input#s{
	padding: 16px 20px;
	font-size: 1em;
	margin: 0;
}
#footer #bottommenu{
	display: none;
}
#footer #followtext{
	float: none;
	margin: auto;
	text-align: center;
}
#maincontent img.alignright{
	float: none;
	width: 100%;
}
#page_case embed{
	width: 100%;
	min-height: 360px;
}


/* PAGE HOME   ///////////////////////////////////////////////////////////////////////////*/
#slider_1 ul li{
	font-size: 1.2em;/* 1.2em */
}
#page_home .content .img_content a{
	height: 194px;/*194px 45%*/
}
.echo_contact img{
	width: 80%;
}
.echo_contact .contact_tel{
	font-size: 3em;
}
.echo_contact .contact_add,
.echo_contact .contact_link{
	font-size: 0.75em;
	line-height: 1em;
}
.echo_contact{
	font-size: 0.75em;
}
/* PAGE ABOUT   ///////////////////////////////////////////////////////////////////////////*/
.page_about_content_service li{
	font-size: 0.75em;
}
.page_about_content_service li:nth-child(3n-1){
	margin-left: 3%;
	margin-right: 3%;
}
/* PAGE CONTACT   ///////////////////////////////////////////////////////////////////////////*/
#mapapi{
	height: 400px;/*600px*/
	-webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
}

/* PAGE NEWS   ///////////////////////////////////////////////////////////////////////////*/
#submenu{
	margin-top: 20px;
}
#current_page_title{
	margin-bottom: 20px;
}
#news_search_wrapper,
#archived_wrapper{
	width: 100%;
	float: none;
	clear: both;
}
.news_kv{
	float: none;
	width: 100%;
	height: 30%;
	margin-bottom: 1em;
}
/* PAGE CASE   ///////////////////////////////////////////////////////////////////////////*/
#highlight_case li,
#other_case li{
	width: 47%;
	height: 200px;
	margin-bottom: 1.6em; 
}
#highlight_case li:nth-child(3n-1),
#other_case li:nth-child(3n-1){
	margin-left: 0;
	margin-right: 0;
}
#highlight_case li:nth-child(2n-1),
#other_case li:nth-child(2n-1){
	margin-right: 6%;
}
/* PAGE METHOD   ///////////////////////////////////////////////////////////////////////////*/
.method_kv{
	height: 30%;
	width: 100%;
	float: none;
	margin: 0 0 2em 0;
}
/* PAGE CAREER   ///////////////////////////////////////////////////////////////////////////*/
#jobs_opportunity ul li{
	float: none;
}
#jobs_opportunity .button{
	margin-right: 0 !important;
}
#jobs_opportunity .description{
	line-height: 1.8em;
	padding-top: 20px;
	text-align: center;
}
/* PAGE CONTACT   ///////////////////////////////////////////////////////////////////////////*/
.interactive_info .sns_account{
	width: 100%;
	float: none;
}
.interactive_info .leave_msg{
	width: 100%;
	float: none;
}
.interactive_info .qrcode{
	width: 50%;
	margin: 100px auto;

}
.interactive_info .qrcode img{
	max-width: 100%  !important;
	height: auto;
}
/* PAGE SEARCH   ///////////////////////////////////////////////////////////////////////////*/
#page_search #maincontent .title{
	width: 100%;
}
/* P O S T  ///////////////////////////////////////////////////////////////////////////*/
.post-13 #maincontent img{
	width: 100%;
}
.post-16 #maincontent ul li{
	float: none;
	width: 100%;
	margin-bottom: 40px;
}
.post-16 #maincontent ul li:nth-child(2){
	margin: 0;
}
}

/*/////////////////////////////////////////////////////////////////////////// 
  4 8 0
  ///////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width:480px){
/* PAGE CASE   ///////////////////////////////////////////////////////////////////////////*/
#highlight_case li,
#other_case li{
	width: 100%;
	height: 200px;
	margin-bottom: 1.6em; 
}
#highlight_case li:nth-child(3n-1),
#other_case li:nth-child(3n-1){
	margin-left: 0;
	margin-right: 0;
}
#highlight_case li:nth-child(2n-1),
#other_case li:nth-child(2n-1){
	margin-right: 0;
}
/*#slider_1 ul li{
	font-size: 0.95em;*//*0.75em*/
	/*line-height: 18px;
}*/
#slider_1{
	display: none;
}
#slider_2{
	display:block;
	float: none;
	margin: 40px 0;
	height: 72px;
	overflow: hidden;
	margin: 40px 0 24px 0;
	position: relative;
	cursor: default;
}
#slider_2 .overlay_top,
#slider_2 .overlay_bottom{
	position: absolute;
	z-index: 2;
	background: white;
	opacity: 0.8;
	height: 24px;
	width: 100%;
}
#slider_2 ul li{
	font-size: 0.8em;/*0.75em*/
	line-height: 24px;
	height: 24px;
	letter-spacing: -0.3;
}

#page_home .content .img_content a{
	height: 130px;
}

.echo_contact .contact_tel{
	font-size: 2.8em !important;
	letter-spacing: -0.2 !important;
}
.echo_contact .contact_add,
.echo_contact .contact_link{
	letter-spacing: -0.1 !important;
	font-size: 0.9em !important;
}

#sns_account .text{
	/*display: none;*/
}
#sns_account li{
	padding: 0 1px;
	line-height: 24px;
}
#topmenu_function #search_function{
	padding: 0.3em;
}
.career span{
	font-size: 1.6em;
}
#footer #followtext li{
	margin-bottom: 12px;
}
/* PAGE ABOUT   ///////////////////////////////////////////////////////////////////////////*/
.page_about_content_service li:nth-child(3n-1){
	margin-left: 2%;
	margin-right: 2%;
}
.page_about_content_service li{
	width: 44%;
	margin-left: 2%;
	margin-right: 2%;
}


}

#footer ul li a{
    font-size: 1.1rem !important;
    font-weight: 600 !important;
}


/*/////////////////////////////////////////////////////////////////////////// 
  R E T I N A
  ///////////////////////////////////////////////////////////////////////////*/
/*@media
only screen and (-Webkit-min-device-pixel-ratio: 1.5) and (max-width:2048px),
only screen and (-moz-min-device-pixel-ratio: 1.5) and (max-width:2048px),
only screen and (-o-min-device-pixel-ratio: 3/2) and (max-width:2048px),
only screen and (min-device-pixel-ratio: 1.5) and (max-width:2048px){ 
.pagemargin{
	padding: 0 40px;
}
}*/