*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;text-decoration:none;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-table}
*html .clearfix{height:1%}
.clearfix{display:block}
*+html .clearfix{min-height:1%}
.chc_logo{
	width: 280px;
	height: 120px;
	background: url(../images/logo.png) center center no-repeat;
	float: left;
}
.chc_menu_top{
	width: 890px;
	padding: 35px 15px 0 0;
	height: 35px;
	float: left;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif, Helvetica-Fraction, '微軟正黑體';
}
.chc_menu_top a{
	background: url(../images/lang_bg.gif) right center no-repeat;
	padding: 0 15px;
	color: #666;
	text-decoration: none;
}
.chc_menu_top a:hover{
	color: #aa002f;
}
.chc_menu{
	width: 890px;
	height: 50px;
	float: left;
}
.mob{
	display: none;
}
/* nav_menu */
.nav_menu{ height: 50px; z-index: 999; /*padding-left: 125px;*/float: right;}
.nav{width:fit-content;height:45px;position:relative;margin:0 auto; line-height: 20px;}
.nav .list li{float:left; border-top: 1px solid #aa002f;}
.nav .list a{float:left;display:block; padding: 4px 15px; height:42px;text-align:center; font-size: 16px; color: #555; font-weight: bold;}
.nav .list a:hover{color:#fff;}
.nav .list a:hover,.nav .list .now{color:#fff;background:#a80717;}
.nav .box{position:absolute;right:0px;top:50px;width:1170px;background: rgba(250,250,225, 0.85);overflow:hidden;height:0;filter:alpha(opacity=0);opacity:0;border-bottom:1px solid #d2d2d2; z-index: 999; font-size: 14px;}
.nav .cont{position:relative;padding:20px 0 0px 15px; z-index: 999;background: url(../images/menu_bg.png) right bottom no-repeat;}
/* sublist */
.sublist li{display: flex;flex-direction: column;float:left;width:180px;padding: 0 10px;}
.sublist li h3.mcate-item-hd{font-size:15px;height:auto;line-height:24px; padding: 5px 10px; color: #fff; letter-spacing: 1px; text-align: center;  font-weight: normal;
-webkit-border-top-left-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-bottomright: 15px;
border-top-left-radius: 15px;
border-bottom-right-radius: 15px;
}
.sublist li h3.mcate-item-hd a{ color: #fff;}
.sublist li p.mcate-item-bd{padding: 10px 0; width: auto; text-align: left}
.sublist li img{
	width: fit-content;
	margin: 0 auto;
	border: 1px solid #fff;
}
.sublist li p.mcate-item-bd a{height:auto;line-height:20px;font-size:14px;color:#333;text-decoration:none;display:inline-block; width: 95%; padding: 8px 2.5%;}
.sublist li p.mcate-item-bd a:hover{color:#fff;}
.red{
	background: url(../images/pattern.png) left top no-repeat, url(../images/menu_bg_1.png) center repeat;
	background: url(../images/menu_bg_1.png) center repeat\9;
}
p.rb a{
	border-bottom: 1px solid #c5021c;
}
p.rb a:hover{
	background: #c5021c;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-0-transition: 0.3s;
	transition: 0.3s;
}
.org{
	background: url(../images/pattern.png) left top no-repeat, url(../images/menu_bg_2.png) center repeat;
	background: url(../images/menu_bg_2.png) center repeat\9;
}
p.ob a{
	border-bottom: 1px solid #e8691b;
}
p.ob a:hover{
	background: #e8691b;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-0-transition: 0.3s;
	transition: 0.3s;
}
.gre{
	background: url(../images/pattern.png) left top no-repeat, url(../images/menu_bg_3.png) center repeat;
	background: url(../images/menu_bg_3.png) center repeat\9;
}
p.gb a{
	border-bottom: 1px solid #638b0f;
}
p.gb a:hover{
	background: #638b0f;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-0-transition: 0.3s;
	transition: 0.3s;
}
.blu{
	background: url(../images/pattern.png) left top no-repeat, url(../images/menu_bg_4.png) center repeat;
	background: url(../images/menu_bg_4.png) center repeat\9;
}
p.bb a{
	border-bottom: 1px solid #1d7ec2;
}
p.bb a:hover{
	background: #1d7ec2;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-0-transition: 0.3s;
	transition: 0.3s;
}
.pur{
	background: url(../images/pattern.png) left top no-repeat, url(../images/menu_bg_5.png) center repeat;
	background: url(../images/menu_bg_5.png) center repeat\9;
}
p.pb a{
	border-bottom: 1px solid #942a9e;
}
p.pb a:hover{
	background: #942a9e;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-0-transition: 0.3s;
	transition: 0.3s;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.chc_logo{
	background: url(../images/logo_m.png) left center no-repeat;
	width: 200px;
}
.chc_menu_top{
	width: 690px;
	padding: 35px 0 0 0;
}
.chc_menu{
	width: 770px;
}
.nav_menu{
	padding: 0 0 0 30px;
}
.nav .list a{
	padding: 5px 12px;
    font-size: 15px;
}
.nav .box{
	width: 971px;
	right: 0;
}
}
@media screen and (min-width: 320px) and (max-width: 768px) {
.chc_logo, .chc_menu_top, .chc_menu{
	width: 100%;
}
.chc_menu{
	height: auto;
	display: none;
}
.mob{
	display: block;
}
.chc_menu_top{
	text-align: center;
	padding: 0;
}
.nav_menu{
	padding: 0;
	border-top: 1px solid #aa002f;
}
.nav{
	width: 100%;
	height: auto;
}
.nav .list li{
	border: 0;
}
.nav .box{
	width: 100%;
	top: 53px;
	left: 0;
}
.nav .list a{
	height: auto;
	font-size: 16px;
}
.sublist li{
	 width: 47.5%;
	 padding: 0 2.5% 2.5% 0;
}
}
@media screen and (min-width: 320px) and (max-width: 534px) {
.chc_logo, .chc_menu_top, .chc_menu{
	width: 100%;
}
.chc_menu{
	height: auto;
}
.chc_menu_top{
	text-align: center;
	padding-top: 0;
}
.nav_menu{
	padding: 0;
	border: 0;
}
.nav{
	width: 100%;
	height: auto;
}
.nav .list li{
	border-top: 1px solid #aa002f;
}
.nav .box{
	width: 100%;
	top: 106px;
	left: 0;
}
.nav .list a{
	height: auto;
	font-size: 16px;
}
.sublist li{
	 width: 47.5%;
	 padding: 0 2.5% 2.5% 0;
}
}