@charset "utf-8";

/*-----------------------------------------------
 top
-----------------------------------------------*/
 #cookietxt { display: inline-block; max-width: 90%; padding-bottom: 5px; }
 .btncontinuelearn { display: inline-block; float: right; }
 .privacy_law_wrapper { padding-bottom: 5px;}

 #TopBanner {padding-top:20px; background:url('/id-en/common/images/content_back02.png') repeat-x 0 0; height:339px; min-width: 980px;}
 #TopBanner .inner980 {position:relative;}
 #TopBanner li {position:absolute;left:0px;top:0px;height:399px;opacity: 0.0;display:none;}

 #INDEX {  padding-top:0; background:none; }

 .newsBigBox { width:470px; color:#9E9E9E; }
 .indexNewsBox { width:470px; height:250px; position:relative; }
 .indexNewsBox .img { width:470px; height:132px; position:absolute; top:-12px; left:0px; }
 .indexNewsBox .img a {width:100%;height:100%;display:block;text-indent: -9999px;outline: none;
 	background-repeat: no-repeat;
 	background-position: 0px 0px;
 	}
 .indexNewsBox .img .link1 {background-image:url("/id-en/images/image01.png");}
 .indexNewsBox .img .link2 {background-image:url("/id-en/images/image02.png");}
 .indexNewsBox .img .link1.active {background-position: 0px -132px;}
 .indexNewsBox .img .link2.active {background-position: 0px -132px;}
 
 .news { margin:140px 15px 0; }

 .globalNews { color:#9E9E9E; height:35px; line-height:35px;  background:url('/id-en/images/global_news_back01.png') no-repeat 0 0; margin-top:20px; padding-left:130px; }
 .globalNews dl { float:left; height:30px; width:780px; overflow:hidden;}
 .globalNews .global_feed_clearFix {overflow:hidden; width:750px; white-space:nowrap;}
 .globalNews dt {float:left; padding-right:8px;}
 .globalNews .more { padding:9px 10px 0 0;  position:absolute; right:7px;}
 
 
 .doubleblock { width:auto !important; height:70px !important; margin-top:20px !important; }
 .doubleblock .news { margin:10px 10px 0; }
 
 /* ------------------------------------------- */

.indexNewsBox .img a img {
    width: 100%;
    display: block;
    line-height: 0;
}

.globalNews ul#newsSlide {
    float: left;
    height: 40px;
    overflow: hidden;
    width: 100%;
    padding: 0;
    background-color: #fff;
    border-top-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-bottom-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border: 1px solid #ccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (max-width: 768px) {
	.privacy_law_wrapper {
		width: 98%;
	}

	.indexNewsBox {
		height: inherit;
	}
	
	.indexNewsBox .img {
		width: inherit;
		height: inherit;
		position: static;
	}
	
	.target_respo .content .inner980 .newsBigBox.fltl {
		margin-bottom: 25px;
	}
	
	.target_respo .content .inner980 .newsBigBox.fltr {
		margin-bottom: 30px;
	}
	
	.target_respo .global_feed_clearFix a {
    	color: #5E5E5E;
	}
	
	.target_respo .global_feed_clearFix a:link,
	.target_respo .global_feed_clearFix a:visited {
		text-decoration: none;
	}
	
	.target_respo .global_feed_clearFix a:hover,
	.target_respo .global_feed_clearFix a:active {
		text-decoration: underline;
	}
	
	.target_respo .global_feed_clearFix {
		width: 100%;
		padding: 20px 13px 0px;
		font-size: 16px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.target_respo .global_feed_clearFix dt {
		background: url(/id-en/common/images/respo/s_arrow_gray.png) no-repeat left center;
		background-size: 10px 11px;
	}
	
	.target_respo .global_feed_clearFix dt,
	.target_respo .global_feed_clearFix dd {
		padding-left: 15px;
	}
	 
	.globalNews { height: inherit; line-height:1.5;}
	
	.globalNews .global_feed_clearFix { white-space: inherit;}
	
	.globalNews dl { height: inherit; width: 100%;}
	
	.globalNews dt {
		float: none;
		padding-right: 0px;
	}
	
	.globalNews dd {
		/*width: 100%;*/
		word-wrap: break-word;
    	overflow-wrap:break-word;
	}
	
	.res_fl {float:left;}
	.res_fr {float:right;}
	.top_car_banner li {width:49.5%;}
}

@media screen and (max-width: 480px) {
	#learnmore {
		clear: right;
	}

	.target_respo .content .inner980 .newsBigBox.fltl {
		margin-bottom: 15px;
	}
	
	.target_respo .content .inner980 .newsBigBox.fltr {
		margin-bottom: 20px;
	}
	
	.target_respo .global_feed_clearFix {
		padding: 15px 13px -5px;
	}
	
	.top_car_banner li {width:100%;}
}