@charset "UTF-8";
/**
*
* @authors Your Name (you@example.org)
* @date    2016-12-10 16:57:22
* @version $Id$
*/

/*
purple #B1658B;
red #CA2420;
blue #326295;
orange #F89829;
*/

*, *::before, *::after {
  box-sizing: Border-box;
}

/*768*/
.lihsi-pad{
	display: none !important;
}


.lihsi-mobile{
	display: none !important;
}

/*481*/
.lihsi-small-mobile{
	display: none !important;
}


.nopadding{
	padding: 0 !important;
}

.txt-left{
	text-align: left;
}

.txt-center{
	text-align: center;
}

.txt-color-pinky{
	color: #ff406e;
}

input:focus,select:focus,textarea:focus {outline:0;}

html,body{
	letter-spacing: 3px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "微軟正黑體", "新細明體", "蘋果儷黑體", Verdana, sans-serif;
}

html{
  box-sizing: border-box;
  
}

body{
	background: #ffffff;
}

body.noscroll{
	overflow-y: hidden!important;
}

body,input,button,select,textarea{
	font-family: "微軟正黑體", "微软雅黑","Helvetica Neue", Helvetica, Arial, sans-serif;
}

.wrap{
	position: relative;
	width: 100%;
	height: auto;
	padding-top: 92px;

	background: #fff;
	overflow-x: hidden;

	min-height: 100vh; /* 至少滿版 */
  display: flex;
  flex-direction: column;
}

img{
	display: block;
}

img.img-full{
	width: 100%;
}

img.img-height-full{
	height: 100%;
}

.container-full{
	display: block;
	width: 100%;
	padding: 0 15px;
	margin: 0 auto;
}

.container-base{
	display: block;
	max-width: calc(1170px + (15px * 2));
	width: 100%;
	padding: 0px 15px;

	margin: 0 auto;
}
	
.container-sub{
	display: block;
	max-width: 1000px;
	width: 100%;
	padding: 0 15px;

	margin: 0 auto;
}

.container-small{
	display: block;
	max-width: 720px;
	width: 100%;
	padding: 0 15px;

	margin: 0 auto;
}

.inner{
	flex: 1; /* 自動撐滿剩下的空間 */
	padding: 80px 0;
}

.full-inner{
	padding: 0;
}

.cursor-pointer{
	cursor: pointer;
}


/***** loading start *****/

.loading-mask{
	display: flex;
	position: fixed;
	top: 0;
	left: 0;

	justify-content: center;
	align-items: center;

	width: 100%;
	height: 100%;
	background: #dedede;

	z-index: 999;
}

.loading-mask.complete{
	display: none;
}

@keyframes ldio-5cksq6krpib {
  0% { transform: translate(-50%,-50%) rotate(0deg); }
  100% { transform: translate(-50%,-50%) rotate(360deg); }
}
.ldio-5cksq6krpib div {
  position: absolute;
  width: 120px;
  height: 120px;
  border: 10px solid #0060be;
  border-top-color: transparent;
  border-radius: 50%;
}
.ldio-5cksq6krpib div {
  animation: ldio-5cksq6krpib 1s linear infinite;
  top: 100px;
  left: 100px
}
.loadingio-spinner-rolling-2an3ew4770t {
  width: 200px;
  height: 200px;
  display: inline-block;
  overflow: hidden;
}
.ldio-5cksq6krpib {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0;
}
.ldio-5cksq6krpib div { box-sizing: content-box; }

/***** loading end *****/

header{
	position: fixed;
	display: flex;
	top: 0;
	width: 100%;
  padding: 20px 0px;
	background: #0060be;
	align-items: center;

	z-index: 10;
}

header .collection{
	display: flex;
	align-items: center;
}

header .collection .logo{
	display: flex;
	align-items: center;
	flex: 1;
}

header .collection .logo::after{
	content: "";
	display: inline-block;
	flex: 1;
	margin: 0 15px;
	height: 2px;

	background: #FFF;
}

header .collection .logo a{
	display: inline-block;
}

header .collection .logo a img{
	display: inline-block;
	height: 50px;
}

header .collection .switch{
	display: none;
	text-align: center;
}

header .collection .switch a{
	display: inline-block;

	width: 30px;
	height: 28px;

	letter-spacing: 0;

	color: #FFF;
	text-decoration: none;

	background: url("../images/switch_btn.svg");
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;

	text-indent: -999999px;
}

header .collection .switch a.open{
	background: url(../images/switch_close_btn.svg);
}

header .collection nav{
	position: relative;
	display: flex;
	align-items: center;
	padding: 0;
}

header .collection nav ul{
	display: block;
	padding: 0;
	margin: 0;
	list-style: none;
}

header .collection nav ul li{
	position: relative;
	display: inline-block;

	padding: 0 15px 0 0;
}

