@charset "utf-8";
/***************************************
    copyright by MaxWeb.com.tw 
***************************************/


/*-------------------------------------------- 
    免責
---------------------------------------------*/





.label_menu_title h1{
	display: none;
}
.tr{
	border-bottom: none; 
}
 
/*#side2 .group_title_btn_box {
	margin: 0;
	padding: 20px 0 60px 0;
}
#side2 .group_title_btn_box ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#side2 .group_title_btn_box ul li{
	float: left;
	margin: 0;
	padding: 0;
}

#side2 .post_list{
	clear: both;
}*/

a:hover{
	color: #7e8992;
	background-color: #eeeeee;
}

.content1 .content_image{
	background-color: rgb(255 255 255);
	display: none;
}

.post_group h3{
	padding: 10px 0;
}

.guidelines_str{
	/*position: fixed;*/
	/*width: calc(100% - 40px);*/
	/*height: calc(100% - 71px);*/
	/*width: 0;*/
	height: calc(100% - 54px);
	/*top: 80px;*/
	right: -40px;
	/*background: #444;*/
	overflow-x: hidden;
	transition: 0.5s;
	padding: 0px 0px;
	z-index: 80;
	/*border-radius: 14px;*/
	/*box-shadow: 2px 2px 4px rgba(20%,20%,50%,0.7);*/
}
.guidelines_str.is_open{
	right: 0px;
	width: 100%;
	/*width: calc(100% - 40px);*/
	/*width: 300px;*/
}
.guidelines_str .icon_svg{
	width: 12px;
	height: 12px;
	float: right;
	margin: 14px 10px 0 0;
	/*fill:#FFF;*/
}
.guidelines_str ul {
	padding: 0;
	margin: 0;
	list-style: none;
	/*background: #FFF;*/
}
.guidelines_str ul li.main_menu {
	width: 100%;
	padding: 0px;
	/*text-indent: 10px;*/
	/*background: #70b4df;*/
	/*border-bottom: 1px solid #CCC;*/
}
.guidelines_str ul li.main_menu > a{
	display: block;
	font-size: 2.4rem;
	font-weight: 400;
	padding: 10px 20px;
	width: calc( 100% - 20px );
	/*color:#FFF;*/
}
.guidelines_str ul li.main_menu ul{
	display: none;
}
.guidelines_str ul li.main_menu .sub_menu {
	/*font-size: 1.6rem;*/
	/*text-indent: 30px;*/
	/*line-height: 2.4;*/
	/*border-bottom: 1px solid #EFEFEF;*/
}
.guidelines_str ul li.main_menu .sub_menu a{
	display: block;
	padding: 10px 45px;
	width: calc( 100% - 60px );
	color: #333;
	font-size: 2.0rem;
}
.guidelines_str ul li.main_menu ul ul{
	display: none;
	background: #FFF;
	/*transition: all 0.4s ease-in-out;*/
}
.guidelines_str ul li.main_menu .third_menu {
	font-size: 1.6rem;
	/*text-indent: 60px;*/
	line-height: 2.4;
	border-bottom: 1px solid #EFEFEF;
}
.guidelines_str ul li.main_menu .third_menu a{
	padding: 0 0 0 60px;
	width: calc( 100% - 60px );
	color: #333;
}
.guidelines_str ul li.main_menu ul ul ul{
	background: #F8F8F8;
	/*transition: 2s;*/
}
.guidelines_str ul li.main_menu .fourth_menu {
	/*margin: 0px 20px;*/
	font-size: 1.6rem;
	/*text-indent: 90px;*/
	line-height: 2.4;
	border-bottom: 1px solid #EFEFEF;
}
.guidelines_str ul li.main_menu .fourth_menu a{
	padding: 0 0 0 90px;
	width: calc( 100% - 90px );
	color: #333;
}
.guidelines_str ul li.main_menu ul ul ul ul{
	background: #AAA;
	/*transition: 2s;*/
}
.guidelines_str ul li.main_menu .five_menu {
	/*margin: 0px 20px;*/
	font-size: 1.6rem;
	/*text-indent: 120px;*/
	line-height: 2.4;
	border-bottom: 1px solid #EFEFEF;
}
.guidelines_str ul li.main_menu .five_menu a{
	padding: 0 0 0 120px;
	width: calc( 100% - 60px );
	color: #FFF;
}


/*-------------------------------------------- 
    footer
---------------------------------------------*/
.field_guide_icon{
    display: flex;
    gap: 20px;
    margin: 0;
    padding: 20px;
    background: rgba(35, 62, 88, 0.9019607843);
    justify-content: flex-end;
}
.field_guide_icon li{
    list-style: none;
}
.icon_size{
    width: 40px;
    height: 40px;
    display: block;
}



/*-------------------------------------------- 
	Media Queries 
---------------------------------------------*/
/* Portrait and Landscape */
/*@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
}*/

/*iPad Pro*/
@media screen and (max-width: 1279px) {
}

/*iPad*/
@media screen and (max-width: 1023px) {
}

/*iPhone*/
@media screen and (max-width: 767px) {

	.image_menu_box{
		background: #1d2e3e;
	}
	.image_menu_box .content_image img {
		/*height: auto;*/
	}
	.content_image{
		padding-top: 70px;
	}
	.label_menu_title {
		/*text-align: right;*/
		top: 85%;
		padding: 0 20px;
	}
	#content2{
		/*padding: 20px 0;*/
		padding: 70px 0;
	}
}