﻿@import url("reset.css");

/**
 *
 * @authors chan.yisen (aihuacyc@gmail.com)
 * @date    2016-10-31 10:25:51
 * @version $Id$
 * @public.less
 */
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?hzhzeb');
	src:url('../fonts/icomoon.eot?#iefixhzhzeb') format('embedded-opentype'),
		url('../fonts/icomoon.woff?hzhzeb') format('woff'),
		url('../fonts/icomoon.ttf?hzhzeb') format('truetype'),
		url('../fonts/icomoon.svg?hzhzeb#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

@charset "UTF-8";

html,
body {
  position: relative;
  overflow-x:hidden;
  width:100%;
  height:auto;
  font-size:14px;
  color:#666666;
}
* {
  -webkit-text-size-adjust: none;
}

img{
	 width:100%; 
	 height:auto;
	 }
table,
tr,
td {
  border-collapse: collapse;
}
ul li{ list-style:none; }
a{ color:#666666;
text-decoration:none;}
a:hover{
  color: #337ab7;
  text-decoration:none;
}
a:active{
text-decoration:none;
	}
a:focus{
text-decoration:none;
	}	
.clearfix {
  *zoom: 1;
  clear:both;
}
h1,h2,h3,h4,h5{margin-top: 0px !important}
#ver-sc{
font-family: "Microsoft YaHei","STHeiti","Microsoft JhengHei", "宋体", Arial, vHelvetica, sans-serif, Verdana; 
    font-size: 14px;
 line-height: 1.42857143;
  color:#333;}
#ver-en{ font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; 
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;}
#warp{
  min-width: 320px;
  max-width: 1920px;
  margin: 0 auto;
  position: relative;
  background-color:#fff;
  overflow: hidden;
}
.content{
  max-width: 1170px;
  height:auto;
  margin: 0px auto;
  padding:0px 15px;  
}
.content h1{font-size: 18px; font-weight:bold; padding:10px 0;color:#333333}
.content h2{font-size: 16px; font-weight:bold; padding:20px 0 10px 0;color:#333333;}
.gov a{ text-decoration:underline}
.gov h2 a{ text-decoration:underline; color:#333333}
.gov h2 a:hover{ text-decoration:none; color:#337ab7}
/******************************ir_info**********************/
.ir_info{/*color:#666666;
	font-size:16px;*/
	position:relative;
	margin:0px auto;
	}
.info_txt p{
	padding-bottom:30px;
	} 
.ir_info ul li{float: left;   width:36%; padding:0 10% 0 0;}
.ir_info ul li:nth-child(3){ width:28%; padding-right:0}
.ir_info ul li h3{ font-size:18px; padding:10px 0;color:#333; font-weight:bold}
.ir_info ul li p{ padding-bottom:30px;}
.info_icon{
	position:relative;
	width:100%;
	padding-left:130px;
	padding-right:130px;
	margin:0px auto;
	display:table;
	} 
.info_icon_box{
	padding-top:30px;
	display:table-cell;
	}	 
.info_icon_box span{
	width:64px;
	height:64px;
	margin:0px auto;
	display:block;
	}
.info_icon_box h1{
	font-size:38px;
	line-height:38px;
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
	font-weight:normal;
	
	}		
.info_icon_box p{
	text-align:center;
	}	

/******************************ir_gov**********************/	
.ir_gov{
	position:relative;
	margin:0px auto;
	}
.gov_txt_box{
	position:relative;
	width:100%;
	}
.gov_txt_box:nth-child(1) h6{
	padding-top:0px;
	}	
.gov_txt_box h6{
	font-size:16px;
	color:#e6735e;
	font-weight:bold;
	padding:20px 0px;
	}

.gov_txt_box h6 a{color:#e6735e;}
.gov_txt_box h6 span{color:#666666; font-size:14px; font-weight:normal;}
.gov_txt_box h6 span a{color:#666666; text-decoration:underline;}	
	
.gov_txt_box .gov_txt{
	background:#f5f5f5;
	border-bottom:1px solid #e8e8e8;
	padding:20px 30px 20px 30px;
	}
	
/******************************ir_reports**********************/	
ul.report-list{ padding-top:20px;}
ul.report-list li{ padding-bottom: 50px;
    margin: auto;
    max-width:320px;}
ul.report-list li .r-cover {
  display: block;
  border: 7px solid #dcdcdc;
}
ul.report-list li .r-cover:hover{border: 7px solid #337ab7;}
ul.report-list li .r-cover img {
  display: block;
  width: 100%;
}
ul.report-list li .report-info {
  padding-top:15px;
  padding-bottom:15px;
  color: #ffffff;
  font-size:22px;
  text-align: center;
  background-color: #337ab7;
}
ul.report-list li .report-info div {
  display: inline-block;
  text-align: left;
}
ul.report-list li .report-info p {
  margin-bottom: 0;
  color: #fff;
  font-size: 16px;
  margin-top: 15px;
      line-height: 1;
  text-transform: uppercase;
}
ul.report-list li .report-info p a {
	font-family:Arial, Helvetica, sans-serif;
  color: #337ab7;
  font-size: 12px;
     line-height: 1;
    padding-top:1px;	    
    padding-right: 3px;
    padding-left: 3px;
  margin-right:5px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-color: #fff;
}
ul.report-list li .report-info p a:hover {
  color: #fff;
  background-color: #000000;
}

/*******************announcements_main************************/	

	
/***************************ir_qa**********************/		

	
	
.swipe-indicator {
    width:100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    background: rgba(0,0,0,0.25);
    display: none;}
.icon-move:before { color:#e5674e;
    content: "\e60b";
}
.swipe-indicator i {
    font-size: 135px;
    display: inline-block;
    width: 140px;
    left: 50%;
    margin-left: -70px;
    position: absolute;
    top: 50px;}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


.year-wrap {
  margin-bottom:20px;
      border-bottom: 2px solid #337ab7;
    padding-bottom:10px;
}
.year-wrap .this-year {
  display: inline-block;
  line-height: 24px;
  font-size:20px;
  color:#337ab7;
  font-weight:bold;
}
.year-box {
  float: right;
  width: 125px;
  position: relative;
  border-radius: 4px;
  background-color: #fff;
}
.year-box::after {
  content: "\f107";
  font-family: "FontAwesome";
  color: #007c7d;
  display: block;
  width: 22px;
  line-height: 1;
  border-left: 1px solid #ccc;
  position: absolute;
  top: 5px;
  right: 0;
  text-align: center;
}
.year-box select {
  width: 100%;
  min-width: 125px;
  padding: 2px 3px;
  padding-right: 30px;
  border: 1px solid #d6d6d6;
  border-radius: 4px;
  height: 24px;
  font-family: Verdana, Arial, Helvetica;
  position: relative;
  background: none;
  background-color: transparent;

}


ul.comm-list li { font-weight: normal;
	overflow: hidden;
  list-style-type: none;
      border: 1px dotted #BBBBBB;
    margin: 15px 0px;padding: 15px;
	min-height:110px;
}
ul.comm-list li:hover{ background-color:#f5f5f5}
ul.comm-list li .date {
	float:left; color: #888;
 
  position:absolute;
}
ul.comm-list li .date b{font-size:4em; color:#555555; display:block;font-family: 'Times New Roman', Times, serif; line-height:1;font-weight: normal;}
ul.comm-list li .a {font-size:18px;font-weight: bold; padding-left:90px;float: right;
width: 100%;
margin-left: -370px;}
ul.comm-list li .a a{ color:#333333;}
ul.comm-list li .a b{ display:block; font-size:14px; font-weight:normal; padding-top:10px;}
ul.comm-list li .a a:hover{ color:#337ab7;}
ul.comm-list li .a a:hover b{ color:#337ab7;}


p.content_tools {
    float: right;
    margin: 0px 0px 5px;
    padding: 5px 15px;
    background: #eee;
    text-align: right;
    font-size: 14px;
}
.ir_enquiry p{ padding-bottom:10px;}

@media(max-width:480px){

    .content {
      padding: 0px 0px;
  }

}