header .collection nav ul li a{
	display: inline-block;

	font-size: 18px;
	font-weight: bold;
	text-decoration: none;

	color: #FFF;
	letter-spacing: 0;
}

header .collection nav ul li a:hover{
	color: #be9956;
}

header .collection .n-signup{
	display: inline-block;
	padding-left: 5px;
}

header .collection .n-signup a{
	display: inline-block;
	padding: 10px 20px;

	background: #FFF;
	transform: skewX(-10deg); /* 向右傾斜 */

	font-size: 18px;
	font-weight: bold;
	text-decoration: none;

	color: #0060be;
	
	letter-spacing: 0;
}

header .collection .n-signup a:hover{
	background: #be9956;
	text-decoration: none;
	color: #FFF;
}

header .collection .n-signup a span{
	display: inline-block;
  transform: skewX(10deg); /* 文字反向傾回來 */
}

.kv{
	position: relative;
	background-color: #FFF;
}

.kv .theater{
	position: relative;

	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
}

.unit-title{
	display: block;
	width: 100%;

	font-size: 32px;
	font-weight: bold;
	letter-spacing: 0;
	color: #000;
}

.unit-title.spec{
	text-align: center;
}

.unit-title span.en{
	display: block;
	width: 100%;

	font-size: 32px;
	font-weight: bold;
	letter-spacing: 0;
	color: #000;
}

.inkv{
	display: inline-block;
	width: 100%;
	padding-bottom: 80px;
}

.inkv img{
	width: 70%;
	margin: 0 auto;
}

.news{
	display: block;
	width: 100%;
}

.news .item{
	position: relative;
	display: flex;
	width: 100%;
	padding: 50px 0;
}

.news .item:first-child{
	padding-top: 80px;
}

.news .item::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px; /* 底線厚度 */
  background: linear-gradient(to right, #ba9764, #051b47, #26496e);
}

.news .item .cover{
	display: inline-block;
	width: 480px;
	padding-right: 35px;
}

.news .item .intro{
	position: relative;
	flex: 1;
	display: block;

	padding-bottom: 35px;
}

.news .item .intro span.title{
	display: inline-block;
	width: 100%;
	padding-bottom: 30px;

	font-size: 26px;
	font-weight: bold;
	text-decoration: none !important;
	color: #000 !important;
}

.news .item .intro span.date{
	display: inline-block;
	width: 100%;
	padding-bottom: 5px;
	font-size: 20px;
	letter-spacing: 0;
	text-decoration: none !important;
	color: #000 !important;
}

.news .item .intro .detail{
	display: inline-block;
	width: 100%;

	font-size: 20px;
	letter-spacing: 0;
	line-height: 1.5;
	text-decoration: none !important;
	color: #000 !important;
}

.news .item .intro a.more{
	position: absolute;
	display: inline-block;

	bottom: 0;
	left: 0;

	padding-bottom: 5px;
	border-bottom: 1px solid #000;

	font-size: 18px;
	letter-spacing: 0;
	
	color: #000;
}

.news .item .intro a.more{
	text-decoration: none;
	color: #000;
}

.news .item .intro a.more:hover{
	font-weight: bold;
	text-decoration: none;
}

.news span.intitle{
	display: inline-block;
	width: 100%;

	padding-bottom: 50px;

	font-size: 26px;
	font-weight: bold;
	letter-spacing: 0;
}

.news span.indate{
	display: inline-block;
	position: relative;
	width: 100%;

	padding-bottom: 10px;
	margin-bottom: 30px;

	font-size: 18px;
	letter-spacing: 0;
}

.news span.indate::after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background: linear-gradient(to right, #ba9764, #051b47, #26496e);
}

.news .incover{
	display: inline-block;
	position: relative;
	width: 100%;

	padding-bottom: 30px;
}

.news .indetail{
	display: inline-block;
	position: relative;
	width: 100%;

	font-size: 18px;
	letter-spacing: 0;
	line-height: 1.5;
}

.event{
	display: block;
	width: 100%;
}

.event .item{
	position: relative;
	display: block;
	width: 100%;
	padding: 50px 0 0 0;
}

.event .item:first-child{
	padding-top: 80px;
}

.event .item .title{
	display: flex;
	position: relative;
	padding-bottom: 20px;
	padding-right: 50px;
	align-items: flex-end;
	cursor: pointer;
}

.event .item .title::before{
	content: "";
	position: absolute;

	width: 20px;
	height: 20px;

	top: 50%;
	right: 0;

	transform: translateY(-50%);

	background: url('../images/icon_addition.svg');
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center center;
}

.event .item.chs .title::before{
	background: url('../images/icon_subtraction.svg');
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center center;
}

