/**************************************
  3Wcreative Web Design
  https://www.facebook.com/3wcreative
  Updated: 2018/03/14
**************************************/
@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
/*-----------------------------------------------------------------------------
/* reset
*----------------------------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, 
sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption,
figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video 
{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body { line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}
ol, ul { list-style: none;}
blockquote, q { quotes:none;}
blockquote:before, blockquote:after,q:before, q:after { content:''; content:none;}
ins {background-color:#ff9; color:#000; text-decoration:none;}
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}
del { text-decoration: line-through;}
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help;}
table { border-collapse:collapse; border-spacing:0;}
* { -webkit-box-sizing: border-box; box-sizing: border-box;}
/* common
*----------------------------------------------------------------------------*/
body, html {
    color: #333;
    /* font-family: Arial, "Noto Sans TC", "Heiti TC", 'Microsoft JhengHei', sans-serif; */
    font-family: "Noto Sans TC", "Heiti TC", 'Microsoft JhengHei', sans-serif;
    letter-spacing: 1px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.2em;
    -webkit-text-size-adjust: none;
    overflow-x: hidden;
}
/**
*
* anchor
*
**/
a:link, a:visited { text-decoration: none; outline: medium none; behavior:expression(this.onFocus=this.blur());}
a:hover, a:active { color: #000;}
a[href^=tel] { color: inherit; color: #009bde;}
a, a:focus {outline: none; behavior:expression(this.onFocus=this.blur());}
/**
*
* clear,clearfix
*
**/
.clear { clear: both;}
.clearfix { display: inline-block;}
.clearfix:after { display: block; visibility: hidden; clear: both; height: 0; font-size: 0; line-height: 0; content: ".";}
* html .clearfix { height: 1%;}
.clearfix { display: block;}
.monitor {display: block;}
.hidden, .mobile {display: none;}
/**
*
* input placeholder
*
**/
::-webkit-input-placeholder { color: #aaa;}
:-moz-placeholder           { color: #aaa; opacity: 1;}
::-moz-placeholder          { color: #aaa; opacity: 1;}
:-ms-input-placeholder      { color: #aaa;}
input, select, textarea     { -webkit-appearance: none; border-radius: 0;}
/**
*
* input placeholder
*
**/
img { vertical-align: middle;}
/**
*
* displayFlex
*
**/
.displayFlex {display: flex;align-items: center;justify-content: center;}
/**
*
* backtop 
*
**/
.backtop {
    position: fixed;
    right: 10px;
    bottom: 80px;
    width: 35px;
    height: 35px;
    display: none;
    overflow: hidden;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    z-index: 22;
}
.backtop a {
    display: block;
    width: 35px;
    height: 35px;
    font-size: 0;
    text-indent: -100000px;
	background: #888 url(/images/icon_more.png) no-repeat center;
	-webkit-background-size: 26px auto;
    background-size: 26px auto;
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
}
.backtop a:hover {
    background-color: #333;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
/* wrapper
*----------------------------------------------------------------------------*/
.wrapper {
    position: relative;
}
main, .main { 
    position: relative; 
    margin: 0 auto;
    max-width: 1200px;
}
.wrapper.home header nav,
.wrapper.home footer {
    display: none;
}
/* header
*----------------------------------------------------------------------------*/
header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 20;
}
header .logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 100px;
    background-color: #00a0e9;
    -webkit-border-radius: 0 0 10px 0;
    border-radius: 0 0 10px 0;
    z-index: 1;
}
header .logo:after {
    position: absolute;
    top: 0;
    right: -86px;
    width: 0;
    height: 0;
    content: "";
    border-style: solid;
    border-width: 96px 88px 0 0;
    border-color: #00a0e9 transparent transparent transparent;
}
header .logo span {
    position: relative;
    display: block;
    text-align: right;
    line-height: 94px;
    z-index: 1;
}
header .logo img {max-width: 60px;}
header nav {
    position: absolute;
    top: 0;
    left: 165px;
    height: 80px;
}
header nav:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 80px;
    content: "";
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-transform-origin: top;
    -webkit-transform: skewX(-43deg);
    transform-origin: top;
    transform: skewX(-43deg);
}
header nav div {
    position: relative;
    padding: 0 80px 0 0;
    line-height: 80px;
    z-index: 1;
}
header nav a {
    position: relative;
    font-size: 15px;
    color: #fff;
    z-index: 2;
    padding: 0 0 0 15px;
    margin: 0 0 0 10px;
}
header nav a:hover {
    color: #fff;
}
header nav a:after {
    position: absolute;
    top: 5px;
    left: 0;
    bottom: 3px;
    width: 2px;
    content: "";
    background-color: #bbb;
}
header nav a:first-child {
    padding: 0;
    margin: 0;
}
header nav a:first-child:after {
    display: none;
}
header nav a.on {
    font-weight: 400;
    color: #00a0e9;
}
/* content
*----------------------------------------------------------------------------*/
section {
    position: relative;
	background: #fff;
}
/**
*
* crumbBox
*
**/
article.crumbBox {
	display: none;
}
/**
*
* bannerBox
*
**/
article.bannerBox {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    min-height: 560px;
    -webkit-background-size: cover;
    background-size: cover; 
}
.wrapper.home article.bannerBox {
    background: #00a0e9 url(/images/banner_1.jpg) no-repeat center;
    -webkit-background-size: cover;
    background-size: cover; 
}
.wrapper.page article.bannerBox {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    width: 100%;
    min-height: 420px;
    background: #00a0e9 url(/images/banner_2.jpg) no-repeat right top;
    -webkit-background-size: cover;
    background-size: cover; 
}
.wrapper.account article.bannerBox {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    width: 100%;
    min-height: 180px;
    background: #00a0e9 url(/images/banner_3.jpg) no-repeat center;
    -webkit-background-size: cover;
    background-size: cover; 
}
article.bannerBox .copyright {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
}
article.bannerBox .copyright:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 300px;
    content: "";
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 48%, rgba(0,0,0,0.65) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 48%,rgba(0,0,0,0.65) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 48%,rgba(0,0,0,0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}
article.bannerBox .copyright > div {
    position: relative;
    padding: 0 0 20px 0;
    font-size: 13px;
    line-height: 1.6em;
    color: #ddd;
    z-index: 1;
    font-family: "Noto Sans TC", sans-serif;
}
article.bannerBox .copyright a {
    color: #fff;
}
article.bannerBox h2.title {
    text-align: center;
    font-size: 60px;
    font-weight: 600;
    line-height: 1.2em;
    margin: 0 0 20px 0;
    color: #fff;
    z-index: 2;
    text-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
}
article.bannerBox .bannerBoxBd {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
article.bannerBox .bannerBoxBd > div {
    position: relative;
    width: 100%;
    padding: 0 40px;
    z-index: 2;
}
.wrapper.home article.bannerBox .bannerBoxBd > div {
    margin: 0 0 10% 0;
}
.wrapper.account article.bannerBox .bannerBoxBd > div {
    margin: 0 0 0 0;
}
/**
*
* formBox
*
**/
article.bannerBox .formBox {
    width: 90%;
    max-width: 600px;
    padding: 40px;
    margin: auto;
    background-color: rgba(255, 255, 255, 0.85);
}
article.bannerBox .formBox fieldset {
    width: 400px;
    margin: 0 auto;
}
article.bannerBox .formBox fieldset legend {
    width: 0;
    height: 0;
    font-size: 0;
    overflow: hidden;
}
article.bannerBox .formBox fieldset .boxLi {
    width: 100%;
    margin: 0 0 20px 0;
    font-size: 17px;
    color: #333;
}
article.bannerBox .formBox fieldset .boxLi .errorMsgMin {
    /* display: none; */
    padding: 5px 0 0 0;
    font-size: 13px;
    color: #d42c27;
}
article.bannerBox .formBox fieldset .boxLi.error .errorMsgMin {
    display: block;
}
article.bannerBox .formBox fieldset .boxBtn {
    width: 100%;
}
article.bannerBox .formBox fieldset .desc {
    margin: 40px 0 0 0;
    font-size: 15px;
    line-height: 1.4em;
    color: #666;
}
/**
*
* titleBox
*
**/
article.bannerBox .titleBox {
    position: relative;
    left: 0;
    right: 0;
    max-width: 960px;
    padding: 50px 190px 50px 130px;
    text-align: center;
    margin: auto;
    background-color: rgba(255, 255, 255, 0.85);
    z-index: 2;
}
article.bannerBox .titleBox h3 {
    font-size: 40px;
    font-weight: 300;
    line-height: 1.4em;
    color: #00a0e9;
    text-align: left;
}
article.bannerBox .titleBox p {
    margin: 5px 0 0 0;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.6em;
    text-align: left;
    color: #666;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
article.bannerBox .titleBox .date {
    position: absolute;
    top: -30px;
    right: 20px;
    display: inline-block;
    width: 140px;
    padding: 45px 15px;
    font-size: 17px;
    line-height: 1.4em;
    color: #fff;
    background-color: #00a0e9;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
article.bannerBox .titleBox .date span {
    display: block;
}
/**
*
* fieldset 
*
**/
fieldset input[type=text],
fieldset input[type=email],
fieldset input[type=password],
fieldset textarea {
    width: 100%;
	padding: 0;
	height: 35px;
	line-height: 35px;
	font-size: 15px;
    text-indent: 10px;
    font-weight: 400;
	vertical-align: middle;
	color: #000;
	background: #fff;
	border: 1px solid #ccc;
}
fieldset textarea {
    height: auto;
    min-height: 6em;
	padding: 4px 8px;
	line-height: 22px;
	text-indent: inherit;
}
fieldset input:hover[type=text],
fieldset input:hover[type=email],
fieldset input:hover[type=password],
fieldset textarea:hover,
fieldset input:focus[type=text],
fieldset input:focus[type=email],
fieldset input:focus[type=password],
fieldset textarea:focus {
    border: 1px solid #57aded;
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
fieldset input[type=reset],
fieldset input[type=submit],
fieldset input[type=button] {
    position: relative;
    width: 100%;
    margin: 0 auto;
    color: #fff;
    font-size: 17px;
	line-height: 60px;
	vertical-align: middle;
    border: 0;
    cursor: pointer;
	-webkit-border-radius: 0;
	border-radius: 0;
    font-weight: 400;
    z-index: 1;
    -webkit-transition: all 400ms;
    transition: all 400ms;
}
fieldset input[type=submit] {
    background: #009bdf;
}
fieldset input[type=submit]:hover,
fieldset input[type=submit]:focus {
    background: #006e9e;
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
fieldset input[type=reset],
fieldset input[type=button] {
    background: #888888;
}
fieldset input[type=reset]:hover,
fieldset input[type=button]:hover,
fieldset input[type=reset]:focus,
fieldset input[type=button]:focus {
    background: #666666;
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
fieldset input[type=text].datepicker {
    background: #fff url(/images/icon_calendar.png) no-repeat right center;
    background-size: 35px auto;
}
fieldset .passwordBtn  {
    display: inline-block;
    vertical-align: middle;
}
fieldset .passwordBtn input[type=reset],
fieldset .passwordBtn input[type=submit],
fieldset .passwordBtn input[type=button] {
    width: 110px;
    margin: 0 0 0 5px;
    color: #fff;
    font-size: 15px;
	line-height: 40px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background-color: #888;
    -webkit-transition: all 400ms;
    transition: all 400ms;
}
fieldset .passwordBtn input[type=reset]:hover,
fieldset .passwordBtn input[type=submit]:hover,
fieldset .passwordBtn input[type=button]:hover,
fieldset .passwordBtn input[type=reset]:focus,
fieldset .passwordBtn input[type=submit]:focus,
fieldset .passwordBtn input[type=button]:focus {
    background: #666666;
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
fieldset select {
    width: 100%;
    padding: 5px 35px 5px 5px;
    font-size: 15px;
    border: 1px solid #ccc; 
    height: 35px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    background: #fff url(/images/icon_select.gif) 100% / 35px no-repeat;
}
/* CAUTION: IE hackery ahead */
fieldset select::-ms-expand { 
    display: none; /* remove default arrow on ie10 and ie11 */
}
/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
fieldset select {
        background:none\9;
        padding: 5px\9;
    } 
}
/**
*
* groupBox 
*
**/
article.groupBox h2.title {
    padding: 40px 40px;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
}
article.groupBox h2.title span {
    position: relative;
    display: block;
    padding: 0 20px;
    font-size: 30px;
    font-weight: 300;
    line-height: 1.2em;
    color: #333;
}
article.groupBox h2.title span:after {
    position: absolute;
    top: 2px;
    bottom: -2px;
    left: 0;
    width: 6px;
    content: "";
    background-color: #57aded;
    z-index: 1;
}
article.groupBox .groupBoxHd {
    padding: 60px 40px;
}
article.groupBox .groupBoxHd .tableBox {
    display: table;
    width: 100%;
}
article.groupBox .groupBoxHd .logo,
article.groupBox .groupBoxHd .memberBox {
    display: table-cell;
    vertical-align: middle;
}
article.groupBox .groupBoxHd .logo {
    width: 190px;
}
article.groupBox .groupBoxHd .logo img {
    max-width: 190px;
    max-height: 190px;
    border: 5px #f2f2f2 solid;
}
article.groupBox .groupBoxHd .memberBox {
    padding: 0 0 0 60px;
}
article.groupBox .groupBoxHd .memberBox table tr:nth-child(even) {
    background-color: #f2f2f2;
}
article.groupBox .groupBoxHd .memberBox table {
    width: 100%;
}
article.groupBox .groupBoxHd .memberBox table th {
    text-align: left;
    padding: 10px 10px;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.2em;
    color: #333;
}
article.groupBox .groupBoxHd .memberBox table td.name {
    display: none;
}
article.groupBox .groupBoxHd .memberBox table td {
    position: relative;
    padding: 10px 10px;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.2em;
    color: #666;
}
article.groupBox .groupBoxHd .memberBox table td:nth-child(1) {
    width: 160px;
}
article.groupBox .groupBoxHd .memberBox table td b {
    color: #57aded;
}
article.groupBox .groupBoxBd .memberBox {
    margin: 0 0 40px 0;
}
article.groupBox .groupBoxBd .memberBox table {
    width: 100%;
    margin: 0 auto;
}
article.groupBox .groupBoxBd .memberBox table th,
article.groupBox .groupBoxBd .memberBox table td {
    width: 25%;
    padding: 10px 20px;
    text-align: center;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.2em;
    border: 1px #ccc solid;
    vertical-align: middle;
}
article.groupBox .groupBoxBd .memberBox table th {
    color: #fff;
    background-color: #aaaaaa;
}
article.groupBox .groupBoxBd .memberBox table td {
    font-weight: 400;
    color: #333;
    background-color: #fff;
}
article.groupBox .groupBoxBd {
    position: relative;
    padding: 40px 40px 40px 40px;
}
article.groupBox .groupBoxBd:last-child {
    padding: 40px 40px 60px 40px;
}
article.groupBox .groupBoxBd .userAdd {
    position: absolute;
    top: -120px;
    right: 0;
}
article.groupBox .groupBoxBd .userAdd a {
    display: block;
    width: 136px;
    height: 45px;
    text-align: center;
    font-size: 15px;
    line-height: 45px;
    color: #fff;
    background-color: #57aded;
    -webkit-transition: all 400ms;
    transition: all 400ms;
}
article.groupBox .groupBoxBd .userAdd a:hover {
    background-color: #009bdf;
}
article.groupBox .groupBoxBd .userAdd a img {
    position: relative;
    top: -2px;
    max-width: 15px;
}
article.groupBox .groupBoxBd .userMsg {
    position: relative;
    top: -20px;
}
article.groupBox .groupBoxBd .userMsg span {
    margin: 0 40px 0 0;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.2em;
}
article.groupBox .groupBoxBd .userMsg span b {
    color: #57aded;
}
article.groupBox .groupBoxBd .userList .boxLi {
    margin: 20px 0 0 0;
    background-color: #f5f5f5;
}
article.groupBox .groupBoxBd .userList .boxLi .userListHd {
    position: relative;
    display: table;
    width: 100%;
}
article.groupBox .groupBoxBd .userList .boxLi .userListHd > div {
    display: table-cell;
    vertical-align: middle;
    height: 60px;
}
article.groupBox .groupBoxBd .userList .boxLi .userListHd .noBox,
article.groupBox .groupBoxBd .userList .boxLi .formBox .noBox {
    position: relative;
    width: 80px;
    padding: 0 0 0 10px;
    text-align: center;
    font-size: 15px;
    line-height: 60px;
    color: #fff;
    background-color: #333;
}
article.groupBox .groupBoxBd .userList .boxLi .userListHd .noBox:after,
article.groupBox .groupBoxBd .userList .boxLi .formBox .noBox:after {
    position: absolute;
    right: -20px;
    width: 0;
    height: 0;
    content: "";
    border-style: solid;
    border-width: 30px 0 30px 20px;
    border-color: transparent transparent transparent #333;
}
article.groupBox .groupBoxBd .userList .boxLi .userListHd .nameBox {
    padding: 0 0 0 40px;
    font-size: 20px;
    line-height: 60px;
    color: #333;
}
article.groupBox .groupBoxBd .userList .boxLi .userListHd .nameBox span {
    font-size: 15px;
    color: #999;
}
article.groupBox .groupBoxBd .userList .boxLi .userListHd .btnBox {
    position: absolute;
    //top: 10px;
    right: 10px;
}
article.groupBox .groupBoxBd .userList .boxLi .userListHd .btnBox span {
    position: relative;
    display: inline-block;
}
article.groupBox .groupBoxBd .userList .boxLi .userListHd .btnBox a {
    position: relative;
    display: inline-block;
    //margin: 0 0 0 5px;
    width: 110px;
    text-align: center;
    font-size: 15px;
    line-height: 40px;
    color: #fff;
    background-color: #888;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -webkit-transition: all 400ms;
    transition: all 400ms;
    margin: 10px 0;
}
article.groupBox .groupBoxBd .userList .boxLi .userListHd .btnBox a:hover {
    background-color: #666;
}

article.groupBox .groupBoxBd .userList .boxLi .userListHd .btnBox a:after {
    position: absolute;
    top: -5px;
    right: 2px;
    width: 21px;
    height: 21px;
    content: "";
    -webkit-border-radius: 11px;
    border-radius: 11px;
    display: none;
}
article.groupBox .groupBoxBd .userList .boxLi .userListHd .btnBox a.point:after {
  background: #d42c27 url(/images/icon_error.png) no-repeat center;
  background-size: 100% auto;
}
article.groupBox .groupBoxBd .userList .boxLi .userListHd .btnBox a.btnRed:after {
  background: #dca716 url(/images/icon_error.png) no-repeat center;
  background-size: 100% auto;
}

article.groupBox .groupBoxBd .userList .boxLi .userListHd .btnBox a.point {
    background-color: #dca716;
}
article.groupBox .groupBoxBd .userList .boxLi .userListHd .btnBox a:hover.point {
    background-color: #dc7816;
}
article.groupBox .groupBoxBd .userList .boxLi.open .formBox,
article.groupBox .groupBoxBd .userList .boxLi .userListHd .btnBox a.point:after,
article.groupBox .groupBoxBd .userList .boxLi .userListHd .btnBox a.btnRed:after{
    display: block;
}
article.groupBox .groupBoxBd .userList .boxLi.open .userListHd {
    display: none;
}

article.groupBox .groupBoxBd .userList .boxLi .userListHd .btnBox a.btnRed {
    background-color: #d42c27;
}
article.groupBox .groupBoxBd .userList .boxLi .userListHd .btnBox a:hover.btnRed {
    background-color: #b42c27;
}


/**
*
* formBox
*
**/
article.groupBox .groupBoxBd .userList .boxLi .formBox {
    display: none;
}
article.groupBox .groupBoxBd .userList .boxLi .formBox .noBox {
    float: left;
}
article.groupBox .groupBoxBd .userList .boxLi .formBox fieldset {
    width: 90%;
    max-width: 980px;
    margin: 0 auto;
    padding: 25px 0 40px 0;
}
article.groupBox .groupBoxBd .userList .boxLi .formBox fieldset legend {
    width: 0;
    height: 0;
    font-size: 0;
    overflow: hidden;
}
article.groupBox .groupBoxBd .userList .boxLi .formBox fieldset .boxLi {
    display: inline-block;
    vertical-align: top;
    width: calc(100% / 3);
    padding: 0 10px;
    margin: 0 -4px 20px 0;
    font-size: 17px;
    color: #333;
}
article.groupBox .groupBoxBd .userList .boxLi .formBox fieldset .boxLi.double {width: calc((100% / 3) * 2);}
article.groupBox .groupBoxBd .userList .boxLi .formBox fieldset .boxLi.max {width: calc(100%);}
article.groupBox .groupBoxBd .userList .boxLi .formBox fieldset .boxLi.passwordBox {width: 100%;}
article.groupBox .groupBoxBd .userList .boxLi .formBox fieldset .boxLi label {
    display: block;
    font-size: 17px;
    color: #333;
    margin: 0 0 5px 0;
}
article.groupBox .groupBoxBd .userList .boxLi .formBox fieldset .boxLi label span {
    font-size: 15px;
    color: #d42c27;
}
article.groupBox .groupBoxBd .userList .boxLi .formBox fieldset .boxLi label span.subtxt {
    color: #999;
}
article.groupBox .groupBoxBd .userList .boxLi .formBox fieldset .boxLi label span em {
    position: relative;
    top: 4px;
    font-size: 17px;
    font-style: normal;
    padding: 0 1px 0 2px;
}
article.groupBox .groupBoxBd .userList .boxLi .formBox fieldset .boxLi .boxSubLi,
article.groupBox .groupBoxBd .userList .boxLi .formBox fieldset .boxLi .inlineBlock,
article.groupBox .groupBoxBd .userList .boxLi .formBox fieldset .boxLi .blank,
article.groupBox .groupBoxBd .userList .boxLi .formBox fieldset .boxLi .boxSubLi .blank {
    display: inline-block;
}
article.groupBox .groupBoxBd .userList .boxLi .formBox fieldset .boxLi .inlineBlock.top10 {
    padding: 10px 0 0 0;
}
article.groupBox .groupBoxBd .userList .boxLi .formBox fieldset .boxLi .blank.w10,
article.groupBox .groupBoxBd .userList .boxLi .formBox fieldset .boxLi .boxSubLi .blank.w10 {width: 10px;}
article.groupBox .groupBoxBd .userList .boxLi .formBox fieldset .boxLi .boxSubLi .inlineBlock.w280 {width: 280px;}
article.groupBox .groupBoxBd .userList .boxLi .formBox fieldset .boxLi .boxSubLi.edit {
    display: inline-block;
}
article.groupBox .groupBoxBd .userList .boxLi .formBox fieldset .boxLi .boxSubLi.save {
    display: none;
}
article.groupBox .groupBoxBd .userList .boxLi .formBox fieldset .boxLi .errorMsgMin {
    /* display: none; */
    padding: 5px 0 0 0;
    font-size: 13px;
    color: #d42c27;
}
article.groupBox .groupBoxBd .userList .boxLi .formBox fieldset .boxLi.error .errorMsgMin {
    display: block;
}
article.groupBox .groupBoxBd .userList .boxLi .formBox fieldset .boxBtn {
    text-align: center;
    padding: 0 10px;
    margin: 10px 0 0 0;
}
article.groupBox .groupBoxBd .userList .boxLi .formBox fieldset .boxBtn span {
    display: inline-block;
    width: 200px;
    margin: 0 8px;
}
article.groupBox .groupBoxBd .userList .boxLi .formBox fieldset .desc {
    margin: 40px 0 0 0;
    font-size: 15px;
    color: #666;
}
/**
*
* strokeList 20180926
*
**/
article.groupBox .groupBoxBd .strokeList .boxLi {position: relative;margin: 40px 0 0 0;}
article.groupBox .groupBoxBd .strokeList .boxLi:first-child {margin: 10px 0 0 0;}
article.groupBox .groupBoxBd .strokeList .boxLi .strokeListHd {position: relative;padding: 15px 260px 15px 15px;background-color: #f5f5f5;}
article.groupBox .groupBoxBd .strokeList .boxLi .strokeListHd::before {display: table-cell;vertical-align: middle;content: "";width: 0;height: 130px;}
article.groupBox .groupBoxBd .strokeList .boxLi .noBox {position: absolute;top: -14px;left: -10px;padding: 10px 15px;text-align: center;font-size: 13px;line-height: 1.4em;color: #fff;background-color: #dca716;display: none;z-index: 1;}
article.groupBox .groupBoxBd .strokeList .boxLi .noBox:after {position: absolute;left: 0;bottom: -10px;content: "";width: 0;height: 0;border-style: solid;border-width: 0 10px 10px 0;border-color: transparent #999 transparent transparent;}
article.groupBox .groupBoxBd .strokeList .boxLi.apply .noBox {display: block;}
article.groupBox .groupBoxBd .strokeList .boxLi .strokeListHd .minPhoto {display: table-cell;vertical-align: middle;padding: 0 20px 0 0;width: 240px;}
article.groupBox .groupBoxBd .strokeList .boxLi .strokeListHd .minPhoto img {max-width: 240px;min-width: 180px;width: 100%;}
article.groupBox .groupBoxBd .strokeList .boxLi .strokeListHd .listCon {display: table-cell;vertical-align: middle;width: 600px;}
article.groupBox .groupBoxBd .strokeList .boxLi .strokeListHd .nameBox {position: relative;padding: 0 0 10px 10px;font-size: 24px;font-weight: bold;line-height: 1em;color: #333;}
article.groupBox .groupBoxBd .strokeList .boxLi .strokeListHd .nameBox span {display: inline-block;font-size: 24px;}
article.groupBox .groupBoxBd .strokeList .boxLi .strokeListHd .nameBox span:first-child {padding: 0 10px 5px 0;}
article.groupBox .groupBoxBd .strokeList .boxLi .strokeListHd .nameBox span.date {font-size: 15px;font-weight: normal;display: block;}
article.groupBox .groupBoxBd .strokeList .boxLi .strokeListHd .remainingBox {position: relative;padding: 0 0 0 10px;font-size: 15px;line-height: 1.4em;color: #333;}
article.groupBox .groupBoxBd .strokeList .boxLi .strokeListHd .remainingBox span {padding: 0 10px 0 0;display: inline-block;}
article.groupBox .groupBoxBd .strokeList .boxLi .strokeListHd .remainingBox span b {font-size: 20px;color: #57aded;}
article.groupBox .groupBoxBd .strokeList .boxLi.end .strokeListHd .remainingBox span:nth-child(2) b {color: #d42c27;font-weight: normal;}
article.groupBox .groupBoxBd .strokeList .boxLi .strokeListHd .btnBox {position: absolute;top: 50%;right: 25px;margin: -20px 0 0 0;}
article.groupBox .groupBoxBd .strokeList .boxLi .strokeListHd .btnBox a {position: relative;display: inline-block;margin: 0 0 0 5px;width: 110px;text-align: center;font-size: 15px;line-height: 40px;color: #fff;background-color: #888;-webkit-border-radius: 20px;border-radius: 20px;-webkit-transition: background-color 400ms;transition: background-color 400ms;}
article.groupBox .groupBoxBd .strokeList .boxLi .strokeListHd .btnBox a:hover {background-color: #666;}
article.groupBox .groupBoxBd .strokeList .boxLi .strokeListHd .btnBox a:after {position: absolute;top: -5px;right: 2px;width: 21px;height: 21px;content: "";background: #d42c27 url(/images/icon_error.png) no-repeat center;background-size: 100% auto;-webkit-border-radius: 11px;border-radius: 11px;display: none;}
article.groupBox .groupBoxBd .strokeList .boxLi .strokeListHd .btnBox a.modify {background-color: #dca716;}
article.groupBox .groupBoxBd .strokeList .boxLi .strokeListHd .btnBox a:hover.modify {background-color: #dc7816;}
article.groupBox .groupBoxBd .strokeList .boxLi .strokeListHd .btnBox a.apply {background-color: #009bdf;}
article.groupBox .groupBoxBd .strokeList .boxLi .strokeListHd .btnBox a:hover.apply {background-color: #006e9e;}
article.groupBox .groupBoxBd .strokeList .boxLi.open .formBox {display: block;}
article.groupBox .groupBoxBd .strokeList .boxLi.apply .strokeListHd .btnBox a.apply,
article.groupBox .groupBoxBd .strokeList .boxLi.end .strokeListHd .btnBox a.apply,
article.groupBox .groupBoxBd .strokeList .boxLi .strokeListHd .btnBox a.modify {display: none;}
article.groupBox .groupBoxBd .strokeList .boxLi.apply .strokeListHd .btnBox a.modify {display: inline-block;}
article.groupBox .groupBoxBd .strokeList .boxLi .formBox {display: none;background: #e7e7e7;background: -moz-linear-gradient(top, #e7e7e7 0%, #eeeeee 50%);background: -webkit-linear-gradient(top, #e7e7e7 0%,#eeeeee 50%);background: linear-gradient(to bottom, #e7e7e7 0%,#eeeeee 50%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#eeeeee',GradientType=0 );}
article.groupBox .groupBoxBd .strokeList .boxLi .formBox .formBoxBd {padding: 25px 25px 25px 25px;}
article.groupBox .groupBoxBd .strokeList .boxLi .formBox fieldset .boxBtn {text-align: center;padding: 0 10px;margin: 10px 0 0 0;}
article.groupBox .groupBoxBd .strokeList .boxLi .formBox fieldset .boxBtn span {display: inline-block;width: 200px;margin: 0 8px;}
article.groupBox .groupBoxBd .strokeList .boxLi .formBox fieldset .boxBtn span.modify input {background: #dca716;}
article.groupBox .groupBoxBd .strokeList .boxLi .formBox fieldset .boxBtn span.modify input:hover {background: #dc7816;}
article.groupBox .groupBoxBd .strokeList .boxLi .formBox fieldset .boxBtn span.apply input {background: #009bdf;}
article.groupBox .groupBoxBd .strokeList .boxLi .formBox fieldset .boxBtn span.apply input:hover {background: #006e9e;}
article.groupBox .groupBoxBd .strokeList .boxLi .formBox fieldset .boxBtn span.modify,
article.groupBox .groupBoxBd .strokeList .boxLi.apply .formBox fieldset .boxBtn span.apply,
article.groupBox .groupBoxBd .strokeList .boxLi.end .formBox fieldset .boxBtn span.apply {display: none;}
article.groupBox .groupBoxBd .strokeList .boxLi.apply .formBox fieldset .boxBtn span.modify {display: inline-block;}
/**
*
* nameBox
*
**/
article.groupBox .groupBoxBd .applyformBox .unitBox {margin: 20px 0 0 0;}
article.groupBox .groupBoxBd .applyformBox .unitBox:first-child {margin: 0;}
article.groupBox .groupBoxBd .applyformBox .applyformBoxHd .nameBox {
    margin: 0 0 10px 0;
    font-size: 22px;
    font-weight: 300;
    line-height: 1.2em;
    color: #333;
}
article.groupBox .groupBoxBd .applyformBox .applyformBoxHd .nameBox span {
    color: #00a0e9;
}
article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset legend {
    width: 0;
    height: 0;
    font-size: 0;
    overflow: hidden;
}
article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .subTitleBox {
    font-size: 22px;
    font-weight: 400;
    line-height: 1.2em;
    color: #333;
    margin: 0 0 5px 0;
}
article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .subBox {
    display: table-cell;
    vertical-align: top;
}
article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .minPhoto {
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px 0 8px;
    width: 180px;
}
article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .minPhoto img {
    max-width: 180px;
    min-width: 180px;
    width: 100%;
}
article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .listCon {
    display: table-cell;
    vertical-align: middle;
    padding: 0 0 0 8px;
}


article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .boxLi {
    display: inline-block;
    vertical-align: top;
    padding: 10px 0 10px 20px;
    font-size: 17px;
    line-height: 1.2em;
    color: #333;
}
article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .boxLi .boxLi  {
    padding: 10px 15px 0 5px;
}
article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .boxLi label {
    line-height: 33px;
    display: inline-block;
    vertical-align: top;
}
article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .descBox {
    padding: 5px 0 5px 20px;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.4em;
    color: #666;
}
article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .boxLi .descBox {
    width: calc(100vw - (100vw - 1100px));
    padding: 10px 0 0 20px;
}
article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .boxSubLi .descBox {
    width: calc(100vw - (100vw - 1043px));
}
article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .boxLi .descBox {padding: 0 0 0 0;}
article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .boxLi label + .descBox {padding: 0 0 0 37px;}
article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .boxLi .boxSubLi label + .descBox {padding: 0 0 0 32px;}
article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .boxLi .inlineBlock + .descBox {padding: 10px 0 0 32px;}
article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .boxLi .descBox + .boxSubLi {padding: 0 0 0 30px;}
article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .boxLi .boxLi .descBox + .boxSubLi {padding: 0 0 0 22px;}

article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .stepBox {
    position: relative;
    padding: 30px 40px;
    background-color: #f5f5f5;
}
article.groupBox .groupBoxBd .applyformBox.step2 .applyformBoxBd .formBox fieldset .descBox {
    width: auto;
}
article.groupBox .groupBoxBd .applyformBox.step2 .applyformBoxBd .formBox fieldset .stepBox {
    margin: 0 0 0 0;
    padding: 0;
    background: none;
}
article.groupBox .groupBoxBd .applyformBox.step2 .applyformBoxBd .formBox fieldset .stepBox:nth-child(2n+1) {
    margin: 20px 0 0 0;
}
article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .stepSubBox {
    position: relative;
    padding: 10px;
    padding: 30px 140px 30px 40px;
    background-color: #f5f5f5;
}
article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .boxBtn {
    text-align: center;
    padding: 0 10px;
    margin: 40px 0 0 0;
}
article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .boxBtn span {
    display: inline-block;
    width: 200px;
    margin: 0 8px;
}
article.groupBox .groupBoxBd .applyformBox .boxBtn {
    text-align: center;
    padding: 0 10px;
    margin: 40px 0 0 0;
}
article.groupBox .groupBoxBd .applyformBox .boxBtn span {
    display: inline-block;
    width: 200px;
    margin: 0 8px;
}
article.groupBox .groupBoxBd .applyformBox .boxBtn input[type=reset],
article.groupBox .groupBoxBd .applyformBox .boxBtn input[type=submit],
article.groupBox .groupBoxBd .applyformBox .boxBtn input[type=button] {
    position: relative;
    width: 100%;
    margin: 0 auto;
    color: #fff;
    font-size: 17px;
	line-height: 60px;
	vertical-align: middle;
    border: 0;
    cursor: pointer;
	-webkit-border-radius: 0;
	border-radius: 0;
    font-weight: 400;
    z-index: 1;
    -webkit-transition: all 400ms;
    transition: all 400ms;
}
article.groupBox .groupBoxBd .applyformBox .boxBtn input[type=submit] {
    background: #009bdf;
}
article.groupBox .groupBoxBd .applyformBox .boxBtn input[type=submit]:hover,
article.groupBox .groupBoxBd .applyformBox .boxBtn input[type=submit]:focus {
    background: #006e9e;
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
article.groupBox .groupBoxBd .applyformBox .boxBtn input[type=reset],
article.groupBox .groupBoxBd .applyformBox .boxBtn input[type=button] {
    background: #888888;
}
article.groupBox .groupBoxBd .applyformBox .boxBtn input[type=reset]:hover,
article.groupBox .groupBoxBd .applyformBox .boxBtn input[type=button]:hover,
article.groupBox .groupBoxBd .applyformBox .boxBtn input[type=reset]:focus,
article.groupBox .groupBoxBd .applyformBox .boxBtn input[type=button]:focus {
    background: #666666;
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .stepSubBox:nth-child(odd),
article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .stepBox:nth-child(odd) {
    background-color: #eaeaea;
}
article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .boxSubLi {
    font-size: 17px;
    line-height: 1.2em;
    color: #333;
    padding: 10px 0 0 30px;
}
article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .boxLi .inlineBlock {
    display: inline-block;
    vertical-align: top;
    /* margin: 5px 0 0 0; */
}
article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .boxLi .inlineBlock.w400,
article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .boxLi .boxSubLi .inlineBlock {
    margin: 2px 0 0 0;
}
article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .boxLi .inlineBlock.w300 {width: 300px;}
/* article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .boxSubLi .inlineBlock.w400 {width: 400px;} */
article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .inlineBlock.w400 {width: 400px;}
article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .boxSubLi .inlineBlock.wp80 {width: 80%;}
article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .boxSubLi.max {width: 100%;}
article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .errorMsgMin {
    /* display: none; */
    padding: 10px;
    font-size: 13px;
    color: #d42c27;
}
article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .stepBox .errorMsgMin {
    padding: 10px 0;
}
article.groupBox .groupBoxBd .applyformBox.step2 .applyformBoxBd .formBox fieldset .errorMsgMin {
    position: relative;
    padding: 40px 0 0 40px;
    margin: 0 0 -20px 0;
    z-index: 1;
}
article.groupBox .groupBoxBd .applyformBox.step2 .applyformBoxBd .formBox .errorMsgMin {
    padding: 10px 0;
    font-size: 13px;
    color: #d42c27;
    background-color: #f5f5f5;
}


article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .stepBox.error .errorMsgMin {
    display: block;
}
article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .subTitle {
    /*padding: 0 0 0 40px;*/
    font-size: 18px;
    line-height: 1.2em;
    color: #333;
}
article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .text {
    min-height: 160px;
    padding: 20px 0 0 40px;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.4em;
    color: #666;
}
article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .tagBox {
    position: absolute;
    top: 30px;
    right: 0;
}
article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .tagBoxCon > div {
    width: 90px;
    margin: 2px 0;
    padding: 10px;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4em;
    color: #666;
    background-color: #e2e2e2;
}
article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .tagBoxCon .tagBoxHd {
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    background-color: #00a0e9;
}
article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .tagBoxCon > div b {
    display: block;
    font-size: 30px;
    font-weight: 400;
    line-height: 1.2em;
    color: #00a0e9;
}
/* article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .stepSubBox.end .subTitleBox,
article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .stepSubBox.end .subTitle,
article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .stepSubBox.end .text {
    color: #999;
} */
article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .stepSubBox .tagBox.end .tagBoxHd {
    background-color: #dca716;
}
article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .stepSubBox .tagBox.end > div b {
    color: #999;
}
article.groupBox .moreBtn {
    margin: 0 0 40px 0;
    text-align: center;
}
article.groupBox .moreBtn a {
    display: inline-block;
    width: 80px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2em;
    color: #00a0e9;
}
article.groupBox .moreBtn a span {
    position: relative;
    display: block;
    margin: 0 auto 8px auto;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 400ms;
    transition: all 400ms;
    background-color: #009bdf;
}
article.groupBox .moreBtn a:hover span {
    background-color: #006e9e;
}
article.groupBox .moreBtn span:after {
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    content: "";
    border: 1px solid #eee;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
article.groupBox .moreBtn span img {
    width: 100%;
}
article.groupBox .moreBox {
    display: none;
}
/* footer
*----------------------------------------------------------------------------*/
footer {
    position: relative;
    padding: 30px 20px;
    text-align: center;
    color: #eee;
    font-size: 13px;
    line-height: 1.6em;
    font-family: "Noto Sans TC", sans-serif;
    background: #aaaaaa;
}
footer a,
footer a:hover {
    color: #fff;
}
/*-----------------------------------------------------------------------------
jquery UI Plugin
-----------------------------------------------------------------------------*/
.ui-datepicker {display: inline-block;margin: 0 0 0 0;background: #fff;padding: 5px;border: 1px #d7d7d7 solid;display: none; /* bug */}
.ui-datepicker-group {display: inline-block;margin: 0 10px 0 0;}
.ui-datepicker th, .ui-datepicker-group th {padding: 1px;color: #666;font-size: 13px;font-family: 'source-han-sans-traditional';font-weight: 600;}
.ui-datepicker th span, .ui-datepicker-group th span {display: inline-block;width: 35px;height: 35px;line-height: 35px;text-align: center;}
.ui-datepicker td, .ui-datepicker-group td {padding: 1px;font-size: 13px;font-family: 'source-han-sans-traditional';font-weight: 400;}
.ui-datepicker td a, .ui-datepicker td.ui-datepicker-unselectable span, .ui-datepicker-group td a,
.ui-datepicker-group td.ui-datepicker-unselectable span {display: inline-block;width: 35px;height: 35px;line-height: 35px;text-align: center;}
.ui-datepicker td a, .ui-datepicker-group td a {color: #666;background: #ececec;}
.ui-datepicker td.event a.before, .ui-datepicker-group td.event a.before {background: #bee2fc url(/images/icon_uiBefore.png) no-repeat center right;}
.ui-datepicker td.event a.after, .ui-datepicker-group td.event a.after {background: #bee2fc url(/images/icon_uiAfter.png) no-repeat center left;}
.ui-datepicker td a.ui-state-highlight, .ui-datepicker-group td a.ui-state-highlight {background: #bee2fc;}
.ui-datepicker td a.ui-state-active, .ui-datepicker-group td a.ui-state-active {color: #fff;background: #0696ff;}
.ui-datepicker td.ui-datepicker-today span, .ui-datepicker-group td.ui-datepicker-today span {position: relative;}
.ui-datepicker td.ui-datepicker-today span:before, .ui-datepicker-group td.ui-datepicker-today span:before {position: absolute;top: 0;left: 0;right: 0;bottom: 0;content: "";border: 1px #0696ff solid;}
.ui-datepicker td.ui-datepicker-unselectable span, .ui-datepicker-group td.ui-datepicker-unselectable span {color: #666;background: #ececec;}
.ui-datepicker .ui-datepicker-header {position: relative;}
.ui-datepicker-group .ui-datepicker-header {position: relative;height: 30px;line-height: 30px;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title, .ui-datepicker-group .ui-datepicker-header .ui-datepicker-title {position: relative;height: 30px;line-height: 30px;text-align: center;color: #009bdf;font-size: 17px;font-family: 'source-han-sans-traditional';font-weight: 600;z-index: 1;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year,
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month {font-size: 15px;padding: 2px 2px;margin: 0 5px;border: 1px #ccc solid;}
.ui-datepicker a.ui-datepicker-prev, .ui-datepicker a.ui-datepicker-next, .ui-datepicker-group a.ui-datepicker-prev,
.ui-datepicker-group a.ui-datepicker-next {position: absolute;top: 0;display: block;width: 30px;height: 30px;cursor: pointer;z-index: 9;}
.ui-datepicker a.ui-datepicker-prev span, .ui-datepicker a.ui-datepicker-next span, .ui-datepicker-group a.ui-datepicker-prev span,
.ui-datepicker-group a.ui-datepicker-next span {display: block;font-size: 0;text-indent: -100000px;}
.ui-datepicker a.ui-datepicker-prev, .ui-datepicker-group a.ui-datepicker-prev {left: 0;background: url(/images/icon_uiPrev.gif) no-repeat center;-webkit-background-size: 36px auto;background-size: 36px auto;}
.ui-datepicker a.ui-datepicker-next, .ui-datepicker-group a.ui-datepicker-next {right: 0;background: url(/images/icon_uiNext.gif) no-repeat center;-webkit-background-size: 36px auto;background-size: 36px auto;}
/*-----------------------------------------------------------------------------
checkradios jQuery Plugin
-----------------------------------------------------------------------------*/
.icheckbox_square-blue, .iradio_square-blue { position: relative; top: -2px; display: inline-block;*display: inline;vertical-align: middle;margin: 0;padding: 0;width: 31px;height: 31px;background: url(/images/blue.png) no-repeat;-webkit-background-size: 310px 31px;background-size: 310px 31px;border: none;cursor: pointer;}
.icheckbox_square-blue                  {background-position: 0 0;}
.icheckbox_square-blue.hover            {background-position: -31px 0;}
.icheckbox_square-blue.checked          {background-position: -62px 0;}
.icheckbox_square-blue.disabled         {background-position: -93px 0;cursor: default;}
.icheckbox_square-blue.checked.disabled {background-position: -124px 0;}
.iradio_square-blue                     {background-position: -155px 0;}
.iradio_square-blue.hover               {background-position: -186px 0;}
.iradio_square-blue.checked             {background-position: -217px 0;}
.iradio_square-blue.disabled            {background-position: -248px 0;cursor: default;}
.iradio_square-blue.checked.disabled    {background-position: -279px 0;}
.boxSubLi .icheckbox_square-blue, .boxSubLi .iradio_square-blue {width: 25px;height: 25px;background: url(/images/blue.png) no-repeat;-webkit-background-size: 250px 25px;background-size: 250px 25px;}
.boxSubLi .icheckbox_square-blue                  {background-position: 0 0;}
.boxSubLi .icheckbox_square-blue.hover            {background-position: -25px 0;}
.boxSubLi .icheckbox_square-blue.checked          {background-position: -50px 0;}
.boxSubLi .icheckbox_square-blue.disabled         {background-position: -75px 0;}
.boxSubLi .icheckbox_square-blue.checked.disabled {background-position: -100px 0;}
.boxSubLi .iradio_square-blue                     {background-position: -125px 0;}
.boxSubLi .iradio_square-blue.hover               {background-position: -150px 0;}
.boxSubLi .iradio_square-blue.checked             {background-position: -175px 0;}
.boxSubLi .iradio_square-blue.disabled            {background-position: -200px 0;}
.boxSubLi .iradio_square-blue.checked.disabled    {background-position: -225px 0;}
/*-----------------------------------------------------------------------------
/* media 
*----------------------------------------------------------------------------*/
/**
*
* Desktops
*
**/
@media only screen 
and (max-width : 1280px) {
    article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .boxLi .descBox {width: calc(100vw - 180px);}
    article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .boxSubLi .descBox {width: calc(100vw - 280px);}
    article.groupBox .groupBoxBd .applyformBox.step2 .applyformBoxBd .formBox fieldset .descBox {width: auto;}
}
/* @media only screen 
and (max-width : 960px) {
    article.bannerBox .titleBox {padding: 40px 170px 40px 110px;}
    article.bannerBox .titleBox .date {padding: 35px 15px;font-size: 15px;width: 120px;}
    article.bannerBox .titleBox h3 {font-size: 30px;}
    article.bannerBox .titleBox p {-webkit-line-clamp: 3;}
} */
/* @media only screen and (max-width : 767px) { */
@media only screen and (max-width : 960px) {
    header .logo {width: 60px;height: 60px;}
    header .logo:after {right: -46px;border-width: 56px 48px 0 0;}
    header .logo span {display: block;text-align: right;line-height: 54px;}
    header .logo img {max-width: 40px;padding: 0 5px 0 0;}
    header nav {left: 0;right: 0;width: auto;height: 40px;}
    header nav:after {right: 0;width: auto;height: 40px;-webkit-transform-origin: top;-webkit-transform: skewX(0deg);transform-origin: top;transform: skewX(0deg);}
    header nav div {padding: 0 10px 0 0;text-align: right;line-height: 40px;}
    header nav a {font-size: 13px;}
    .wrapper.page article.bannerBox {min-height: inherit;min-height:initial;}
    .wrapper.page article.bannerBox .bannerBoxBd {position: relative;}
    .wrapper.page article.bannerBox .bannerBoxBd > div { padding: 50px 20px 20px 20px;}
    .wrapper.home article.bannerBox {background: #00a0e9 url(/images/banner_1.jpg) no-repeat 20% center;-webkit-background-size: cover;background-size: cover; }
    .wrapper.page article.bannerBox {background: #00a0e9 url(/images/banner_2.jpg) no-repeat right top;-webkit-background-size: cover;background-size: cover; }
    article.bannerBox .bannerBoxBd > div {padding: 0 20px;}
    .wrapper.home article.bannerBox,
    /* .wrapper.page article.bannerBox, */
    .wrapper.account article.bannerBox {background-size: auto 100%;}
    .wrapper.account article.bannerBox {min-height: 120px;}
    .wrapper.account article.bannerBox .bannerBoxBd > div {margin: 50px 0 0 0;}
    article.bannerBox .titleBox {padding: 20px 20px 20px 20px;margin: 30px auto auto auto;}
    article.bannerBox .titleBox h3 {font-size: 20px;}
    article.bannerBox .titleBox p {font-size: 13px;-webkit-line-clamp: 5;}
    article.bannerBox .titleBox .date {position: relative;top: auto;right: auto;left: auto;display: block;width: 80%;margin: -40px auto 10px auto;padding: 10px 15px;font-size: 13px;}
    article.bannerBox .titleBox .date span {padding: 0 2px;display: inline-block;}
    article.bannerBox h2.title {font-size: 36px;font-weight: 500;}
    article.bannerBox .formBox {padding: 20px;}
    article.bannerBox .formBox fieldset .boxLi {font-size: 15px;}
    article.bannerBox .formBox fieldset .desc {margin: 20px 0 0 0;font-size: 13px;}
    article.bannerBox .copyright > div {font-size: 12px;}
    article.groupBox .groupBoxHd {padding: 20px 20px;}
    article.groupBox .groupBoxHd .logo,
    article.groupBox .groupBoxHd .memberBox {display: block;}
    article.groupBox .groupBoxHd .logo {position: absolute;top: 0;left: 0;width: 100px;}
    article.groupBox .groupBoxHd .logo img {max-width: 100px;max-height: 100px;border: 2px #f2f2f2 solid;}
    article.groupBox .groupBoxHd .memberBox {padding: 0;}
    article.groupBox .groupBoxHd .memberBox table td.name {display: block;}
    article.groupBox .groupBoxHd .memberBox table .logoW {display: inline-block;width: 104px;}
    article.groupBox .groupBoxHd .memberBox table td.hd {display: none;}
    article.groupBox .groupBoxHd .memberBox table td.bd {display: block;}
    article.groupBox .groupBoxHd .memberBox table th:before,
    article.groupBox .groupBoxHd .memberBox table td:before {position: absolute;top: 10px;left: 10px;content: attr(data-th)"";}
    article.groupBox .groupBoxHd .memberBox table tr:nth-child(odd) {background-color: #fbfbfb;}
    article.groupBox .groupBoxHd .memberBox table td {font-size: 13px;padding-left: 115px;;height: 35px;}
    article.groupBox .groupBoxHd .memberBox table th {font-size: 15px;padding: 23px 10px 23px 115px;}
    .wrapper.account article.groupBox .groupBoxBd .memberBox {margin: 0 0 10px 0;}
    .wrapper.account article.groupBox .groupBoxBd .memberBox table th {display: none;}
    .wrapper.account article.groupBox .groupBoxBd .memberBox table td {position: relative;display: block;padding: 10px 10px 10px 120px;text-align: left;font-size: 15px;border-bottom: 0;min-height: 40px;width: auto;}
    .wrapper.account article.groupBox .groupBoxBd .memberBox table td:last-child {border: 1px #ccc solid;}
    .wrapper.account article.groupBox .groupBoxBd .memberBox table td:before {position: absolute;top: 0;left: 0;bottom: 0;width: 90px;display: block;padding: 10px;content: attr(data-th)"";color: #fff;background-color: #aaa;}
    article.groupBox h2.title {padding: 20px 20px;}
    article.groupBox h2.title span {padding: 0 15px;font-size: 22px;}
    article.groupBox h2.title span:after {bottom: 0;width: 4px;}
    article.groupBox .groupBoxBd {padding: 20px 20px 20px 20px;}
    article.groupBox .groupBoxBd:last-child {padding: 20px 20px 40px 20px;}
    article.groupBox .groupBoxBd .userAdd {top: -74px;}
    article.groupBox .groupBoxBd .userAdd a {width: 130px;height: 40px;line-height: 40px;}
    article.groupBox .groupBoxBd .userMsg {top: -10px;margin: 0 0 -10px 0;}
    article.groupBox .groupBoxBd .userMsg span {font-size: 15px;}
    article.groupBox .groupBoxBd .userMsg span:first-child {display: block;margin: 0 0 5px 0;}
    article.groupBox .groupBoxBd .userList .boxLi {margin: 30px 0 0 0;background: none;}
    article.groupBox .groupBoxBd .userList .boxLi .userListHd > div {display: block;height: 50px;}
    article.groupBox .groupBoxBd .userList .boxLi .userListHd .noBox,
    article.groupBox .groupBoxBd .userList .boxLi .formBox .noBox {float: left;width: 75px;line-height: 50px;}
    article.groupBox .groupBoxBd .userList .boxLi .userListHd .noBox:after,
    article.groupBox .groupBoxBd .userList .boxLi .formBox .noBox:after {right: -15px;border-width: 25px 0 25px 15px;}
    article.groupBox .groupBoxBd .userList .boxLi .formBox .noBox {width: 100%;text-align: left;padding: 0 0 0 15px;}
    article.groupBox .groupBoxBd .userList .boxLi.open .formBox .noBox:after {right: auto;left: 0;bottom: -15px;border-style: solid;border-width: 15px 35px 0 35px;border-color: #333 transparent transparent transparent;}
    article.groupBox .groupBoxBd .userList .boxLi .userListHd .nameBox {padding: 0 0 0 105px;font-size: 18px;background-color: #f5f5f5;line-height: 50px;}
    article.groupBox .groupBoxBd .userList .boxLi .userListHd .nameBox span {font-size: 13px;}
    article.groupBox .groupBoxBd .userList .boxLi .userListHd .btnBox {position: relative;top: auto;right: auto;text-align: center;height: auto;margin: 10px -1% 0 -1%;}
    article.groupBox .groupBoxBd .userList .boxLi .userListHd .btnBox a {margin: 5px 1%;width: 30%;font-size: 13px;line-height: 36px;background-color: #999;}
    /* strokeList 20180926 */
    article.groupBox .groupBoxBd .strokeList .boxLi {margin: 30px 0 0 0;}
    article.groupBox .groupBoxBd .strokeList .boxLi:first-child {margin: 20px 0 0 0;}
    article.groupBox .groupBoxBd .strokeList .boxLi.apply {margin: 50px 0 0 0;}
    article.groupBox .groupBoxBd .strokeList .boxLi.apply:first-child {margin: 30px 0 0 0;}
    article.groupBox .groupBoxBd .strokeList .boxLi .strokeListHd {padding: 15px 15px 15px 15px;}
    article.groupBox .groupBoxBd .strokeList .boxLi .strokeListHd .nameBox span {font-size: 18px;}
    article.groupBox .groupBoxBd .strokeList .boxLi .strokeListHd .nameBox span:first-child {padding: 0 0 5px 0;}
    article.groupBox .groupBoxBd .strokeList .boxLi .noBox {position: absolute;left: 0; width: 100px;}
    article.groupBox .groupBoxBd .strokeList .boxLi.open .strokeListHd .btnBox,
    article.groupBox .groupBoxBd .strokeList .boxLi .strokeListHd .btnBox {position: relative;top: auto;right: auto;margin: 10px 0 0 0;display: flex;align-items: center;justify-content: space-between;}
    article.groupBox .groupBoxBd .strokeList .boxLi.end .strokeListHd .btnBox {justify-content: end;}
    article.groupBox .groupBoxBd .strokeList .boxLi .strokeListHd .btnBox a {font-size: 14px;line-height: 32px;width: 48%;margin: 0 1%;}
    article.groupBox .groupBoxBd .strokeList .boxLi .formBox fieldset .boxBtn {margin: 10px -25px 0 -25px;}
    article.groupBox .groupBoxBd .strokeList .boxLi .formBox fieldset .boxBtn span {width: 46%;margin: 0 1%;}
    article.groupBox .groupBoxBd .strokeList .boxLi .strokeListHd .nameBox span.date,
    article.groupBox .groupBoxBd .strokeList .boxLi .strokeListHd .remainingBox {font-size: 14px;}
    article.groupBox .groupBoxBd .strokeList .boxLi .strokeListHd .remainingBox span b {font-size: 16px;}
    article.groupBox .groupBoxBd .strokeList .boxLi .strokeListHd .minPhoto {display: block;padding: 0;margin: 0 0 -10px 0;width: auto;}
    article.groupBox .groupBoxBd .strokeList .boxLi .strokeListHd .minPhoto img {min-width: inherit;min-width: initial;max-width: inherit;max-width: initial;}
    article.groupBox .groupBoxBd .strokeList .boxLi .strokeListHd .nameBox {padding: 20px 0 10px 10px;}
    article.groupBox .groupBoxBd .strokeList .boxLi .strokeListHd .listCon {display: block;width: auto;}
    article.groupBox .groupBoxBd .strokeList .boxLi .strokeListHd::before,
    article.groupBox .groupBoxBd .strokeList .boxLi .noBox::after {display: none;}
    /* strokeList 20180926 end */
    article.groupBox .groupBoxBd .applyformBox .unitBox {margin: 15px 0 0 0;}
    article.groupBox .groupBoxBd .applyformBox .boxBtn,
    article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .boxBtn {position: relative;height: auto;margin: 20px -1% 0 -1%;padding: 0;}
    article.groupBox .groupBoxBd .applyformBox .boxBtn span,
    article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .boxBtn span {margin: 0 1%;width: 47%;font-size: 13px;line-height: 40px;}
    article.groupBox .groupBoxBd .userList .boxLi.open .formBox {background-color: #f5f5f5;}
    article.groupBox .groupBoxBd .userList .boxLi .formBox fieldset {width: auto;padding: 30px 0 30px 0;}
    .wrapper.account article.groupBox .groupBoxBd .userList .boxLi .formBox fieldset {width: auto;padding: 15px 0 30px 0;}
    article.groupBox .groupBoxBd .userList .boxLi .formBox fieldset .boxLi,
    article.groupBox .groupBoxBd .userList .boxLi .formBox fieldset .boxLi.double {width: 100%;}
    article.groupBox .groupBoxBd .userList .boxLi .formBox fieldset .boxLi label {font-size: 15px;}
    article.groupBox .groupBoxBd .userList .boxLi .formBox fieldset .boxLi.passwordBox .save .inlineBlock {display: block;}
    article.groupBox .groupBoxBd .userList .boxLi .formBox fieldset .boxLi .inlineBlock.top10,
    article.groupBox .groupBoxBd .userList .boxLi .formBox fieldset .boxLi.passwordBox .save .inlineBlock.top10 {padding: 0;}
    article.groupBox .groupBoxBd .userList .boxLi .formBox fieldset .boxBtn {margin: 10px -2% 0 -2%;}
    article.groupBox .groupBoxBd .userList .boxLi .formBox fieldset .boxBtn span {width: 46%;margin: 0 1%;}
    article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .stepBox {padding: 10px 10px;}
    article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .boxSubLi .inlineBlock.wp80 {width: 100%;}
    article.groupBox .groupBoxBd .applyformBox .applyformBoxHd .nameBox {font-size: 18px;}
    article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .stepSubBox {padding: 10px;}
    article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .subBox {display: block;margin: 16px 0 30px 0;}
    article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .listCon {vertical-align: top;}
    article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .minPhoto {width: 140px;padding: 0 10px 0 0;vertical-align: top;}
    article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .minPhoto img {max-width: 140px;min-width: 140px;width: 100%;}
    article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .subTitleBox {font-size: 18px; margin: 0 0 0 0;}
    article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .subTitleBox + .boxLi { /*margin: 10px 0 0 0;*/}
    article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .subTitleBox span {display: block; margin: 0;}
    article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .subTitleBox .subBox {display: block;padding: 16px 0;}
    article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .errorMsgMin {padding: 10px 5px 10px 5px;}
    article.groupBox .groupBoxBd .applyformBox.step2 .applyformBoxBd .formBox fieldset .errorMsgMin {padding: 10px 10px;padding: 10px 0 0 10px;margin: 0 0 0 0;}
    article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .boxLi {padding: 2px 10px 2px 0;font-size: 15px;}
    article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .boxLi .boxLi {padding: 2px 15px 2px 5px;}
    article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .boxSubLi.top10 {width: 100%;padding: 10px 0 0 40px;}
    article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .boxLi .inlineBlock.w300 {width: auto;}
    article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .inlineBlock.w400 {width: calc(100vw - 80px);display: block;}
    article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .boxSubLi .inlineBlock.w400 {width: calc(100vw - 130px);display: block;}
    article.groupBox .groupBoxBd .userList .boxLi .formBox fieldset .boxLi .boxSubLi .inlineBlock.w280 {width: 100%;}
    article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .boxSubLi {font-size: 15px;}
    article.groupBox .groupBoxBd .applyformBox.step2 .applyformBoxBd .formBox fieldset .stepBox {padding: 20px 20px 20px 20px;padding: 0;}
    article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .subTitle {font-size: 15px; padding: 0;margin: 10px 0 0 0;}
    article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .text,
    article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .tagBox .tagBoxHd,
    article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .tagBox > div {font-size: 13px;}
    article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .text {padding: 20px 0 0 0;}
    article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .tagBox {position: absolute;top: 0;right: 10px;left: 50px;padding: 0;margin: 10px 0 10px 0;}
    article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .tagBoxCon {display: table;width: 100%;}
    article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .tagBoxCon > div {display: table-cell;vertical-align: middle;width: 33%;padding: 10px 5px;}
    article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .tagBoxCon > div b {font-size: 15px;}
    article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .tagBoxCon .tagBoxHd {min-width: 60px;}
    article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .boxLi .descBox {width: calc(100vw - 70px);}
    article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .boxSubLi .descBox {width: auto;}
    article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .boxLi .inlineBlock + .descBox {padding: 5px 0 5px 0;}
    article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .boxLi label + .descBox {padding: 0 0 0 0;}
    article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .descBox {padding: 5px 0 5px 0;}
    article.groupBox .groupBoxBd .applyformBox .applyformBoxBd .formBox fieldset .boxLi .boxSubLi label + .descBox {padding: 0 0 0 2px;}
    article.groupBox .groupBoxBd .applyformBox.step2 .applyformBoxBd .formBox fieldset .descBox {width: auto;}
    fieldset input[type=reset],
    fieldset input[type=submit],
    fieldset input[type=button] {line-height: 40px;}
    footer {padding: 15px 15px;font-size: 12px;}
}
@media only screen 
and (max-height : 560px) {
    article.bannerBox {position: relative;min-height: 560px;}
}
/**
*
* iPads
*
**/
@media only screen
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
    article.groupBox .groupBoxBd .userAdd a:hover {background-color: #57aded;}
    .backtop a:hover, article.groupBox .groupBoxBd .userList .boxLi .userListHd .btnBox a:hover {background-color: #888;}
    article.groupBox .groupBoxBd .userList .boxLi .userListHd .btnBox a:hover.point {background-color: #dca716;}
    article.groupBox .moreBtn a:hover span {background-color: #009bdf;}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
}
/**
*
* iPhones 
*
**/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 767px) {
    article.groupBox .groupBoxBd .userAdd a:hover {background-color: #57aded;}
    .backtop a:hover, article.groupBox .groupBoxBd .userList .boxLi .userListHd .btnBox a:hover {background-color: #888;}
    article.groupBox .groupBoxBd .userList .boxLi .userListHd .btnBox a:hover.point {background-color: #dca716;}
    article.groupBox .moreBtn a:hover span {background-color: #009bdf;}
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 767px) 
and (orientation : portrait) {
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 767px) 
and (orientation : landscape) {
}
/**
*
* ratio: 1.5
*
**/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){
}