@import url('https://fonts.googleapis.com/css?family=Roboto');
.img_full_detail img{
	width:100% !important;
	margin:20px 0px 20px 0px;
	height: auto !important;
}

.bg_white{
	background-color:#fff;
}
.bg_main{
	background-color:#42699E;
}
.bg_opt{
	background:#ddd;
}
.bg_secondary{
	background:#eee;
}
.bg_blue{
	background-color:#40609D;
}
.bg_header{
	background:url(../tm_design/header-masoem.jpg) no-repeat center;padding:4%;
}
a img:hover{
	opacity:0.8;
	filter:alpha(opacity=80);

}
.img_sosmed_icon a img {
	margin:0px 10px 0p 0px;
}
.menu_icon{
	background:url(../tm_design/icon_menu.png) no-repeat 0px 0px;
	width:30px;
	height:20px;
	float:left;	

}
.icon_sosmed a{
	margin:0px 10px 0px 0px;
}	
.icon_sosmed span:hover{
	color:#ccc;
}
.img_full img{
	width:100%;
}
.icon_tgl{
	background:url(../tm_design/icon_tgl.png) no-repeat 0px center;
	padding:2px 0px 0px 17px;
	font-size:11px;
}
.ishovered:hover{
	cursor:pointer;
	
}
.radius_a{
	border-radius:4px;
}
.radius_b{
	border-radius:6px;
}
.radius_c{
	border-radius:8px;
}
.radius_d{
	border-radius:10px;
}
.fleft{float:left;}.fright{float:right;}.just_float{width:100%;float:left;}
.fontbold{
	font-weight:bold;
}
.fontsize_80{
	font-size:80%;
}
.fontsize_70{
	font-size:70%;
}
.fontsize_85{
	font-size:85%;
}
.fontsize_90{
	font-size:90%;
}
.fontsize_100{
	font-size:100%;
}
.fontsize_110{
	font-size:110%;
}
.fontsize_120{
	font-size:120%;
}
.fontsize_130{
	font-size:130%;
}
.fontsize_140{
	font-size:140%;
}
.fontsize_160{
	font-size:160%;
}
.fontsize_180{
	font-size:180%;
}
.fontsize_200{
	font-size:200%;
}
.fontsize_220{
	font-size:220%;
}
.set_shadow{
	box-shadow:0px 1px 5px #666;
}
.set_shadow_light{
	box-shadow:0px 1px 5px #dedede;
}
.width50fix{
	width:50%;
}
.spr_line{
	height:4px;
	background:#B1346E;
	width:100px;	
}
.spr_line_in{
	height:4px;
	background:#333;
	width:90px;
}
/* paging  */
.paging {
	padding:5px;
	text-align  : center;	
	font-size   : 12px;	

}
.paging a
{
	padding:6px 10px 6px 10px;
	margin:4px;
	border              : 1px solid #666;
	text-decoration     : none; 
	font-size			:12px;
	color :#fff !important;
	background:#666;
	border-radius:4px;
	text-align:center;
}
.paging a:hover
{
	border           : 1px solid #fff;
	background-color : #333;
	color			 : #fff;
	box-shadow:0px 0px 2px #666;
	
}
.paging span.current
{
	padding:6px 10px 6px 10px;
	margin:4px;
	color			 :#fff;
	border           : 0px solid #333;
	background-color : #333;
	border-radius:5px;	
}

.paging span.disabled
{
	border       : 1px solid #ccc;
	color        : #666;
	padding:6px 10px 6px 10px;
	margin:4px;
	margin:2px;
	border-radius:5px;
	background-color : #dedede;
}
/* paging */ 
.color_red{
	color:#f00;
}
.color_fff{
	color:#fff;
}
.color_gray{
	color:#999;
}
.color_opt{
	color:#AE4958;
}
.border_all{
	border:solid 1px #dedede;
}
.border_bottom{
	border-bottom:solid 1px #dedede;
}
.border_top{
	 border-top:solid 1px #666;
}
.border_top_sp{
	 border-top:solid 5px #AE4958;
}
a.link_dark{
	color:#333;
}
a.link_opt{
	color:#6ABDD5;
}
a:hover{
	color:#AE4958 !important;
	text-decoration:none !important;
}
ul.ul_styled {
	padding:0px;
}
ul.ul_styled li{
	list-style:none;
	background:url(../tm_css/ulstyled.jpg) no-repeat  left 10px ;
	border-bottom:solid 1px #dedede;
	list-style-position:center-left;
	padding:4px 0px 6px 20px;
}
.detail_table table{
	width:100% !important;
	border-collapse:collapse;
	border:solid 1px #dedede;
}
.detail_table table th{
	background:#eee;
	border-collapse:collapse;
	padding:4px;
	border:solid 1px #dedede;
}
.detail_table table td{
	 
	border-collapse:collapse;
	padding:4px;
	border:solid 1px #dedede;
	vertical-align: top;
}
@media screen and (min-width:1200px){
	.iframe_utube{
		width:100%;
			height:450px;
	}
	.width30_resv{
		width:30%;
	}
	.width40_resv{
		width:40%;
	}
	.width50_resv{
		width:50%;
	}
	.width50_resv_small{
		width:50%;
	}
	.width60_resv{
		width:60%;
	}
	.width70_resv{
		width:70%;
	}
	.show_on_mobile{display:none;}.show_on_desk{display:block;}	
	body{
		margin:0px;
		padding:0px;
		font-size:20px;
		font-family: Roboto, sans-serif;	
	}
	
	.wcenter{
		width:1240px;  
		margin:0px auto;
	}
	.wcenter_in{
		width:1240px;
		padding:0px 20px;
	} 
	.wcenterb{
		width:100%;
		padding:0%;
		float:left;
	}
	h1,h2,h3,h4{
		margin:0px 0px 20px 0px;
	}
	h1{font-size:46px !important;	}
	
}
@media screen and (max-width:1169px){
	.iframe_utube{
	width:100%;
		height:450px;
}
	.width30_resv{
		width:100%;
	}
	.width40_resv{
		width:100%;
	}
	
	.width50_resv{
		width:100%;
	}
	.width60_resv{
		width:100%;
	}
	.width70_resv{
		width:100%;
	}
	.width50_resv_small{
		width:50%;
	}
	.show_on_mobile{display:block;}.show_on_desk{display:none;}	
	body{
		margin:0px;
		padding:0px;
			 
		font-weight:normal;
		 
	}
		
	.wcenter{
		width:100%;
		padding:0% 4%;
		float:left;
	}
	 
	.wcenter_in{
		width:100%;
		padding:0% 0%;
	} 
	.wcenterb{
		width:100%;
		padding:2%;
		float:left;
	}
	h1{
		margin:0px 0px 1.6% 0px !important;;
	}
	h2,h3,h4{
		margin:0px 0px 1.4% 0px !important;;
	}
	h1{font-size:30px !important;	}
	h2{font-size:24px !important;	}
	h3{font-size:18px !important;	}
}
@media screen and (max-width:640px){
	.third_hide{
		display:none;
	}
	 
	.width50_resv_small{
		width:100%;
	}
	.thumb_p p:nth-last-of-type(2){
		margin:0px 0px 0px 0px !important;
	}
	.iframe_utube{
		width:100%;
			height:300px;
	}
}