.event .item .title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px; /* 底線厚度 */
  background: linear-gradient(to right, #ba9764, #051b47, #26496e);
}

.event .item .title span.num{
	display: inline-block;
	padding-right: 15px;
	font-size: 38px;
	font-weight: bold;
	font-style: italic;
	line-height: 1;
	letter-spacing: 0;
	text-shadow: 0.08em 0.08em #dbdbdb;

	color: #be9956;
}

.event .item .title .alias{
	flex: 1;
	font-size: 26px;
	font-weight: bold;
	font-style: italic;
	line-height: 1;

	color: #be9956;
}

.event .item .detail{
	display: none;
	padding-top: 30px;

	font-size: 18px;
	line-height: 1.5;
	color: #0062c2;
}

.event .item.chs .detail{
	display: block;
}

.event .item .detail .chinese-counter{
	position: relative;
	display: block;
	width: 100%;

	padding-left: 50px;
}

.event .item .detail .chinese-counter span.ndot{
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}

.event .item .detail .chinese-counter ul{
	padding-left: 25px;
	margin: 0;
}

.event .item .detail a.download{
	display: inline-block;
	padding: 10px 30px;

	text-align: center;
	text-decoration: none;
	letter-spacing: 0;

	color: #FFF;
	background: #0060c0;
	font-weight: bold;
	border-radius: 15px;
}

.event .item .detail a.download:hover{
	background: #be9956;
}

.event .item span.highlight{
	position: relative;
	z-index: 1;
}

.event .item span.highlight::before {
  content: "";
  position: absolute;
  left: -5px;              /* 左邊延伸一點 */
  right: -5px;             /* 右邊延伸一點 */
  bottom: 0px;             /* 往上貼近文字 */
  height: 10px;           /* 背景高度 */
  background: #fde9c8;     /* 淡橘底色 */
  transform: skewX(-10deg);/* 傾斜效果 */
  z-index: -1;             /* 放到文字後面 */
  border-radius: 2px;      /* 圓角（可選） */
}

.contact{
	position: relative;
	display: block;
	width: 100%;
	flex: 1; /* 自動撐滿剩下的空間 */
}

.contact .info{
	position: absolute;
	display: block;
	width: 50%;
	top: 40%;
	left: 50%;
	transform: translateY(-50%);
}

.contact .info span.maintitle{
	display: inline-block;
	width: 100%;
	font-size: 32px;
	font-weight: bold;
	color: #FFF;
}

.contact .info span.subtitle{
	display: inline-block;
	width: 100%;
	padding-bottom: 60px;
	font-size: 32px;
	font-weight: bold;
	color: #FFF;
}

.contact .info .detail{
	display: inline-block;
	width: 100%;
}

.contact .info .detail .item{
	display: inline-block;
	width: 100%;
	padding-bottom: 10px;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 0;
	color: #FFF;
}

.contact .info .social{
	display: flex;
	padding-top: 60px;
	align-items: center;
}

.contact .info .social a{
	display: inline-block;
	margin-right: 30px;
}

.contact .info .social a img{
	width: 40px;
}

