@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'OpenSans';
  src: url('font/OpenSans.eot?#iefix') format('embedded-opentype'),  url('font/OpenSans.woff') format('woff'), url('font/OpenSans.ttf')  format('truetype'), url('font/OpenSans.svg#OpenSans') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSans-Semibold';
  src: url('font/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),  url('font/OpenSans-Semibold.woff') format('woff'), url('font/OpenSans-Semibold.ttf')  format('truetype'), url('font/OpenSans-Semibold.svg#OpenSans-Semibold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Myriad Pro';
  src: url('./fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),  url('./fonts/MyriadPro-Regular.otf')  format('opentype'),
	     url('./fonts/MyriadPro-Regular.woff') format('woff'), url('./fonts/MyriadPro-Regular.ttf')  format('truetype'), url('./fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

body,form,h1,h2,h3,h4,h5,h6,h7,div,p,ul,ol,li,a,img,input,select,textarea,table,tr,td{
	margin:0;padding:0;
	font-weight:normal;
	outline:none;
}
html * {max-height:1000000px;}/*去除 mobile chrome font boosting导致的文字自动缩放问题*/
body{
	width:100%;
	text-align:center;
	color:#fff;font-size:1em;
	-webkit-text-size-adjust:none;
	font-family:微軟正黑體,新細明體,Arial, Helvetica, sans-serif;
	background-color:#fff;
}
body.us{
	font-family:Arial, Helvetica, sans-serif;
}
a{
	color:#fff; text-decoration:none;
	/*
	transition:all 0.2s;
	-webkit-transition:all 0.2s;
	-moz-transition:all 0.2s;
	-ms-transition:all 0.2s;
	-o-transition:all 0.2s;
	*/
}
#header{
	width:100%;
	min-width:1060px;
	height:217px;	
}
#header .header_inner{
	width: 1000px;
    margin: auto;
    height: 155px;	
}
#header .header_inner a.logo{
	width: 141px;
    height: 136px;
    display: block;
    float: left;
    margin-top: 11px;
	margin-left:11px;
}
#header .top{
	width: 840px;
    float: right;
    margin-top: 40px;
}
#header .menu{
	height: 61px;
    width: 100%;
    min-width: 1060px;
	border-top: 1px solid #DDDDDD;
	-webkit-box-shadow: 1px 2px 5px 0px rgba(0,0,0,.26);
    -moz-box-shadow: 1px 2px 5px 0px rgba(0,0,0,.26);
    box-shadow: 1px 2px 5px 0px rgba(0,0,0,.26);
}
#header .menu .menu_div{
	width: 1000px;
    margin: auto;
    height: 61px;
    background-color: #fff;	
}		  

ul li{list-style-type: none;}
#header .menu .menu_div ul li{
	float: left;
    width: 167px;
    height: 58px;
	display:table;
	position:relative;
    	
}
#header .menu .menu_div ul li .cat{
	position: absolute;
    background: url(/img/system/www/menubg.png);
    width: 57px;
    height: 42px;
    right: 0;
    top: -42px;
    display: none;	
}
#header .menu .menu_div ul li.m1, #header .menu .menu_div ul li.m6, #header .menu .menu_div ul li.m1 .sm, #header .menu .menu_div ul li.m6 .sm{
	width: 166px;	
}
#header .menu .menu_div ul li.m1{
	border-bottom: 3px solid #F93D41;
}
#header .menu .menu_div ul li.m2{
	border-bottom: 3px solid #FFCA00;
}
#header .menu .menu_div ul li.m3{
	border-bottom: 3px solid #2AC607;
}
#header .menu .menu_div ul li.m4{
	border-bottom: 3px solid #FF4AA1;	
}
#header .menu .menu_div ul li.m5{
	border-bottom: 3px solid #1EC2E5;	
}
#header .menu .menu_div ul li.m6{
	border-bottom: 3px solid #A64DFF;	
}

#header .menu .menu_div ul li .sm{
	position: absolute;
    left: 0px;
    top: 61px;
	z-index: 10;
	display:none;	
}
#header .menu .menu_div ul li .sm li{
	height:52px;
	background:#F5F5F5;
	border-bottom: 1px solid #DDDDDD;		
}
#header .menu .menu_div ul li .sm li:hover{
	background:#ECECEC;
}
#header .menu .menu_div ul li:hover a, #header .menu .menu_div ul li:hover a span{
	color: #fff;	
}
#header .menu .menu_div ul li:hover .cat{
	display:block;	
}