.fullkv{
	display: block;
	position: relative;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.fullkv img{
	display: block;
	width: 1920px;
	margin: auto calc(50% - 960px);
}

.pager{
	display: inline-block;
	width: 100%;
	padding-top: 60px;
	text-align: center;
}

.pager ul{
	display: inline-flex;
	padding: 0;
	margin: 0;
	list-style: none;

	background: #132645;
	border-radius: 30px;
}

.pager ul li a{
	display: inline-block;
	padding: 15px 20px;
	color: #FFF;

	font-size: 20px;
	text-align: center;

	text-decoration: none;
}

.pager ul li a.chs, .pager ul li a:hover{
	border-radius: 30px;
	background: #1D4A82;
}

.pager ul li a.arrow{
	position: relative;
	text-indent: -9999999px;
}

.pager ul li a.arrow.left::before{
	content: "";
	position: absolute;
	width: 20px;
	height: 15px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);

	background: url('../images/pager_arrow_left.svg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.pager ul li a.arrow.left:hover::before{
	background: url('../images/pager_arrow_left_chs.svg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.pager ul li a.arrow.right::before{
	content: "";
	position: absolute;
	width: 20px;
	height: 15px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);

	background: url('../images/pager_arrow_right.svg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.pager ul li a.arrow.right:hover::before{
	background: url('../images/pager_arrow_right_chs.svg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.pager ul li a.arrow.chs, .pager ul li a.arrow:hover{
	background: #132645;
}

.guidewire{
	display: flex;
	width: 100%;
	padding-top: 60px;

	justify-content: space-between;
}

.guidewire a{
	display: inline-flex;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0;
	text-decoration: none;
	color: #0d2646;
}

.guidewire a:hover{
	text-decoration: none;
	color: #be9956;
}

.guidewire a .cover{
	display: inline-block;
	width: 80px;
	height: 80px;

	overflow: hidden;
}

.guidewire a .cover img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.guidewire a .info{
	display: inline-block;
	padding-left: 10px;
}

.guidewire a .info span.title{
	display: inline-block;
	width: 100%;
	padding-bottom: 5px;
}

.guidewire a .info span.memo{
	display: inline-block;
	width: 100%;
}

.guidewire a.next .cover{
	order: 2;
}

.guidewire a.next .info{
	order: 1;
	padding-left: 0px;
	padding-right: 10px;
}

.guidewire a.next .info span.title{
	text-align: right;
}

.guidewire a.next .info span.memo{
	text-align: right;
}

.logoin{
	display: block;
	padding: 60px 80px;

	width: 100%;
	max-width: 600px;

	margin: 30px auto;

	background: #efefef;
	border-radius: 15px;
}

.logoin .extra{
	display: flex;
	justify-content: space-between;
}

.logoin .extra .linker{
	font-size: 16px;
	letter-spacing: 0;
}

.logoin .extra .linker a{
	text-decoration: none;
	color: #0060c0;
}

.logoin .extra .linker a:hover{
	text-decoration: none;
	color: #be9956;
}

.formobj{
	display: block;
	width: 100%;

	font-size: 18px;
	color: #000;
}

.formobj input[type='text'], .formobj input[type='password']{
	width: 100%;
	padding: 5px;
	margin-top: 3px;
	font-size: 18px;
	border-radius: 5px;
	border: 1px solid #bababa;
}

.formobj .group{
	display: inline-block;
	width: 100%;
	padding-bottom: 20px;
	letter-spacing: 0;
}

.excutebtn{
	display: block;
	width: 100%;
	text-align: center;
}

.excutebtn a{
	display: inline-block;
	padding: 10px 50px;
	font-size: 22px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;

	background: #0060c0;

	border-radius: 30px;
}

.excutebtn a:hover{
	background: #be9956;
}

.rulelist{
	display: block;
	width: 100%;
	height: 600px;
	padding: 60px 80px;
	margin-bottom: 20px;
	border: 1px solid #000;

	font-size: 16px;
	line-height: 1.5;
	letter-spacing: 0;
	text-align: justify;

	color: #000;

	overflow-y: auto;
}

.rulelist span.highlight{
	display: inline-block;
	padding-bottom: 5px;
	font-size: 20px;
	font-weight: bold;
}

.checkdata {
	display: block;
	width: 100%;
	padding-bottom: 40px;
}

.checkdata label.agreement{
	display: flex;
	position: relative;
	align-items: center;
	letter-spacing: 0;
	line-height: 1.5;
	cursor: pointer;
	font-size: 16px;
	font-weight: bold;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	justify-content: center;
}

.checkdata label.agreement input[type='checkbox']{
	position: relative;
	margin-right: 5px;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	width: 24px;
	height: 24px;
	border: 1px solid #808080;
	cursor: pointer;
	background: #FFF;
}

.checkdata label.agreement input[type='checkbox']:checked::after{
	content: "";
	display: inline-block;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 50%;
	left: 50%;
	border-radius: 1px solid #000;
	transform: translate(-50%, -50%);
	background: #0060c0;
}

.msg{
	display: block;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 20px;
	text-align: center;
	letter-spacing: 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
	color: #0060c0;
}

.works{
	position: relative;
	display: block;
	width: 100%;
	margin: 30px auto 60px auto;
}

.works .border-burr{
	position: absolute;

	background-size: 100% 100% !import;
	background-repeat: no-repeat !import;
	background-position: left top !import;

	text-indent: -99999px;
}

.works .border-burr.atop{
	top: 0;
	left: 0;
	width: 100%;
	height: 6px;

	background: url('../images/border_top.png');
}

.works .border-burr.abottom{
	bottom: 0;
	left: 0;
	width: 100%;
	height: 6px;

	background: url('../images/border_bottom.png');
}

.works .border-burr.aleft{
	top: 0;
	left: 0;
	width: 6px;
	height: 100%;

	background: url('../images/border_left.png');
}

.works .border-burr.aright{
	top: 0;
	right: 0;
	width: 6px;
	height: 100%;

	background: url('../images/border_right.png');
}

.works .basetitle{
	display: inline-block;
	width: 100%;
	padding: 15px 0;
	background: #0060c0;
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0;
	text-align: center;
}

.works .tblist{
	display: block;
	width: 100%;
}

.works .tblist .item{
	display: flex;
	width: 100%;

	align-items: stretch;

	border-bottom: 1px solid #bababa;
}

.works .tblist .item{
	display: flex;
	width: 100%;

	align-items: stretch;

	border-bottom: 1px solid #bababa;
}

.works .tblist .item .heavy{
	font-weight: bold;
}

.works .tblist .item .ino, .works .tblist .item .igroup, .works .tblist .item .icatalog, .works .tblist .item .ititle, .works .tblist .item .iprocess{
	display: flex;

	align-items: center;
	justify-content: center;

	padding: 20px 5px;
	font-size: 16px;
	color: #000;

	letter-spacing: 0;
}

.works .tblist .item.nocomplete .ino, .works .tblist .item.nocomplete .igroup, .works .tblist .item.nocomplete .icatalog, .works .tblist .item.nocomplete .ititle{
	color: #8c8c8c;
}

.works .tblist .item .ino{
	width: 50px;
	text-align: center;

}

.works .tblist .item .igroup{
	width: 120px;
	text-align: center;

	background: #f2f2f2;
}

.works .tblist .item .icatalog{
	width: 320px;
	text-align: center;
}

.works .tblist .item .ititle{
	flex: 1;
	text-align: center;

	background: #f2f2f2;
}

.works .tblist .item .iprocess{
	width: 120px;
	text-align: center;
}

a.worksbtn{
	display: inline-block;
	padding: 10px 15px;
	margin: 0 5px;
	border-radius: 10px;
	color: #FFF;
	background: #0060c0;
	text-decoration: none;
}

a.worksbtn:hover{
	background: #be9956;
}

a.worksbtn.add{
	background: #b7040d;
}

a.worksbtn.add:hover{
	background: #8e0916;
}

.works .advancetitle{
	position: relative;
	display: inline-block;
	padding: 26px 0;
	margin-top: -40px;
	margin-bottom: 40px;
}

.works .advancetitle .alias{
	position: relative;
	display: inline-block;
	padding: 10px 160px 10px 60px;
	background: #0060c0;
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0;
	text-align: center;
	clip-path: polygon(0 0, 95% 0, 100% 100%, 0 100%);
}

.works .advancetitle::after{
	content: "";
	position: absolute;
	width: 60px;
	height: 60px;
	top: 50%;
	right: 60px;
	transform: translateY(-50%);
	background: url('../images/baseball.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 2;
}

.works .advancetitle .alias span.en{
	display: inline-block;
	padding-left: 10px;
}

.works .data{
	display: block;
	width: 100%;
	padding: 0px 60px 60px 60px;
}

.works .data .signgroup{
	display: flex;
	width: 100%;
	padding-bottom: 30px;
	align-items: flex-start;
	flex-wrap: wrap;
}

.works .data .signgroup .spare-one-column, .works .data .signgroup .spare-two-column, .works .data .signgroup .spare-three-column{
	display: flex;
	width: 100%;
	align-items: flex-start;
	justify-content: space-between;
}

.works .data .signgroup .spare-one-column .colsingle{
	width: 100%;
}

.works .data .signgroup .spare-two-column .colsingle{
	width: calc(100% / 2 - 10px);
}

.works .data .signgroup .spare-three-column .colsingle{
	width: calc(100% / 3 - 15px);
}

.works .data .signgroup .colsingle .objecttitle{
	display: inline-block;
	width: 100%;
	padding-bottom: 5px;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0;
	color: #000;
}

.works .data .categorytype{
	display: inline-block;
	width: 100%;
	padding: 15px 0px;
	text-align: center;

	font-size: 20px;
	letter-spacing: 0;

	background: #FFF;
	border-radius: 10px;
	border: 1px solid #bababa;

	color: #8c8c8c;
}

.works .data .categorytype.cursor{
	cursor: pointer;
}

.works .data .categorytype.chs, .works .data .categorytype.cursor:hover{
	background: #be9956;
	text-decoration: none;
	color: #FFF;
}

.works .data select.selobject{
	display: inline-block;
	position: relative;
	width: 100%;
	padding: 15px 0 15px 15px;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;

	border-radius: 10px;
	border: 1px solid #bababa;

	font-size: 20px;

	background: #FFF;
	color: #8c8c8c;
}

.works .data .warning{
	display: inline-block;
	width: 100%;
	padding-top: 5px;
	font-size: 14px;
	letter-spacing: 0;
	color: #b7040d;
}

.works .data input[type='text']{
	width: 100%;
	border-radius: 5px;
	border: 1px solid #bababa;
	padding: 10px;
}

.works .data textarea{
	width: 100%;
	height: 150px;
	border-radius: 5px;
	border: 1px solid #bababa;
	padding: 10px;
}



.groupbtn{
	display: inline-block;
	width: 100%;
	text-align: center;
}


footer{
	position: relative;
	display: block;
	background: #0060c0;
	z-index: 1;
}

footer .collection{
	display: flex;
	align-items: center;
}

footer .collection{
	display: flex;
	align-items: center;
	padding: 30px 0;
}

footer .collection .organizer{
	display: block;
	min-width: 280px;
	padding-right: 20px;
	color: #FFF;
	font-size: 16px;
}

footer .collection .organizer.spec{
	padding-left: 20px;
	padding-right: 0;
}

footer .collection .organizer .item{
	padding-bottom: 10px;
	letter-spacing: 0;
}

footer .collection .organizer .item:last-child{
	padding-bottom: 0;
}

footer .collection .organizer .item span{
	display: inline-block;
	padding-left: 15px;
}

footer .collection .organizer .item span:first-child{
	padding-left: 20px;
}

footer .collection .organizer .item span a{
	color: #FFF;
	text-decoration: none;
}

footer .collection .organizer .item span a:hover{
	color: #FFF;
	text-decoration: underline;
}

footer .collection .logo{
	flex: 1;
	display: flex;
	align-items: center;
}

footer .collection .logo::before{
	content: "";
	flex: 1;
  height: 40px;
  background: white;
  /* 裁切成梯形 */
  clip-path: polygon(0 30%, 100% 50%, 0 70%);
}

footer .collection .logo::after{
	content: "";
	flex: 1;
  height: 40px;
  background: white;
  /* 裁切成梯形 */
  clip-path: polygon(100% 30%, 100% 70%, 0 50%);
}

footer .collection .logo img{
	height: 80px;
	padding: 0 15px;
}

footer .detail{
	padding: 15px 15px;
	background: #FFF;
	text-align: center;

	font-size: 15px;
	color: #0068c7;

	letter-spacing: 0;

	font-weight: normal;
}


/*大於等於1921*/
@media (min-width: 1921px) {
}


/*小於等於1920*/
@media (max-width: 1920px) {
}

/*小於等於1800*/
@media (max-width: 1800px) {
}

/*小於等於1600*/
@media (max-width: 1600px) {

}

/*小於等於1441*/
@media (max-width: 1441px) {
}

/*小於等於1280*/
@media (max-width: 1280px) {

	.container-base, .container-sub{
		max-width: calc(920px + (15px * 2));
	}

	.container-small{
		max-width: 620px;
	}

	.wrap{
		padding-top: 76px;
	}

	header{
		padding: 15px 0;
	}

	header .collection .logo a img
	{
		height: 45px;
	}

	header .collection nav ul li{
		padding: 0 10px 0 0;
	}

	header .collection nav ul li a{
		font-size: 16px;
	}

	header .collection .n-signup a{
		padding: 8px 6px;
	}

	.inner{
		padding: 60px 0;
	}

	.unit-title{
		font-size: 28px;
	}

	.unit-title span.en{
		font-size: 28px;
	}

	.inkv{
		padding-bottom: 60px;
	}

	.news .item{
		padding: 40px 0;
	}

	.news .item:first-child{
		padding-top: 60px;
	}

	.news .item .cover{
		width: 420px;
		padding-right: 20px;
	}

	.news .item .intro span.title{
		padding-bottom: 20px;
		font-size: 22px;
	}

	.news .item .intro span.date{
		font-size: 18px;
	}

	.news .item .intro .detail{
		font-size: 18px;
	}

	.news span.intitle{
		font-size: 22px;
		padding-bottom: 30px;
	}

	.news span.indate{
		font-size: 16px;
	}

	.news .incover{
		padding-bottom: 20px;
	}

	.news .indetail{
		font-size: 16px;
	}

	.event .item{
		padding: 40px 0 0 0;
	}

	.event .item:first-child{
		padding-top: 60px
	}

	.event .item .title{
		padding-bottom: 15px;
		padding-right: 30px;
	}

	.event .item .title::before{
		width: 20px;
		height: 20px;
	}

	.event .item .title span.num{
		padding-right: 10px;
		font-size: 32px;
	}

	.event .item .title .alias{
		font-size: 22px;
	}

	.event .item .detail{
		padding-top: 20px;
		font-size: 16px;
	}

	.event .item .detail .chinese-counter{
		padding-left: 40px;
	}

	.event .item .detail .chinese-counter ul{
		padding-left: 20px;
	}

	.guidewire{
		padding-top: 40px;
	}

	.guidewire a{
		font-size: 14px;
	}

	.guidewire a .cover{
		width: 60px;
		height: 60px;
	}

	.pager{
		padding-top: 40px;
	}

	.contact .info span.maintitle{
		font-size: 28px;
	}

	.contact .info span.subtitle{
		padding-bottom: 40px;
		font-size: 28px;
	}

	.contact .info .detail .item{
		font-size: 18px;
	}

	.contact .info .social{
		padding-top: 40px;
	}

	.contact .info .social a{
		margin-right: 15px;
	}

	.logoin{
		padding: 40px 60px;
	}

	.logoin .extra .linker{
		font-size: 14px;
	}

	.formobj{
		font-size: 16px;
	}

	.formobj input[type='text'], .formobj input[type='password']{
		padding: 10px;
		font-size: 16px;
	}

	.formobj .group{
		padding-bottom: 15px;
	}

	.excutebtn a{
		padding: 10px 40px;
		font-size: 20px;
	}

	.rulelist{
		height: 400px;
		padding: 40px 60px;
		font-size: 14px;
	}

	.rulelist span.highlight{
		font-size: 18px;
	}

	footer .collection{
		padding: 20px 0;
	}

	footer .collection .organizer{
		min-width: 230px;
		padding-right: 10px;
		font-size: 14px;
	}

	footer .collection .organizer.spec{
		padding-left: 10px;
	}

	footer .collection .logo img{
		height: 60px;
		padding: 0 10px;
	}

	footer .detail{
		padding: 10px 0;
		font-size: 13px;
	}

}

/*小於等於1160*/
@media (max-width: 1160px) {

	
}

/*小於等於1024*/
/* pad default */
@media (max-width: 1024px) {
}

/*小於等於992*/
@media (max-width: 992px) {
}

/*小於等於960*/
@media (max-width: 960px) {

	.container-base, .container-sub{
		max-width: calc(720px + (15px * 2));
	}

	header .collection{
		flex-wrap: wrap;
	}

	header .collection nav{
		display: none;
		width: 100%;
		margin-top: 10px;
		border-top: 1px solid rgba(255, 255, 255, 0.5);
	}

	header .collection nav.show{
		display: block;
	}

	header .collection nav ul li{
		width: 100%;
		padding: 0;
		border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	}

	header .collection nav ul li a{
		display: inline-block;
		width: 100%;
		padding: 15px 0;

		font-size: 18px;
		text-align: center;
	}

	header .collection .n-signup{
		width: 100%;
		padding: 15px 0;
		text-align: center;
	}

	header .collection .n-signup a{
		padding: 15px 30px;
	}

	header .collection .logo::after{
		height: 1px;
	}

	header .collection .switch{
		display: block;
	}

	.news .item .cover{
		width: 350px;
	}

	.fullkv img{
		width: 1920px;
		margin: 0 calc(50% - 1920px/2);
	}

	.works .tblist .item .igroup{
		width: 90px;
	}

	.works .tblist .item .icatalog{
		width: 260px;
	}

	.works .advancetitle{
		padding: 10px 0 ;
	}

	.works .advancetitle .alias{
		padding: 5px 110px 5px 10px;
		text-align: left;

		font-size: 20px;
	}

	.works .advancetitle::after{
		right: 30px;
	}

	.works .advancetitle .alias span.en{
		width: 100%;
		padding-left: 0;
		font-size: 14px;
	}

	.works .data{
		padding: 0 40px 40px 40px;
	}

	.works .data .signgroup .spare-one-column, .works .data .signgroup .spare-two-column, .works .data .signgroup .spare-three-column{
		width: 100%;
		flex-wrap: wrap;
	}

	.works .data .signgroup .spare-one-column .colsingle, .works .data .signgroup .spare-two-column .colsingle, .works .data .signgroup .spare-three-column .colsingle{
		width: 100%;
		margin-bottom: 15px;
	}

	.works .data .signgroup{
		padding-bottom: 15px;
	}

	.works .data .categorytype{
		font-size: 16px;
	}

	.works .data .signgroup .colsingle .objecttitle{
		font-size: 16px;
	}

	.works .data select.selobject{
		font-size: 16px;
	}

	.works .data .signgroup .colsingle.empty{
		display: none;
	}

	footer .collection .logo{
		display: none;
	}


}

/*小於等於768*/
@media (max-width: 768px) {

	.lihsi-desktop{
		display: none !important;
	}

	.lihsi-pad{
		display: block !important;
	}

	.lihsi-mobile{
		display: block !important;
	}

	.lihsi-small-mobile{
		display: none !important;
	}

	.mobile-nopadding{
		padding: 0 !important;
	}

	.inkv{
		padding-bottom: 40px;
	}

	.news .item{
		flex-wrap: wrap;
	}

	.news .item:first-child{
		padding-top: 40px;
	}

	.news .item .cover{
		width: 100%;
		padding: 0 0 20px 0;
	}

	.news .item .intro{
		flex: none;
		width: 100%;
		padding-bottom: 60px;
	}

	.news .item .intro span.title{
		padding-bottom: 10px;
	}

	.event .item:first-child{
		padding-top: 40px;
	}

	.guidewire a .cover{
		display: none;
	}

	.guidewire a .info{
		padding-left: 0;
	}

	.guidewire a.next .info{
		padding-right: 0;
	}

	.contact .info{
		left: auto;
		right: 5%;
	}

	.works .tblist .item{
		flex-wrap: wrap;

		padding: 10px 15px;
	}

	.works .tblist .item .ino, .works .tblist .item .igroup, .works .tblist .item .icatalog, .works .tblist .item .ititle, .works .tblist .item .iprocess{
		display: inline-block;
		width: 100%;
		padding: 5px 0px;
		background: #FFF;
		text-align: left;
		font-size: 14px;
	}

	.works .tblist .item .ino{
		background: #f2f2f2;
		justify-content: center;
		padding-left: 5px;
		margin-bottom: 5px;

	}

	.works .tblist .item .iprocess{
		text-align: center;
	}

	footer .collection{
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
	}

	footer .collection .organizer{
		order: 2;
		padding: 0;
	}

	footer .collection .organizer.spec{
		order: 3;
		padding: 0;
	}

	footer .collection .logo{
		order: 1;
		flex: none;
		width: 100%;
		padding-bottom: 50px;
	}
}

/*小於等於575*/
/*mobile*/
@media (max-width: 575px) {

	.wrap{
		padding-top: 66px;
	}

	header{
		padding: 10px 0;
	}

	.inner{
		padding: 50px 0;
	}

	.unit-title{
		font-size: 22px;
	}

	.unit-title span.en{
		font-size: 22px;
	}

	.inkv{
		padding-bottom: 15px;
	}

	.fullkv img{
		width: 1000px;
		margin: 0 calc(50% - 1000px/2);
	}

	.news .item .cover{
		padding-bottom: 10px;
	}

	.news .item .intro{
		padding-bottom: 40px;
	}

	.news .item .intro span.title{
		font-size: 18px;
		line-height: 1.5;
		letter-spacing: 0;
	}

	.news .item .intro span.date{
		font-size: 14px;
	}

	.news .item .intro .detail{
		font-size: 14px;
	}

	.news .item .intro a.more{
		left: auto;
		right: 0;
		font-size: 16px;
	}

	.news span.intitle{
		font-size: 18px;
		padding-bottom: 20px;
	}

	.news span.indate{
		font-size: 14px;
		margin-bottom: 20px;
	}

	.news .indetail{
		font-size: 14px;
	}

	.event .item .title::before{
		width: 15px;
		height: 15px;
	}

	.event .item .title span.num{
		font-size: 26px;
	}

	.event .item .title .alias{
		font-size: 18px;
		letter-spacing: 0;
	}

	.event .item .detail{
		padding-top: 15px;
		font-size: 14px;
		letter-spacing: 0;
	}

	.event .item .detail .chinese-counter{
		padding-left: 30px;
	}

	.event .item .detail .chinese-counter ul{
		padding-left: 20px;
	}



	.pager ul li a{
		padding: 8px 12px;
	}

	.guidewire a{
		font-size: 11px;
	}

	.contact .info{
		left: auto;
		right: 15px;

		top: 10%;
		transform: translateY(0);

		width: 320px;
	}

	.contact .info span.maintitle{
		font-size: 22px;
		letter-spacing: 0;
	}

	.contact .info span.subtitle{
		font-size: 18px;
		letter-spacing: 0;
	}

	.contact .info span.subtitle{
		padding-bottom: 20px;
	}

	.contact .info .detail .item{
		font-size: 16px;
	}

	.contact .info .social{
		padding-top: 20px;
	}

	.contact .info .social a img{
		width: 30px;
	}

	.logoin{
		padding: 20px 30px;
	}

	.excutebtn a{
		padding: 10px 30px;
		font-size: 18px;
	}

	.rulelist{
		padding: 30px 15px;
		font-size: 11px;
	}

	.rulelist span.highlight{
		font-size: 14px;
	}

	.checkdata label.agreement{
		font-size: 13px;
	}

	.works .advancetitle{
		width: 100%;
	}

	.works .advancetitle .alias{
		width: 100%;
		padding: 10px 50px 5px 10px;

		clip-path: none;
	}

	.works .advancetitle::after{
		width: 45px;
		height: 45px;
		right: 10px;
	}



	footer .collection .logo{
		padding-bottom: 40px;
	}

	footer .collection .logo::before{
		height: 20px;
	}

	footer .collection .logo::after{
		height: 20px;
	}

	footer .collection .organizer{
		width: 100%;
	}

	footer .collection .organizer .item span{
		padding-left: 5px;
	}

	footer .collection .organizer.spec{
		padding-top: 25px;
	}

	footer .detail{
		font-size: 11px;
	}

}

@media (max-width: 480px) {
}

/*小於等於414*/
@media (max-width: 414px) {
	
}

/*小於等於380*/
@media (max-width: 380px) {

}



/*小於等於350*/
@media (max-width: 350px) {
}