#header .menu .menu_div ul li.m1:hover{
	background: #F93D41;
}
#header .menu .menu_div ul li.m2:hover{
	background: #FFCA00;
}
#header .menu .menu_div ul li.m3:hover{
	background: #2AC607;
}
#header .menu .menu_div ul li.m4:hover{
	background: #FF4AA1;	
}
#header .menu .menu_div ul li.m5:hover{
	background: #1EC2E5;	
}
#header .menu .menu_div ul li.m6:hover{
	background: #A64DFF;	
}


#header .menu .menu_div ul li a{
	width: 100%;
    height: 58px;
    display:table-cell;
	vertical-align: middle;
    font-size: 16px;
    color: #000000;
    font-family: 'OpenSans-Semibold';
	line-height: 20px;
}
#header .menu .menu_div ul li a span{
	font-size: 15px;
    color: #177DC7;
	font-weight:bold;
    font-family:微軟正黑體,新細明體,Arial, Helvetica, sans-serif;
}
#header .menu .menu_div ul li .sm li a{
	color:#000;
	font-size:15px;	
	font-family:微軟正黑體,新細明體,Arial, Helvetica, sans-serif;
}

#header .menu .menu_div ul li.cur{
	width: 158px;
    height: 70px;
    display: block;
    margin-top: 5px;
    line-height: 70px;
    overflow: hidden;
}
#header .menu .menu_div ul li.cur a:hover{
	width: 158px;
    height: 75px;
    display: block;
	margin-top: 0px;
    line-height: 75px;	
}
div.spacer{ margin:0 10px; padding:0; height:0; clear:both; font-size:0em; overflow:hidden; }

#bodyWrap{
	width:100%;height:100%;
	display:none;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity:0;
	position:fixed;
	top:0;left:0;
	background:#000;
	z-index:100000;
}
#footer{
	width: 100%;
    min-width: 1060px;
    height: 236px;
    margin-top: -35px;
    background: url(/img/system/www/footbg.png) top right;
    position: relative;
    z-index: 99;
    background-repeat: repeat;
    background-size: contain;
}
#footer .footer_div{	
	width: 1000px;
    height: 100%;
    margin: auto;
    display: inline-block;
}
#footer .footer_div .left{
	width: 251px;
    height: 240px;
    float: left;
    margin-top: -14px;
}
#footer .footer_div .right{
	width: 665px;
    margin-left: 69px;
    float: left;
    margin-top: 60px;	
}
#footer .footer_div .right .fmenu{
	width: 665px;
    display: inline-block;
    height: 135px;	
}
#footer .footer_div .right ul li{
	list-style-type: none;
    float: left;
    padding-left: 26px;	
	margin-bottom: 22px;
	width:195px;
	float:left;
	text-align:left;
}
#footer .footer_div .right ul li:first-child{
	width:155px;	
}
#footer .footer_div .right ul li:nth-of-type(4){
	width:155px;	
}

#footer .footer_div .right ul li a{
	font-size: 14px;
    color: #fff;
    font-family: 'OpenSans-Semibold';
	position:relative;
}	
#footer .footer_div .right ul li a:hover, #footer .footer_div .right ul li a:hover span{
	color:#8FD1FF;	
}
#footer .footer_div .right ul li a span{
	font-size: 15px;
    color: #fff;
    font-weight: bold;
    font-family: 微軟正黑體,新細明體,Arial, Helvetica, sans-serif;	
}
#footer .footer_div .right ul li a::before{
	background: url(/img/system/www/footicon.png);
    position: absolute;
    background-repeat: no-repeat;
    content: '';
    width: 16px;
    height: 15px;
    display: inline-block;
    left: -26px;
    top: 2px;
}
#footer .footer_div .right .copyright{
	height: 41px;
    line-height: 41px;
    font-size: 13px;
    color: #fff;
    text-align: left;
    margin-left: 24px;
    font-family: 'OpenSans-Semibold';	
}
#footer .footer_div .right .copyright a:hover{
	color:#18BBF4;	
}
#footer .to-top {
    position: fixed;
    display: none;
    width: 62px;
    height: 104px;
    right: 0px !important;
    bottom: 255px;
    background: url(/img/system/www/back.png) no-repeat top left;
    z-index: 1001;
}
#footer .to-top:hover{
	background: url(/img/system/www/back_mo.png) no-repeat top left;	
}