/* FROM contentV2_HL6_menu_restructured.css */
/* This version is customized for the NSRRC project by HSUANLIN. 20210422 */

/* ----------STYLE.CSS STARTS---------- */
@font-face {
  font-family: 'icomoon';
  src:  url('icomoon/fonts/icomoon.eot?jgywy8');
  src:  url('icomoon/fonts/icomoon.eot?jgywy8#iefix') format('embedded-opentype'),
    url('icomoon/fonts/icomoon.ttf?jgywy8') format('truetype'),
    url('icomoon/fonts/icomoon.woff?jgywy8') format('woff'),
    url('icomoon/fonts/icomoon.svg?jgywy8#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-hide:before {
  content: "\e955";
}
.icon-login:before {
  content: "\e954";
}
.icon-instock:before {
  content: "\e952";
}
.icon-buy:before {
  content: "\e953";
}
.icon-stationery:before {
  content: "\e951";
}
.icon-RFQ:before {
  content: "\e950";
}
.icon-manual:before {
  content: "\e94e";
}
.icon-manual-download:before {
  content: "\e94f";
}
.icon-Order-management:before {
  content: "\e94d";
}
.icon-Shipping:before {
  content: "\e94b";
}
.icon-Delivery:before {
  content: "\e94c";
}
.icon-insurance-2:before {
  content: "\e949";
}
.icon-umbrella:before {
  content: "\e94a";
}
.icon-money-list:before {
  content: "\e947";
}
.icon-save:before {
  content: "\e948";
}
.icon-stamp:before {
  content: "\e946";
}
.icon-speaker:before {
  content: "\e945";
}
.icon-key:before {
  content: "\e944";
}
.icon-bar-chart:before {
  content: "\e943";
}
.icon-time:before {
  content: "\e942";
}
.icon-copy:before {
  content: "\e941";
}
.icon-star-solid:before {
  content: "\e940";
}
.icon-double-arrow-up:before {
  content: "\e93c";
}
.icon-double-arrow-down:before {
  content: "\e93d";
}
.icon-double-arrow-left:before {
  content: "\e93e";
}
.icon-double-arrow-right:before {
  content: "\e93f";
}
.icon-aims:before {
  content: "\e93b";
}
.icon-mail:before {
  content: "\e93a";
}
.icon-forbid:before {
  content: "\e939";
}
.icon-sort:before {
  content: "\e938";
}
.icon-minus:before {
  content: "\e932";
}
.icon-plus:before {
  content: "\e937";
}
.icon-share:before {
  content: "\e92d";
}
.icon-twiter:before {
  content: "\e931";
  color: #2fb0ec;
}
.icon-google:before {
  content: "\e933";
  color: #dd5044;
}
.icon-Facebook:before {
  content: "\e934";
  color: #3c5a99;
}
.icon-line:before {
  content: "\e935";
  color: #00c300;
}
.icon-WeChat:before {
  content: "\e936";
  color: #71bc62;
}
.icon-eye-2:before {
  content: "\e92e";
}
.icon-first-page:before {
  content: "\e92f";
}
.icon-last-page:before {
  content: "\e930";
}
.icon-heart-o:before {
  content: "\e92c";
}
.icon-fly2:before {
  content: "\e91d";
}
.icon-container:before {
  content: "\e91e";
}
.icon-e:before {
  content: "\e91f";
}
.icon-exchange-rate:before {
  content: "\e920";
}
.icon-fly:before {
  content: "\e921";
}
.icon-honeycomb:before {
  content: "\e922";
}
.icon-medcine:before {
  content: "\e923";
}
.icon-money:before {
  content: "\e924";
}
.icon-port:before {
  content: "\e925";
}
.icon-ship:before {
  content: "\e926";
}
.icon-ship-tax:before {
  content: "\e927";
}
.icon-tax:before {
  content: "\e928";
}
.icon-ttax:before {
  content: "\e929";
}
.icon-Vendor:before {
  content: "\e92a";
}
.icon-bill:before {
  content: "\e92b";
}
.icon-talk4:before {
  content: "\e91b";
}
.icon-news:before {
  content: "\e91c";
}
.icon-Search:before {
  content: "\e91a";
}
.icon-tradeVan:before {
  content: "\e915";
}
.icon-face-book:before {
  content: "\e917";
}
.icon-language:before {
  content: "\e916";
}
.icon-epaper:before {
  content: "\e918";
}
.icon-hunter:before {
  content: "\e919";
}
.icon-honor:before {
  content: "\e90f";
}
.icon-all:before {
  content: "\e910";
}
.icon-service3:before {
  content: "\e911";
}
.icon-people:before {
  content: "\e912";
}
.icon-friend_light:before {
  content: "\e913";
}
.icon-invest:before {
  content: "\e914";
}
.icon-logout:before {
  content: "\e90a";
}
.icon-Write2:before {
  content: "\e90b";
}
.icon-Write:before {
  content: "\e90c";
}
.icon-register:before {
  content: "\e90d";
}
.icon-sitemap:before {
  content: "\e90e";
}
.icon-paper-plan:before {
  content: "\e909";
}
.icon-check:before {
  content: "\e904";
}
.icon-circle:before {
  content: "\e905";
}
.icon-circle-line:before {
  content: "\e906";
}
.icon-clipboard:before {
  content: "\e907";
}
.icon-edit:before {
  content: "\e908";
}
.icon-logo:before {
  content: "\e903";
}
.icon-ic-card:before {
  content: "\e900";
}
.icon-LINE-outline:before {
  content: "\e901";
}
.icon-pass-card:before {
  content: "\e902";
}
.icon-home:before {
  content: "\e800";
}
.icon-apartment:before {
  content: "\e801";
}
.icon-pencil:before {
  content: "\e802";
}
.icon-magic-wand:before {
  content: "\e803";
}
.icon-drop:before {
  content: "\e804";
}
.icon-poop:before {
  content: "\e806";
}
.icon-sun:before {
  content: "\e807";
}
.icon-moon:before {
  content: "\e808";
}
.icon-cloud-upload:before {
  content: "\e80a";
}
.icon-cloud-download:before {
  content: "\e80b";
}
.icon-database:before {
  content: "\e80e";
}
.icon-lock:before {
  content: "\e80f";
}
.icon-cog:before {
  content: "\e810";
}
.icon-trash:before {
  content: "\e811";
}
.icon-dice:before {
  content: "\e812";
}
.icon-heart:before {
  content: "\e813";
}
.icon-star:before {
  content: "\e814";
}
.icon-star-half:before {
  content: "\e815";
}
.icon-star-empty:before {
  content: "\e816";
}
.icon-flag:before {
  content: "\e817";
}
.icon-envelope:before {
  content: "\e818";
}
.icon-paperclip:before {
  content: "\e819";
}
.icon-inbox:before {
  content: "\e81a";
}
.icon-eye:before {
  content: "\e81b";
}
.icon-printer:before {
  content: "\e81c";
}
.icon-file-empty:before {
  content: "\e81d";
}
.icon-file-add:before {
  content: "\e81e";
}
.icon-enter:before {
  content: "\e81f";
}
.icon-exit:before {
  content: "\e820";
}
.icon-graduation-hat:before {
  content: "\e821";
}
.icon-license:before {
  content: "\e822";
}
.icon-music-note:before {
  content: "\e823";
}
.icon-film-play:before {
  content: "\e824";
}
.icon-camera-video:before {
  content: "\e825";
}
.icon-camera:before {
  content: "\e826";
}
.icon-picture:before {
  content: "\e827";
}
.icon-book:before {
  content: "\e828";
}
.icon-bookmark:before {
  content: "\e829";
}
.icon-user:before {
  content: "\e82a";
}
.icon-users:before {
  content: "\e82b";
}
.icon-shirt:before {
  content: "\e82c";
}
.icon-store:before {
  content: "\e82d";
}
.icon-cart:before {
  content: "\e82e";
}
.icon-tag:before {
  content: "\e82f";
}
.icon-phone-handset:before {
  content: "\e830";
}
.icon-phone:before {
  content: "\e831";
}
.icon-pushpin:before {
  content: "\e832";
}
.icon-map-marker:before {
  content: "\e833";
}
.icon-map:before {
  content: "\e834";
}
.icon-location:before {
  content: "\e835";
}
.icon-calendar-full:before {
  content: "\e836";
}
.icon-keyboard:before {
  content: "\e837";
}
.icon-spell-check:before {
  content: "\e838";
}
.icon-screen:before {
  content: "\e839";
}
.icon-smartphone:before {
  content: "\e83a";
}
.icon-tablet:before {
  content: "\e83b";
}
.icon-laptop:before {
  content: "\e83c";
}
.icon-laptop-phone:before {
  content: "\e83d";
}
.icon-power-switch:before {
  content: "\e83e";
}
.icon-bubble:before {
  content: "\e83f";
}
.icon-heart-pulse:before {
  content: "\e840";
}
.icon-construction:before {
  content: "\e841";
}
.icon-pie-chart:before {
  content: "\e842";
}
.icon-chart-bars:before {
  content: "\e843";
}
.icon-gift:before {
  content: "\e844";
}
.icon-diamond:before {
  content: "\e845";
}
.icon-dinner:before {
  content: "\e847";
}
.icon-coffee-cup:before {
  content: "\e848";
}
.icon-leaf:before {
  content: "\e849";
}
.icon-paw:before {
  content: "\e84a";
}
.icon-rocket:before {
  content: "\e84b";
}
.icon-briefcase:before {
  content: "\e84c";
}
.icon-bus:before {
  content: "\e84d";
}
.icon-car:before {
  content: "\e84e";
}
.icon-train:before {
  content: "\e84f";
}
.icon-bicycle:before {
  content: "\e850";
}
.icon-wheelchair:before {
  content: "\e851";
}
.icon-select:before {
  content: "\e852";
}
.icon-earth:before {
  content: "\e853";
}
.icon-smile:before {
  content: "\e854";
}
.icon-sad:before {
  content: "\e855";
}
.icon-neutral:before {
  content: "\e856";
}
.icon-mustache:before {
  content: "\e857";
}
.icon-alarm:before {
  content: "\e858";
}
.icon-bullhorn:before {
  content: "\e859";
}
.icon-volume-high:before {
  content: "\e85a";
}
.icon-volume-medium:before {
  content: "\e85b";
}
.icon-volume-low:before {
  content: "\e85c";
}
.icon-volume:before {
  content: "\e85d";
}
.icon-mic:before {
  content: "\e85e";
}
.icon-hourglass:before {
  content: "\e85f";
}
.icon-undo:before {
  content: "\e860";
}
.icon-redo:before {
  content: "\e861";
}
.icon-sync:before {
  content: "\e862";
}
.icon-history:before {
  content: "\e863";
}
.icon-clock:before {
  content: "\e864";
}
.icon-download:before {
  content: "\e865";
}
.icon-upload:before {
  content: "\e866";
}
.icon-enter-down:before {
  content: "\e867";
}
.icon-exit-up:before {
  content: "\e868";
}
.icon-bug:before {
  content: "\e869";
}
.icon-code:before {
  content: "\e86a";
}
.icon-link:before {
  content: "\e86b";
}
.icon-unlink:before {
  content: "\e86c";
}
.icon-thumbs-up:before {
  content: "\e86d";
}
.icon-thumbs-down:before {
  content: "\e86e";
}
.icon-magnifier:before {
  content: "\e86f";
}
.icon-cross:before {
  content: "\e870";
  color: #bcbcbc;
  font-weight: 600;
}
.icon-menu:before {
  content: "\e871";
}
.icon-list:before {
  content: "\e872";
}
.icon-chevron-up:before {
  content: "\e873";
}
.icon-chevron-down:before {
  content: "\e874";
}
.icon-chevron-left:before {
  content: "\e875";
}
.icon-chevron-right:before {
  content: "\e876";
}
.icon-arrow-up:before {
  content: "\e877";
}
.icon-arrow-down:before {
  content: "\e878";
}
.icon-arrow-left:before {
  content: "\e879";
}
.icon-arrow-right:before {
  content: "\e87a";
}
.icon-move:before {
  content: "\e87b";
}
.icon-warning:before {
  content: "\e87c";
}
.icon-question-circle:before {
  content: "\e87d";
}
.icon-menu-circle:before {
  content: "\e87e";
}
.icon-checkmark-circle:before {
  content: "\e87f";
}
.icon-cross-circle:before {
  content: "\e880";
}
.icon-plus-circle:before {
  content: "\e881";
}
.icon-circle-minus:before {
  content: "\e882";
}
.icon-arrow-up-circle:before {
  content: "\e883";
}
.icon-arrow-down-circle:before {
  content: "\e884";
}
.icon-arrow-left-circle:before {
  content: "\e885";
}
.icon-arrow-right-circle:before {
  content: "\e886";
}
.icon-chevron-up-circle:before {
  content: "\e887";
}
.icon-chevron-down-circle:before {
  content: "\e888";
}
.icon-chevron-left-circle:before {
  content: "\e889";
}
.icon-chevron-right-circle:before {
  content: "\e88a";
}
.icon-frame-expand:before {
  content: "\e88c";
}
.icon-frame-contract:before {
  content: "\e88d";
}
.icon-layers:before {
  content: "\e88e";
}
.icon-funnel:before {
  content: "\e88f";
}
.icon-hand:before {
  content: "\e8a5";
}
.icon-pointer-up:before {
  content: "\e8a6";
}
.icon-pointer-right:before {
  content: "\e8a7";
}
.icon-pointer-down:before {
  content: "\e8a8";
}
.icon-pointer-left:before {
  content: "\e8a9";
}
.icon-info:before {
  content: url(../../inc/img/info_black_18dp.svg);
  vertical-align: sub;
}
.icon-new:before{
  content: url(../../inc/img/new.svg);	
}
.icon-fb {
	background: url(../../inc/img/facebook.svg);
	display: inline-block;
	width: 50px;
	height: 50px;
	margin-right: 5px;
}
.icon-fb:hover {
	background: url(../../inc/img/facebook2.svg);
}
.icon-contact {
	background: url(../../inc/img/contact.svg);
	display: inline-block;
	width: 50px;
	height: 50px;
	margin-right: 12px;
}
.icon-contact:hover {
	background: url(../../inc/img/contact2.svg);
}
.icon-location2 {
	background: url(../../inc/img/location.svg) no-repeat;
	display: inline-block;
	width: 50px;
	height: 50px;
}
.icon-location2:hover {
	background: url(../../inc/img/location2.svg) no-repeat;
}
/* ----------STYLE.CSS ENDS---------- */

@font-face {
    font-family: Roboto-light;
    font-style: normal;
    src: local('Roboto-Light'),local('Roboto-Light'),url(../css/Roboto/Roboto-Light.ttf) format('truetype')
}

@font-face {
    font-family: Roboto-Bold;
    font-style: normal;
    src: local('Roboto-Bold'),local('Roboto-Bold'),url(../css/Roboto/Roboto-Bold.ttf) format('truetype')
}

.font {
    font-family: Roboto-light,Helvetica,Arial,'LiHei Pro',"微軟正黑體",sans-serif
}

.red_note {
	color: #EB0000;
}

article,aside,dialog,figure,footer,header,menu,nav,section {
    display: block
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

:after,:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

body,dd,dl,dt,form,html,image,li,ul {
    margin: 0;
    border: 0;
    padding: 0;
    list-style: none;
    font-size: 87.5%
}

img {
    border: 0
}

a {
    color: #fff;
    text-decoration: none
}

a:hover {
    text-decoration: none;
    color: #000;
}

a,a:hover {
/*     hlbr: expression(this.onFocus=this.blur()); */
    cursor: pointer;
}

body {
    background: #fff;
}

body.content {
    background: #fff;
    font-size: 1.05em
}

body.content a:focus,body.content button:focus,body.content td a:focus {
/*     outline: #C23616 dashed 2px!important; */
/*     outline-offset: 0.5px; */
}

blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,select,td,textarea,th,ul {
    margin: 0;
    padding: 0;
    color: #000;
    font-size: 1rem;
    -webkit-text-size-adjust: none
}

table td .icon_default {
    display: inline-block;
    margin: 0 5px;
    width: 16px;
    height: 16px;
    background: url(../../inc/img/default.png) no-repeat;
    position: relative;
    top: 2px
}

table p {
    display: inline-block;
    position: relative;
    top: 5px;
    float: left;
    margin-right: 8px
}

td {
    line-height: 22px;
/*     word-break: break-all; */
    word-wrap: break-word;
    font-family: "微軟正黑體",Arial,sans-serif!important
}

label.validation_error{
 	color: red;
    float: left;
    margin: 8px 6px;
}

input {
    background: #fff;
    border: 1px solid #fff;
    border-radius: 0;
    padding: 3px 5px;
    min-height: 30px!important
}

input[type=text],select {
    background-color: #fff!important;
    border: 1px solid #c5c5c5;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.ui-pg-selbox,select {
    min-height: 30px!important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 30px!important;
    background: url(../../inc/img/select_ico_n.png) right 50% no-repeat;
    padding: 2px 1em
}

.ui-pg-selbox::-ms-expand,select::-ms-expand {
    display: none;
    padding-right: 30px!important
}

.ui-state-hover,.ui-widget-content .ui-state-hover {
    background: 0 0;
    border: none
}

.hd1 input {
    margin: 0
}

label input {
    vertical-align: middle;
    margin: -2px 4px 0 0
}

.clearfix {
    display: block
}

td.right,th.right {
    text-align: right!important
}

td.left,th.left {
    text-align: left!important
}

td.center,th.center {
    text-align: center!important
}

td.btn_func {
    text-align: left!important
}

p.note {
    color: #1591dd;
    font-size: .92em!important;
    margin: 0!important;
    line-height: 1.2em!important;
    padding: 0!important
}

p.trans_succ svg {
    color: #2f81d5;
    width: 3em!important;
    height: 3em!important
}

p.trans_succ span {
    top: -.5em;
    font-size: 1.5em;
    font-weight: 700;
    margin-left: 10px;
    position: relative
}

.red {
    color: red
}

.cptcolor {
    color: #ed6f01
}

table {
    border-radius: 5px;
    border-spacing: 0;
    overflow: hidden;
    position: relative
}

table input {
    font-size: 1em;
    padding: 0 15px 0 5px;
    text-align: left;
    background: #fff!important;
    border-radius: 5px;
    display: inline-block;
    position: relative;
    float: left;
    margin-right: 5px;
    border: 1px solid #c7c7c7!important;
    color: #000!important
}

.form_group input {
    float: left!important;
    margin: 5px 3px 3px 0px !important;
    padding: 6px 5px
}

.labelRadio{
	margin-top:3px;
	padding-top: 3px;
}

.form_group img {
    float: left;
    margin: 4px 2px
}

.form_group span.text_rate {
    float: left;
    display: inline-block;
    padding: 12px 0;
    width: 115px
}

.form_group .text_rate_note {
    position: relative;
    width: 100%;
    color: #eb133a
}

.outside_form_group input {
    float: left;
    margin: 0 5px 0 0!important;
    padding: 6px 5px
}

.form_group a,.outside_form_group a {
    padding-bottom: 1px
}

td input {
    margin: 3px 5px 3px 0;
    padding: 3px 5px
}

.form_group .tb_note,.outside_form_group .tb_note {
    top: 6px
}

.tb_note {
    font-size: 1em;
    color: #ff6f00;
    display: inline-block;
    padding: 0 8px;
    position: relative;
    top: 0;
    float: left
}

.txt_balance {
    font-size: 1em;
    color: #ff6f00;
    display: inline-block;
    padding: 0 8px;
    position: relative;
    top: 7px
}

.unavailable {
    font-size: 1.15em;
    color: #ff6f00;
    display: inline-block;
    padding: 0 8px;
    position: relative;
    top: 4px;
    margin-bottom: 10px
}

.pop_info tr td .tb_note {
    top: 0
}

.margin_bottom_5px {
    margin-bottom: 5px!important
}

table span.form_txt {
    display: inline-block;
    position: relative;
    top: 5px;
    float: left;
    margin-right: 8px
}

.form_hd {
    float: right
}

.form_hd span.form_txt {
    margin: 0
}

.form_group {
    padding: 2px 0;
    clear: both;
    min-height: 32px;
    width: 100%
}

.form_group_outside {
    display: inline-block;
    width: 100%;
    margin: 5px 0
}

.outside_form_group {
    display: inline-block;
    padding: 2px 0;
    clear: both;
    min-height: 32px;
    width: 100%;
    margin-left: 10px
}

.tb_os_form_group {
    display: inline-block;
    padding: 2px 0;
    clear: both;
    min-height: 32px;
    width: 100%
}

.form_group span.form_txt {
    max-width: 96%
}

.form_group span.form_txt,.form_group_outside span.form_txt,.form_group_outside_b span.form_txt,.itemsBox span.form_txt,.outside_form_group span.form_txt {
    top: 5px;
    position: relative;
    float: left;
    margin-left: 2px;
    margin-right: 2px;
    left: -3px
}

.form_group_outside a.tb_btn {
    top: 1px;
    padding: 3px 8px 3px 25px!important;
    margin: 0 3px
}

.form_group_outside button.tb_btn {
    top: 1px;
    padding: 5px 8px 5px 5px!important;
    margin: 0 3px
}

.form_group span.form_txt {
    display: inline-block;
    position: relative;
    top: 0;
    float: left;
    margin: 8px 6px;
}

.form_group .img_captcha {
    position: relative;
    top: 5px;
    margin-right: 5px;
    float: left
}

.form_group a,.form_group button {
    float: left;
    margin: 5.5px 3px 0 1px!important;
    font-weight: 600;
}

.form_group.form_group_outside .form_txt {
    top: 8px;
    margin: 0 5px
}

.td_ct_form_group .form_group {
    float: none;
    width: auto;
    padding: 0!important
}

.tb_mul input {
    float: none
}

iframe {
    border: none;
    width: 100%;
    height: 100%
}

textarea {
    font-size: 1em;
    padding: 3px 5px;
    color: #000!important;
    border-radius: 5px;
    display: inline-block;
    position: relative;
    border: 1px solid #c7c7c7!important;
    background: #fff!important;
    width: 99%!important;
    box-shadow: 0 0 10px 2px #EDEDED inset!important
}

input[disabled] {
    filter: inherit!important;
    opacity: 1!important;
    background: #fafafa!important;
    color: #7f7f7f!important;
    border-color: #e2e2e2!important
}

td input[disabled]{
	opacity: 0!important;
}

input:focus {
    border: 0;
    box-shadow: 0 0 3px 0 #ccc!important;
}

.wsize {
    max-width: 1280px;
    margin: 0 auto;
/*     position: relative; */
}

.wrapper .wsize {
    width: 100%;
    min-width: 990px;
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
    padding: 0 15px 0 10px
}

.rwdStyle .wrapper .wsize {
    min-width: inherit
}

.list-text {
    float: right;
    top: 72px;
    right: 10px;
    position: absolute
}

.list-text h4 {
    float: left;
    display: inline-block;
    padding: 2px 5px
}

.list-text ul {
    display: inline-block
}

.list-text ul li {
    display: inline-block;
    float: left
}

.list-text li+li:before {
    content: ' 、 '
}

.list-text ul li a {
    color: #4f4f4f
}

.list-text ul li a:hover {
    color: #0056b3
}

.login_gnav .font-size {
    display: inline-block;
    position: relative;
    float: left;
    top: 2px;
    margin: 3px 0
}

.login_gnav .font-size a {
    display: block;
    width: 22px;
    height: 22px;
    transition: 150ms;
    border-radius: 50%;
    font: 0/0 a
}

.login_gnav .font-size ul {
    position: absolute;
    width: 100%;
    display: none
}

.login_gnav .font-size ul li {
    padding: 0;
    margin: 0;
    background: 0 0
}

.login_gnav .font-size ul.focuson,.login_gnav .font-size:hover ul {
    display: inline-block
}

.login_gnav .font-size ul li a {
    display: block;
    width: 22px;
    height: 22px;
    transition: 150ms;
    background-color: #646464;
    background-repeat: no-repeat;
    background-position: center
}

.login_gnav .font-size a.focuson,.login_gnav .font-size:hover a {
    background-color: #0364d5;
    border-radius: 50% 50% 0 0;
    -moz-border-radius: 50% 50% 0 0;
    -webkit-border-radius: 50% 50% 0 0
}

.login_gnav .font-size li.medium a,.login_gnav .font-size li.small a {
    background-color: #0364d5;
    border-radius: 0
}

.login_gnav .font-size li.large a {
    background-color: #0364d5;
    border-radius: 0 0 50% 50%
}

.login_gnav .font-size li.small a {
    background: url(../../inc/img/font-smail.png) 1px no-repeat #646464
}

.login_gnav .font-size li.medium a {
    background: url(../../inc/img/font-medium.png) 3px no-repeat #646464
}

.login_gnav .font-size li.large a {
    background: url(../../inc/img/font-large.png) 1px no-repeat #646464
}

.login_gnav .font-size ul li.is-active a {
    background-color: #0364d5
}

#Nav {
	position: relative;
    min-height: 63px;
    height: 63px;
    display: block;
    padding: 0;
    -webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,.2);
    box-shadow: 0 3px 5px 0 rgba(0,0,0,.2);
    background: linear-gradient(180deg, rgba(28,78,137,1) 0%, rgba(33,68,110,1) 35%, rgba(40,55,79,1) 100%);
}

#Nav ul.nav_ul {
    display: inline-block;
    width: 100%;
    padding: 0;
    text-align: center;
}

#Nav ul.nav_ul li {
    display: inline-block;
    min-height: 56px;
    width: fit-content;
    padding: 0 1%;
}

#Nav ul.nav_ul li a {
    display: inline-block;
    width: 100%;
    position: relative;
    padding: 17px; 
    text-align: center;
    color: #fff;
    font-size: 1.35em;
    font-weight: 700;
    text-decoration: none;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

#Nav ul.nav_ul li a:hover{
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

#Nav ul.nav_ul li a:hover:after {
    content: "";
    width: 100%;
    height: 6px;
    position: absolute;
    bottom: 0;
    left: 0;
}

#Nav ul.nav_ul li:hover > a::before
{
    content: "";
    width: 0;
    height: 0;
    border: 7px solid;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    position: absolute;
    bottom: 8px;
	/* border-color小箭頭 */
    border-color:  transparent transparent #F29057;
    left: calc(50% - 8px);
    z-index: 999;
}

#Nav ul.nav_ul li ul li {
	float: left;
    width: 25%!important;
    display: inherit;
    min-width: inherit;
    min-height: inherit;
    padding: 2px 0
}

#Nav ul.nav_ul li ul li a:hover {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px
}

#Nav ul.nav_ul li ul li a:hover span {
    color: #40d6da;
}

#Nav ul.nav_ul li ul li a span {
    color: #fff;
}

#Nav ul.nav_ul li ul li:last-child {
    border: none
}

#Nav ul.nav_ul li ul li.submenu_multilayer > a:before {
    content: "";
    font-size: inherit;
    color: inherit;
    position: absolute;
    border: none;
    left: -10px;
     /* 這邊是給箭頭的 */
    top: 4px;
    opacity: 1;
    height: 20px;
    width: 22px;
    margin: 0;
    background: url(../../inc/img/menu_icon_a.png) center center no-repeat;
    display: inline-block!important;
    /* 這邊是讓箭頭旋轉的 */
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

#Nav ul.nav_ul li ul li a:before {
    display: none!important;
}

#Nav ul.nav_ul li ul li.submenu_multilayer > a:before {
    background: url(../../inc/img/menu_icon_b.png) center center no-repeat!important;
    /*增加箭頭圖片亮度*/
    filter: brightness(800%);
}

#Nav ul.nav_ul li ul li.submenu_multilayer > a:hover:before {
    background: url(../../inc/img/menu_icon_b.png) center center no-repeat!important;
    /*增加箭頭圖片亮度*/
    filter: brightness(800%);
     /*     這邊是讓箭頭旋轉的 */
/*     -webkit-transform: rotate(90deg); */
/*     -ms-transform: rotate(90deg); */
/*     -o-transform: rotate(90deg); */
/*     transform: rotate(90deg); */
}

#Nav ul.nav_ul li ul li ul {
    display: none;
    position: relative
}

#Nav ul.nav_ul li ul li ul.current {
    display: grid;
    margin-top: 2px;
}

#Nav ul.nav_ul li ul li ul.current:hover {
    display: grid;
    margin-top: 2px;
}

#Nav ul.nav_ul .submenu_area ul.submenu_list li a:before{
    background: none
}

#Nav ul.nav_ul li ul li ul li a {
    width: 300%;
    text-align: left;
    border: none
}

#Nav ul.nav_ul li ul li ul li a:hover {
    text-decoration: none;
    color: #ED0109 !important;
}

#Nav ul.nav_ul li ul li ul li a:hover span {
/* 	color: #000000; */
/* 	font-size: 0.8em; */
}

#Nav ul.nav_ul li ul li ul li a span {
    color: #fff;
    font-size: 1.1rem
}

#Nav ul.nav_ul li .submenu_area {
    margin: -2px -3% 0 0;
    position: absolute;
    right: 3%;
    width: 100%;
    min-height: 160px;
    background: rgba(44,44,43,.93);
    padding: 1% 0 1% 10%;
    box-shadow: 0 0 3px rgba(0,0,0,.2);
    opacity: 0;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    z-index: -1;
}

#Nav ul.nav_ul li .submenu_area.is-active,
#Nav ul.nav_ul li:hover .submenu_area {
/* 	註解掉margin不讓選單移動 */
    margin-top: -2px;
    -moz-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    z-index: 999;
    opacity: 1;
}

#Nav ul.nav_ul li .submenu_area ul li a:hover:after,
#Nav ul.nav_ul li .submenu_area ul li a:hover:before {
    display: none;
}

#Banner {
    background: #fff;
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0
}

#Banner .wsize img {
    width: 100%
}

#Banner .owl-carousel {
    margin: 0 auto;
    position: relative
}

#Banner .owl-nav {
    width: 100%;
    position: absolute;
    bottom: calc(50% + 20px)
}

#Banner .owl-nav button[type=button] {
    background: 0 0;
    width: 50px;
    height: 50px;
    padding: 10px!important
}

#Banner .owl-nav button[type=button]:hover {
    background: 0 0
}

#Banner .owl-nav button.owl-prev {
    position: absolute;
    left: 1%
}

#Banner .owl-nav button.owl-prev span {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    font-size: 0;
    background: url(../../inc/img/arrows.png) bottom left no-repeat
}

#Banner .owl-nav button.owl-next {
    position: absolute;
    right: 1%
}

#Banner .owl-nav button.owl-next span {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    font-size: 0;
    background: url(../../inc/img/arrows.png) top left no-repeat
}

#Banner .owl-dots {
    position: absolute;
    bottom: 3%;
    left: 2%
}

#Banner .groupmenu {
    position: absolute;
    width: 480px;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 99
}

#Banner .groupmenu .groupmenu_links {
    display: none;
    position: absolute;
    height: 100%;
    width: 100%
}

#Banner .groupmenu .login_area {
    display: none;
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden
}

#Banner .groupmenu .groupmenu_links.on,#Banner .groupmenu .login_area.on {
    display: inline-block
}

#Banner .groupmenu .login_area #tabs {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 75%;
    background: rgba(255,255,255,.5);
    border: 1px solid #fff;
    padding: 10px;
    border-radius: 0
}

#Banner .groupmenu .login_area #tabs.ui-tabs .ui-tabs-nav {
    background: 0 0;
    border: none;
    border-bottom: 1px #ccc solid;
    border-radius: 0
}

#Banner .groupmenu .login_area #tabs.ui-tabs .ui-tabs-nav li {
    width: calc(50% - 1px);
    margin: 1px 1px -1px 0;
    text-align: center;
    border: 1px solid #ccc!important
}

#Banner .groupmenu .login_area #tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    background: #2f81d5;
    border: none!important
}

#Banner .groupmenu .login_area #tabs.ui-tabs .ui-tabs-nav li a {
    width: 100%;
    font-size: 1.2em
}

#Banner .groupmenu .login_area #tabs.ui-tabs .ui-tabs-panel {
    padding: 1em;
    height: calc(100% - 45px)
}

#Banner .groupmenu .login_area #tabs .tabs_row {
    display: inline-block;
    height: 33%;
    width: 100%;
    margin-bottom: 5px;
    text-align: center;
    position: relative;
    max-height: 40px
}

#Banner .groupmenu .login_area #tabs .tabs_row a.forgotpassword {
    position: absolute;
    right: 5px;
    top: 8px
}

#Banner .groupmenu .login_area #tabs .tabs_row input[type=text] {
    width: 100%
}

#Banner .groupmenu ul.groupmenu_links_ul {
    display: inline-block;
    width: 100%;
    height: 100%;
    border-left: 1px solid #fff
}

#Banner .groupmenu ul.groupmenu_links_ul li {
    display: inline-block;
    float: left;
    width: 50%;
    height: 25%;
    border: 1px solid #fff;
    border-top: none;
    border-left: none
}

#Banner .groupmenu ul.groupmenu_links_ul .registered {
    width: 100%
}

#Banner .groupmenu .login_area .registered {
    width: 100%;
    height: 25%;
    border: 1px solid #fff;
    border-top: none;
    border-left: none;
    position: absolute
}

#Banner .groupmenu ul.groupmenu_links_ul li a {
    text-align: left;
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 25px 0 25px 75px;
    background: url(../../inc/img/groupmenu_arrow.png) 92% center no-repeat rgba(0,102,204,.6);
    color: #fff;
    font-size: 1.5em;
    text-decoration: none;
    position: relative;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

#Banner .groupmenu ul.groupmenu_links_ul li a:hover {
    background: url(../../inc/img/groupmenu_arrow.png) 96% center no-repeat rgba(0,102,204,.9);
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

#Banner .groupmenu ul.groupmenu_links_ul .registered a {
    background: rgba(6,182,1,.6);
    text-align: center;
    padding-left: 0
}

#Banner .groupmenu ul.groupmenu_links_ul .registered a:hover {
    background: rgba(6,182,1,.9)
}

#Banner .groupmenu ul.groupmenu_links_ul .registered a svg {
    width: 1.5em;
    height: 1.5em;
    margin-right: 10px;
    margin-top: -5px;
    position: relative;
    top: 5px
}

#Banner .groupmenu .login_area .registered a {
    background: rgba(6,182,1,.6);
    text-align: center;
    padding: 25px 0;
    color: #fff;
    font-size: 1.5em;
    text-decoration: none;
    position: absolute;
    width: 100%;
    height: 100%
}

#Banner .groupmenu .login_area .registered a span {
    transform: translateY(-50%) translateX(-50%);
    top: 50%;
    position: absolute
}

#Banner .groupmenu .login_area .registered a:hover {
    background: rgba(6,182,1,.9)
}

#Banner .groupmenu .login_area .registered a svg {
    width: 1.5em;
    height: 1.5em;
    margin-right: 10px;
    margin-top: -5px;
    position: relative;
    top: 5px
}

#Banner .groupmenu ul.groupmenu_links_ul li a.groupmenu_link:after {
    content: "";
    width: 45px;
    height: 45px;
    position: absolute;
    left: 20px;
    top: calc(50% - 25px)
}

#Banner .groupmenu ul.groupmenu_links_ul li a:after {
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    position: relative;
    top: 0;
    transform: rotate(0deg)
}

#Banner .groupmenu ul.groupmenu_links_ul li a:hover:after {
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    top: 14px;
    transform: rotate(-15deg)
}

#Banner .groupmenu ul.groupmenu_links_ul li a.groupmenu_01:after {
    background: url(../../inc/img/groupmenu_ico01.png) center center no-repeat
}

#Banner .groupmenu ul.groupmenu_links_ul li a.groupmenu_02:after {
    background: url(../../inc/img/groupmenu_ico02.png) center center no-repeat
}

#Banner .groupmenu ul.groupmenu_links_ul li a.groupmenu_03:after {
    background: url(../../inc/img/groupmenu_ico03.png) center center no-repeat
}

#Banner .groupmenu ul.groupmenu_links_ul li a.groupmenu_04:after {
    background: url(../../inc/img/groupmenu_ico04.png) center center no-repeat
}

#Banner .groupmenu ul.groupmenu_links_ul li a.groupmenu_05:after {
    background: url(../../inc/img/groupmenu_ico05.png) center center no-repeat
}

#Banner .groupmenu ul.groupmenu_links_ul li a.groupmenu_06:after {
    background: url(../../inc/img/groupmenu_ico06.png) center center no-repeat
}

#Banner .groupmenu ul.groupmenu_links_ul li a span {
    top: 50%;
    transform: translateY(-50%);
    position: absolute
}

#Banner .groupmenu .login_area .registered a span,#Banner .groupmenu ul.groupmenu_links_ul .registered a span {
    left: 50%;
    transform: translateY(-50%) translateX(-50%)
}

#Banner .owl-carousel .item ul {
    display: inline-block;
    width: calc(100% - 480px);
    position: absolute;
    top: 45%;
    left: 0;
    text-align: center
}

#Banner .owl-carousel .item ul li {
    display: inline-block;
    font-size: 1.7em;
    font-weight: 700;
    margin: 10px 20px;
    color: #333;
    text-shadow: 1px 1px 15px #fff,0 0 1em #fff,0 0 .2em #fff,0 0 40px #fff,0 0 20px rgba(255,255,255,.6),1px 1px 1px #fff
}

.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span {
    background: rgba(42,128,0,0.9);
}

.rwdStyle #Banner {
    padding: 0
}

.rwdStyle #Banner .wsize {
    max-width: inherit
}

#Index-Contact {
    background: #fff;
    background-position: center;
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0 40px
}

#Index-Contact.homeBackground {
	background: url(../../inc/img/homeBackground.png) rgba(256,256,256);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

#Index-Contact.width_full {
    padding: 0
}

#Index-Contact .link_owl {
    width: 100%;
    padding: 0 75px;
    position: relative;
    margin: 3% 0 0;
    max-width: 1270px
}

#Index-Contact .link_owl .item img {
    border: 1px solid #ddd;
    margin-right: 1px!important;
    max-width: 220px!important
}

#Index-Contact .link_owl .owl-nav {
    position: absolute;
    top: -5px;
    width: 100%;
    left: 0
}

#Index-Contact .link_owl .owl-dots {
    display: none
}

#Index-Contact .link_owl .owl-nav.disabled {
    display: block!important
}

#Index-Contact .link_owl .owl-nav button {
    width: 32px;
    height: 32px;
    margin: 0;
    background: #231815;
    border-radius: 50%!important
}

#Index-Contact .link_owl .owl-nav button svg {
    color: #fff;
    display: none
}

#Index-Contact .link_owl .owl-nav .owl-prev {
    position: absolute;
    left: 0px;
    width: 50px;
    height: 53px;
    font-size: 0;
    background: url(../../inc/img/arrows.png) bottom left no-repeat;
    opacity: .7;
    margin-top: 70px;
}

#Index-Contact .link_owl .owl-nav .owl-prev:hover {
    opacity: 1
}

#Index-Contact .link_owl .owl-nav .owl-next {
    position: absolute;
    right: 0px;
    width: 50px;
    height: 50px;
    font-size: 0;
    background: url(../../inc/img/arrows.png) top left no-repeat;
    opacity: .5;
    margin-top: 70px;
}

#Index-Contact .link_owl .owl-nav .owl-next:hover {
    opacity: 1
}

#Index-Contact .content_info #crumb {
    margin-left: 0;
    margin-bottom: 0
}

.index_link_box {
    width: 100%;
    overflow: hidden;
    max-width: 1280px;
    margin: 0 auto
}

.index_link_box li {
    display: inline-block;
    float: left;
    width: 33.33%;
    text-align: center;
    background: #4b3b76;
    padding: 15px 0;
    position: relative
}

.index_link_box li:after {
    content: "";
    position: absolute;
    z-index: 99;
    right: -76px;
    top: 0;
    border: 38px solid;
    border-color: transparent transparent transparent #4b3b76
}

.index_link_box li:first-child {
    background: #00a1cb
}

.index_link_box li:first-child:after {
    border-color: transparent transparent transparent #00a1cb
}

.index_link_box li:last-child {
    background: #c93800
}

.index_link_box li:last-child:after {
    display: none
}

.index_link_box li a {
    display: inline-block;
    text-decoration: none
}

.index_link_box li p {
    font-size: 2em!important;
    font-weight: 700;
    color: #fff;
    z-index: 99;
    position: relative
}

.index_link_box li p:first-letter {
    position: relative;
    padding: 8px 11px;
    background: #fff;
    border-radius: 50%!important;
    color: #4b3b76;
    margin: 0 8px
}

.index_link_box li:first-child p:first-letter {
    color: #00a1cb
}

.index_link_box li:last-child p:first-letter {
    color: #c93800
}

.news_area {
    display: inline-block;
    width: 100%;
/*     background: url(../../inc/img/news_area_bg.jpg) center no-repeat #fff; */
    background-size: cover;
    text-align: center
}

.news_area .video-hold {
    display: inline-table;
    width: 50%;
    position: relative;
    margin: 0 20px;
    height: 300px;
    max-width: 500px;
    text-align: center
}

.news_area div h3 {
    width: 100%;
    text-align: left;
    font-size: 2em;
    color: #fff;
    position: relative;
    margin-top: 5px;
    margin-bottom: 15px
}

.news_area div h3 p {
    display: inline-block;
    position: relative;
    color: #fff;
    font-weight: 400;
    padding: 15px 20px 0
}

.news_area div h3 p svg {
    margin-right: 10px
}

.news_area div ul {
    display: inline-block;
    padding: 0 20px;
    margin-top: 0
}

.news_area div ul li {
    display: inline-block;
    float: left;
    width: 33%;
    padding: 4% 0;
}

.news_area .post_box ul li {
	padding: 2% 0 5%;
}

.news_area div ul li a p {
    display: inline-block;
    color: #fff;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.news_area div ul li a:hover p {
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    color: #c93800;
    text-decoration: none
}

.news_area div ul li p svg {
    width: 5px;
    height: 5px;
    margin: 5px
}

.news_area div ul li:last-child {
    border-bottom: none
}

.news_area div ul li span {
    display: inline-block;
    float: left;
    font-size: 1.2em;
    color: #0265cb;
    font-weight: 700;
    max-width: 65px
}

.news_area div ul li p {
    display: inline-block;
    float: left;
    font-size: 1.1em
}

.news_area div.news_box ul li a {
    float: right;
    width: calc(100% - 50px);
    text-align: left
}

.news_area a.news_more {
    color: #fff;
    font-size: .55em;
    font-weight: 500;
    position: absolute;
    right: 0;
    padding: 12px 20px 0 0
}

.news_area div.news_box .txt_restrictions {
    padding-bottom: 5px
}

.news_area div.news_box .EN {
    margin-top: 3%;
}

.news_area div.news_box .txt_restrictions b {
    float: left;
    margin-right: 10px
}

.news_area div.news_box .txt_restrictions .news_ico {
    background: #c93800;
    color: #fff;
    border-radius: 10px;
    padding: 1px 7px 3px;
    margin-right: 10px;
    font-weight: 300;
    font-size: 1em;
    float: right;
    position: relative;
    line-height: 1em;
    top: 3px
}

.news_area div.news_box .news_tag {
    color: #fff;
    position: relative;
    z-index: 99;
    margin: 10px 0;
    font-weight: 400;
    font-size: 1.03em
}

.news_area div.news_box .news_tag:after {
    content: "";
    width: 40px;
    height: 40px;
    background: rgba(5,55,114,.4);
    position: absolute;
    border-radius: 50%!important;
    z-index: -1;
    left: -6px;
    top: -9px
}

.news_area div.post_box img {
    max-width: 136px;
    width: 80%;
    padding: 0;
    cursor: pointer;
    opacity: 0.95;
    transition: transform 0.3s;
}

.news_area div.post_box img:hover {
	opacity: 1;
	transform: scale(1.05);
}

.news_area div.post_box ul {
	margin-top: 1%;
}

.statistics_area {
    display: inline-block;
    width: 100%
}

.statistics_area div {
    display: inline-block;
    width: 48%;
    float: left;
    margin: 20px 1%;
    padding: 0;
    text-align: center
}

.statistics_area div img {
    margin-top: 20px;
    width: 100%;
    max-width: 440px
}

.statistics_area div h3 {
    width: 100%;
    text-align: center;
    font-size: 2em;
    color: #0066cb;
    position: relative;
    margin-top: -24px
}

.statistics_area div h3 p {
    display: inline-block;
    background: #fff;
    position: relative;
    color: #0066cf;
    font-weight: 700;
    padding: 10px 20px
}

.statistics_area div h3 p svg {
    margin-right: 10px
}

.statistics_area div h3:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #0066cb;
    left: 0;
    top: 49%
}

.thematic_area {
    display: inline-block;
    width: 100%;
    margin-bottom: 50px
}

.thematic_area div {
    display: inline-block;
    width: 98%;
    float: left;
    margin: 20px 1%;
    padding: 0;
    text-align: center
}

.thematic_area div img {
    margin-top: 20px
}

.thematic_area div h3 {
    width: 100%;
    text-align: center;
    font-size: 2em;
    color: #0066cb;
    position: relative;
    margin-top: -24px
}

.thematic_area div h3 p {
    display: inline-block;
    background: #fff;
    position: relative;
    color: #0066cf;
    font-weight: 700;
    padding: 10px 20px
}

.thematic_area div h3 p svg {
    margin-right: 10px
}

.thematic_area div h3:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #0066cb;
    left: 0;
    top: 49%
}

.thematic_area ul {
    display: inline-block;
    width: 100%;
    margin: 20px 0
}

.thematic_area ul li {
    display: inline-block;
    width: 25%;
    float: left;
    padding: 0 1%
}

.thematic_area ul li img {
    display: inline-block;
    width: 100%;
    max-width: 200px;
    cursor: pointer
}

.thematic_area ul li p {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 1.5em;
    color: #585858;
    cursor: pointer
}

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

.openfootoer a {
    display: inline-block;
    padding: 23px 15px 13px;
    margin: 0 auto;
    color: #fff;
    line-height: 13px;
    width: 100px;
    font-size: 1.3em;
    text-indent: 5px;
    position: relative;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.openfootoer a span {
    position: relative;
    z-index: 2
}

.openfootoer a:hover {
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.openfootoer a:after {
    content: "";
    width: 0;
    height: 0;
    border: 47px solid;
    border-radius: 100px 100px 0 0;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    position: absolute;
    border-color: #619c9e;
    bottom: 0;
    left: calc(50% - 44px);
    border-top: 0
}

.openfootoer a:hover:after {
    border-color: #568b8c;
}

.openfootoer a.on {
    display: inline-block
}

.openfootoer a.close {
    display: none
}

h1.title,h2.title {
    width: 100%;
    display: inline-block;
    font-size: 1.3em!important;
    position: relative;
    margin: 10px 0;
    font-weight: 700
}

h3.title {
    width: 100%;
    display: inline-block;
    font-size: 1.1rem!important;
    padding: 7px 0 5px;
    position: relative;
    font-weight: 700
}

h1.title i.ci_t_icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../../inc/img/ui.png) -102px -8px no-repeat;
    position: relative;
    top: 3px
}

h1.title span {
    padding-left: 2px
}

h2.index_title {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 15px 0
}

h2.index_title p {
    display: inline-block;
    font-size: 2em!important;
    padding: 7px 30px 5px 25px!important;
    position: relative;
    font-weight: 400;
    color: #555
}

h2.index_title p:after {
    content: "";
    display: inline-block;
    width: 50px;
    height: 16px;
    background: url(../../inc/img/big_title_l.gif) center center no-repeat;
    position: absolute;
    left: -40px;
    top: 13px
}

h2.index_title p:before {
    content: "";
    display: inline-block;
    width: 50px;
    height: 16px;
    background: url(../../inc/img/big_title_r.gif) center center no-repeat;
    position: absolute;
    right: -35px;
    top: 13px
}

h2.pg_subtit {
    display: block;
    font-size: 1.23em;
    padding: 10px 0;
    position: relative;
    color: #000;
    margin-left: 9px;
    text-align: left;
    line-height: normal!important
}

.ui-helper-hidden h2.title_sub,h2.title_sub {
    display: block;
    font-size: 1.23em;
    padding: 10px 0 10px 25px;
    position: relative;
    color: #000;
    margin-left: 2px;
    text-align: left;
    line-height: normal!important;
    background: url(../../inc/img/title_sub_ico.gif) 6px center no-repeat
}

h2.title_sub .h2_radio_box {
    display: inline-block;
    height: 20px
}

h2.title_sub .h2_radio_box .pui-radiobutton {
    float: left;
    margin-left: 8px;
    margin-right: 8px;
    position: relative;
    top: 3px
}

h2.title_sub .h2_radio_box .form_txt {
    float: left;
    position: relative;
    top: 5px
}

h2.title_sub .veri_err {
    font-size: 1em;
    margin-left: 5px
}

h2.title_sub .datetime {
    font-size: 1em;
    position: relative;
    top: 5px;
    float: right
}

.veri_err {
    color: red!important
}

.ui-helper-hidden h2 i.ci_t_icon_sub,h2 i.ci_t_icon_sub {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../../inc/img/ui.png) -132px -8px no-repeat;
    position: relative;
    top: 3px
}

.pagination_box {
    display: inline-block;
    width: 100%;
    border: 1px solid #e2e3e3;
    border-radius: 4px!important;
    margin: 5px 0
}

.pag {
    background: 0 0!important;
    padding: 12px;
    border-radius: 4px!important;
    margin: 0;
    text-align: center;
    display: inline-block;
    width: 100%
}

.pag nav {
    display: inline-block
}

.pag nav .pagination {
    margin: 0
}

.pag nav .pagination .page-item.first,.pag nav .pagination .page-item.last,.pag nav .pagination .page-item.next,.pag nav .pagination .page-item.prev {
    font-size: 0
}

.pag nav .pagination .page-item.first a,.pag nav .pagination .page-item.last a,.pag nav .pagination .page-item.next a,.pag nav .pagination .page-item.prev a {
    padding: 6px 15px;
    min-width: 34px;
    min-height: 34px
}

.pag nav .pagination .page-item.prev {
    margin-right: 6px
}

.pag nav .pagination .page-item.next {
    margin-left: 6px
}

.pag nav .pagination .page-item.first a {
    background: url(../../inc/img/pagination_ico.png) no-repeat
}

.pag nav .pagination .page-item.prev a {
    background: url(../../inc/img/pagination_ico.png) -30px 0 no-repeat
}

.pag nav .pagination .page-item.next a {
    background: url(../../inc/img/pagination_ico.png) -60px 0 no-repeat
}

.pag nav .pagination .page-item.last a {
    background: url(../../inc/img/pagination_ico.png) -90px 0 no-repeat
}

.itemsBox {
    display: inline-block;
    float: right;
    position: relative;
    top: 3px
}

.itemsBox p {
    display: inline-block;
    float: left;
    position: relative;
    top: 7px;
    margin-right: 8px
}

.btnBox {
    text-align: center!important;
    background: #e4f2f3;
    padding: 10px 0;
    margin: 10px 0px;
    display: inline-block;
    width: 100%;
    border-radius: 5px
}

.btnBox .popgroup {
    float: none!important
}

.btnBox p.demo_link {
    margin: 10px 0 0
}

.btnBox .btn {
    padding: 7px 24px
}

.btnBox .btn.btn_big {
    padding: 10px 20px;
    font-size: 1.2em!important;
    margin: 5px
}

.btn {
    background: #048aae;
    color: #fff!important;
    border: none!important;
    border-radius: 3px;
    display: inline-block;
    font-size: .9em!important;
    padding: 6px;
    text-decoration: none!important;
    margin: 0 1px;
    font-weight: 500;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.btn:hover {
    background: #036e8b;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

#loginButton {
	background: #f28157;
}

#loginButton:hover {
	background: #d9744e;
}

.headerBtn {
    background: #048aae;
    color: #fff!important;
    border: none!important;
    border-radius: 3px;
    display: inline-block;
    font-size: .9em!important;
    padding: 6px;
    text-decoration: none!important;
    margin: 0 1px;
    font-weight: 500;
    line-height: 1.3;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.accordion {
	margin-bottom: 1.5%;
}

/* 20190617 kitty update css */
button[disabled] {
    background: #E6E6E6!important;
    color: #655f5f!important;
    border-radius: 4px;
    border: none;
    display: inline-block;
    font-size: 1em!important;
/*     padding: 3px 5px; */
    text-decoration: none!important;
/*     margin: 0 1px; */
    font-weight: 600;
    cursor: default!important;
    opacity: 1;
}
/* 20190617 kitty update css end*/
button:hover[disabled] {
    background: #E6E6E6!important;
    border: 1px solid #E6E6E6;
    color: #655f5f!important;
}
.btn span,.btn_disabled span {
    padding: 0;
    display: inline-block
}

.btn svg {
    width: 1.3em!important;
    height: 1.3em!important;
    margin: 0 0 0 5px;
    top: 2px;
    position: relative
}

.tb_btn {
    border-radius: 4px!important;
    color: #4b3b76;
    font-size: .9em!important;
    padding: 8px!important;
    text-decoration: none!important;
    background: #fff;
    border: 1px solid #4b3b76;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    display: inline-block;
    min-width: 34px;
    margin: 3px 5px
}

.tb_btn:hover {
    background: #6a7985 !important;
    border: 1px solid #6a7985;
    color: #fff!important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.tb_btn svg {
    width: 1.5em!important;
    height: 1.5em!important
}

.tb_btn .btn-icon {
    width: 20px;
    display: inline-block;
    top: 3px;
    position: relative;
    height: 20px;
    float: left
}

.tb_btn .fa {
    display: inline-block;
    font-size: 1.2em;
    padding: 3px;
    position: relative;
    top: 1px
}

.tb_btn .btn-txt,button.tb_btn span.ui-button-text {
    padding-left: 0;
    font-weight: 600;
}

button.tb_btn span.ui-button-text {
    margin-left: 3px!important
}

.tb_btn.iconright .btn-txt,button.tb_btn.iconright span.ui-button-text {
    margin: 0 0 0 5px!important
}

.btn_txt_only .btn-txt,button.tb_btn.btn_txt_only .ui-button-text {
    margin: 3px 5px!important
}

button.tb_btn span.ui-button-text {
    float: left
}

.tb_btn.btn_icon_only {
    padding: 4px 5px!important
}

.btn_icon_only .btn-txt,button.btn_icon_only span.ui-button-text {
    display: none
}

.tb_btn.btn_txt_only {
    padding: 4px 5px!important
}

.btn_txt_only i.fa {
    display: none
}

.btn_icon_only .fa {
    padding: 2px 3px!important
}

.fileupload_area {
    display: inline-block;
    width: 100%;
    padding: 15px;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #e2e3e3!important
}

.fileupload_area table {
    margin: 15px 0
}

.fileupload_area .fileupload_title {
    font-size: 1.5em;
    font-weight: 600;
    margin-bottom: 20px
}

.fileupload_area .table-striped tr td {
    background: #f1f1f1!important;
    vertical-align: middle
}

.fileupload_area .table-striped tr td .progress {
    margin: 5px 0;
    box-shadow: none;
    background: #fff;
    border: 1px solid #ccc
}

.agreement {
    display: inline-block;
    width: 100%;
    margin: 10px 0;
    border-radius: 5px;
    overflow: hidden
}

.agreement h1 {
    font-size: 1.2em;
    padding: 15px;
    border-right: 1px #e2e3e3 solid!important;
    border-left: 1px #e2e3e3 solid!important;
    /*background: url(../../inc/img/th_bk.gif) center top repeat-x #f4f4f4!important;*/
    line-height: 1.5em;
    text-align: left;
    border-bottom: #e2e3e3 1px solid;
    font-weight: 700;
    border-top: 3px solid #4b3b76;
    background: #f4f4f4;
}

.agreement h2 {
    font-size: 1.1em;
    margin: 3px 0;
    font-weight: 700
}

.agreement p {
    padding-left: 40px;
    display: inline-block;
    margin: 3px 0;
    font-size: 1em;
    line-height: 1.8em
}

.agreement ul {
    display: inline-block;
    list-style: decimal;
    width: 100%;
    margin-bottom: 10px
}

.agreement ul li {
    display: list-item;
    list-style: decimal;
    margin: 3px 0 5px 55px;
    font-size: 1.1em;
    line-height: 1.5em
}

.agreement_con {
    border: 1px solid #e2e3e3!important;
    padding: 20px;
    background: #fff;
    text-align: left;
    line-height: 1.5em
}

.agreement_con dl {
    margin-bottom: 20px
}

.agreement_con dt {
    font-weight: 700
}

.agreement_con dd {
    margin-left: 28px;
    margin-top: -20px
}

.agreement_con dd.m {
    margin-left: 50px;
    margin-top: -20px;
    margin-bottom: 15px
}

.agreement_con input {
    float: inherit;
    margin: 3px 5px;
    padding: 3px 5px
}

.agreement_con p.note {
    color: #1591dd;
    font-size: .92em!important;
    margin: 0!important;
    line-height: 1.2em!important;
    padding: 0!important
}

.agreement_con table {
    margin: 10px 0
}

.agreement_con fieldset {
    position: relative;
    top: -2px;
    display: inline-block
}

.agreement.mobile_hidden,.agreement_con .checkbox {
    display: inline-block
}

.page_btn_area {
    display: inline-block;
    width: 100%;
    padding: 0;
    margin: 0 0 10px
}

.page_btn_area .btn {
    float: left
}

.page_btn_area .btn.search_box_btn {
    float: right;
    padding: .65em .69em .55em
}

.page_btn_area .btn.search_box_btn svg {
    width: 1.2em;
    height: 1.2em
}

.page_btn_area .btn path {
    color: #fff!important
}

.info_txt_area .page_btn_area {
    width: calc(100% + 20px);
    margin: 0 -10px
}

.info_txt_area .btnBox {
    width: calc(100% + 20px);
    margin: 10px -10px
}

.page_search_box {
    display: none;
    width: 100%;
    background: #f6f6f6;
    padding: 10px;
    margin: 0 0 10px;
    border-radius: 5px;
    border: 1px solid #e2e3e3
}

.page_search_box.page_search_box_open {
    display: inline-block
}

.page_search_box div.div_sg .div_group p {
    font-size: inherit;
    line-height: inherit
}

.info_txt_area .page_search_box {
    width: calc(100% + 20px);
    margin: 0 -10px 10px
}

.info_txt_area .page_search_box .btnBox {
    margin-bottom: 10px
}

.search_tags_area {
    display: inline-block;
    width: 100%;
    margin: 5px 0
}

.info_txt_area .search_tags_area {
    width: calc(100% + 20px);
    margin: 0 -10px
}

.search_tags_area ul {
    display: inline-block;
    width: 100%
}

.search_tags_area ul li {
    display: inline-block;
    float: left;
    margin: 0 5px 5px 0!important
}

.search_tags_area ul li a {
    display: inline-block;
    padding: 8px 10px;
    border: 1px solid #b6b6b6;
    background-color: #fff;
    color: #343434;
    border-radius: 0 4px 4px;
    text-align: center;
    text-decoration: none;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    position: relative
}

.search_tags_area ul li a:before {
    content: "";
    width: 0;
    height: 0;
    border: 6px solid;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
    position: absolute;
    top: -7px;
    left: -7px;
    border-color: transparent #ed6e00 transparent transparent;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.search_tags_area ul li a.active {
    background: #ed6f01;
    color: #fff;
    border-color: #ed6f01
}

.search_tags_area ul li a.active:before {
    content: "";
    width: 0;
    height: 0;
    border: 5px solid;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
    position: absolute;
    top: -5px;
    left: -5px;
    border-color: transparent #fff transparent transparent;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.search_tags_area ul li a:hover {
    color: #ed6f01;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.search_tags_area ul li a.active:hover {
    color: #fff
}

.message_note {
    display: inline-block;
    width: 100%;
    position: relative
}

.message_note .note_left {
    display: inline-block;
    float: left
}

.message_note .note_date {
    display: inline-block;
    float: right
}

.info_txt_area .message_note p,.message_note p {
    padding: 0;
    font-size: 1em;
    line-height: 1.5em;
    color: #ed6f01
}

.info_txt_area {
    border-top: 1px #666 solid!important;
    padding: 10px;
    background: #fff;
    text-align: left;
    display: inline-block;
    width: 100%
}

.info_txt_area h2 {
    font-size: 1.06em;
    margin: 15px 0 10px;
    font-weight: 700;
    display: inline-block;
    width: 100%;
    line-height: 1.5em
}

.info_txt_area h2:first-child {
    margin-top: 0
}

.info_txt_area h3 {
    font-size: 1.06em;
    margin: 5px 0 0;
    font-weight: 700;
    display: inline-block;
    width: 100%
}

.info_txt_area p {
    font-size: 1em;
    line-height: 1.8em;
    padding: 5px 0;
    text-align: left;
    display: inline-block
}

.info_txt_area ul {
    display: inline-block;
    list-style: decimal;
    width: 100%;
    margin-bottom: 10px
}

.info_txt_area ul li {
    display: list-item;
    margin: 0 0 10px 15px;
    font-size: 1.06em;
    line-height: 1.5em
}

.info_txt_area ul li h3,.info_txt_area ul li ul li h3 {
    font-size: 1em
}

.info_txt_area ul li p {
    padding: 5px 0 0 11px
}

.info_txt_area ul li ul {
    margin-top: 5px;
    margin-bottom: 0
}

.info_txt_area ul li ul li ul {
    margin-top: 7px
}

.info_txt_area ul.pagination li {
    font-size: 1em
}

.info_txt_area .pagination_box {
    width: calc(100% + 20px);
    margin: 0 -10px
}

.info_txt_area .info_box .pagination_box {
    width: 100%;
    margin: 0
}

.info_box {
    border: 1px solid #e2e3e3;
    border-radius: 4px!important;
    padding: 15px;
    background: #fff;
    display: inline-block;
    width: calc(100% + 20px);
    margin: 0 -10px
}

.info_box img {
    max-width: 100%
}

.info_box ul {
    display: inline-block;
    margin: 10px 0;
    width: 100%
}

.info_box ul li {
    display: inline-block;
    float: left;
    margin: 3px 0;
    width: 100%;
    padding: 3px 8px 3px 15px
}

.info_box ul li a {
    padding: 3px 6px 3px 0
}

.info_box ul li a svg,.info_box ul li svg {
    margin-right: 5px
}

.info_box ul li a:hover svg path {
    color: #ed6f01
}

.info_box .txt_des {
    padding: 5px
}

.info_box .txt_des p {
    padding: 0;
    line-height: 1.5em
}

.info_box .txt_des ul.step_box {
    margin: 0
}

.info_box .txt_des ul.step_box li {
    padding: 0;
    margin: 3px 0 5px 15px
}

.info_box .txt_des ul.step_box li span.txt_des_step {
    display: inline-block;
    border: 1px solid #ed6f01;
    padding: 10px;
    color: #ed6f01;
    float: left;
    margin-top: 5px;
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: 1.2em;
    font-weight: 700;
    width: 100px;
    text-align: center
}

.info_box .txt_des ul.step_box li p {
    width: calc(100% - 110px);
    float: right;
    padding-right: 20px;
    padding-bottom: 20px
}

.info_box .txt_des ul.step_box li p b {
    color: #000
}

.info_box ul.pagination li a {
    padding: 6px 12px
}

.info_box .btnBox {
    width: 100%;
    margin: 10px 0
}

.info_txt_area .info_box .typetable_footer .downloadBox li a.dl_icons {
    padding: 0;
    width: auto;
    height: auto
}

.sitemap_ul {
    display: inline-block;
    width: 100%;
    border: 1px solid #e2e3e3;
    border-radius: 4px!important;
    margin: 0!important;
    box-shadow: 0 0 20px rgba(0,0,0,.08)
}

.sitemap_ul li {
    display: inline-block;
    width: 100%;
    float: left;
    font-size: 1em
}

.sitemap_ul>li {
    background: url(../../inc/img/big_title_l.gif) 15px 20px no-repeat;
    background-size: 5px;
    margin: 0!important
}

.sitemap_ul li a {
    border-bottom: 1px solid #e2e3e3;
    width: 100%;
    display: inline-block;
    font-size: 1em;
    background: #f4f4f4;
    padding: 8px 15px!important;
    border-radius: 4px 4px 0 0!important
}

.sitemap_ul>li>a {
    background: 0 0;
    margin-bottom: 3px;
    font-size: 1.06em;
    font-weight: 700;
    color: #555
}

.sitemap_ul li ul {
    padding-left: 30px
}

.sitemap_ul li ul li {
    font-size: 1em;
    margin: 0;
    padding: 0 0 8px
}

.messign_info {
    display: inline-block;
    width: 100%
}

.messign_info .messign_info_title {
    font-size: 1.5em;
    margin-bottom: 0;
    padding-bottom: 5px
}

.messign_info svg {
    margin-right: 5px;
    color: #ed6f01
}

.messign_info .messign_info_date {
    font-size: 1em;
    padding: 0 0 10px;
    width: 100%;
    border-bottom: 1px #e2e3e3 solid;
    text-align: left;
    display: inline-block;
    margin-bottom: 10px
}

.messign_info .messign_info_date p {
    padding: 0;
    font-size: 1em;
    color: #ed6f01
}

.messign_info .messign_feedback {
    border-radius: 4px!important;
    background: #f2f2f2;
    padding: 15px;
    margin-top: 20px;
    margin-left: 50px;
    border: 1px solid #e2e3e3;
    position: relative
}

.messign_info .messign_feedback:after {
    content: "";
    width: 0;
    height: 0;
    border: 12px solid;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
    position: absolute;
    left: -35px;
    border-color: transparent transparent transparent #e2e3e3;
    top: calc(50% - 12px)
}

.messign_info .messign_feedback p {
    padding: 0
}

.download_info {
    display: inline-block;
    width: 100%
}

.download_info .download_info_title {
    font-size: 1.5em;
    margin-bottom: 0;
    padding-bottom: 5px
}

.download_info svg {
    margin-right: 5px;
    color: #ed6f01
}

.download_info .download_info_date {
    font-size: 1em;
    padding: 0 0 10px;
    width: 100%;
    border-bottom: 1px #e2e3e3 solid;
    text-align: left;
    display: inline-block;
    margin-bottom: 10px
}

.download_info .download_info_date p {
    padding: 0;
    font-size: 1em;
    color: #ed6f01
}

.download_info .download_files {
    border-radius: 4px!important;
    background: #fff;
    padding: 15px;
    margin-top: 20px;
    margin-left: 50px;
    border: 1px solid #e2e3e3;
    position: relative
}

.download_info .download_files:after {
    content: "";
    width: 0;
    height: 0;
    border: 12px solid;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
    position: absolute;
    left: -35px;
    border-color: transparent transparent transparent #e2e3e3;
    top: calc(50% - 12px)
}

.download_info .download_files p {
    padding: 0
}

.download_info .download_files ul li {
    position: relative;
    list-style-type: decimal
}

.pics_area {
    display: inline-block;
    width: 100%
}

.pics_area ul {
    display: inline-block;
    padding: 10px;
    width: 100%;
    margin: 10px 0
}

.pics_area ul li {
    float: left;
    width: calc(33.33% - 10px);
    margin: 0 5px;
    border: none!important
}

.pics_area ul li a {
    display: inline-block;
    background: #fff;
    padding: 5px;
    border: 1px solid #ccc
}

.pics_area ul li a img {
    width: 100%
}

.download_area {
    display: inline-block;
    width: 100%
}

.download_area ul {
    display: inline-block;
    padding: 10px;
    width: 100%;
    margin: 10px 0
}

.download_area ul li {
    float: left;
    width: calc(25% - 10px);
    margin: 0 5px;
    border: none!important
}

.download_area ul li a {
    display: inline-block;
    background: #fff;
    padding: 5px;
    text-decoration: none
}

.download_area ul li a:hover span {
    color: #0066cb;
    text-decoration: underline
}

a.download_style {
    display: block;
    float: left
}

.moica_cardreader {
    display: inline-block;
    margin: 0 0 10px;
    width: 100%
}

.moica_cardreader img {
    width: 300px;
    float: left
}

.moica_cardreader ul {
    width: calc(100% - 300px);
    float: right
}

.consent_box {
    display: block;
    padding: 10px;
    border: 1px solid #e2e3e3;
    margin: 5px 0;
    background: #fff
}

.consent_box p {
    display: inline-block;
    line-height: 1.5em;
    font-size: 1em;
    text-align: center;
    width: 100%;
    border-top: 1px #e2e3e3 dashed;
    border-bottom: 1px #e2e3e3 dashed;
    background: #F5F5F5;
    padding: 10px 10px 5px
}

.consent_box p span.phone {
    color: #ed6f01
}

.list_box {
    display: inline-block;
    width: calc(50% - 10px);
    margin: 5px;
    float: left;
    padding: 10px;
    border: 1px solid #d2d2d2;
    position: relative;
    min-height: 150px
}

.list_box h2 {
    width: 100%;
    display: inline-block;
    padding: 0 0 10px;
    text-align: center;
    border-bottom: 1px #eee solid;
    font-size: 1.12em;
    color: #000;
    position: relative
}

.list_box h2:before {
    content: "";
    width: 0;
    height: 0;
    border: 6px solid;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
    position: absolute;
    bottom: -12px;
    border-color: #ed6e00 transparent transparent;
    left: calc(50% - 6px)
}

.list_box ul {
    border: none;
    padding: 0;
    margin: 0
}

.list_box ul li {
    width: 100%!important;
    padding-bottom: 10px
}

.list_box ul li:last-child {
    border-bottom: none
}

.list_box p {
    padding: 0 5px;
    line-height: 1.5em
}

.list_box span.note {
    padding: 0 5px;
    margin: 15px 0 10px;
    display: inline-block;
    color: #349adb
}

.list_box_b {
    display: inline-block;
    width: calc(50% - 10px);
    margin: 5px;
    float: left;
    padding: 10px;
    border: 1px solid #d2d2d2;
    position: relative;
    min-height: 160px
}

.list_box_b:after {
    content: "";
    width: 0;
    height: 0;
    border: 6px solid;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
    position: absolute;
    top: -7px;
    left: -7px;
    border-color: transparent #ed6e00 transparent transparent;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.list_box_b h2 {
    width: 100%;
    display: inline-block;
    padding: 0 0 10px;
    text-align: left;
    border-bottom: 1px #eee solid;
    font-size: 1.12em;
    color: #000;
    position: relative
}

.list_box_b ul {
    border: none;
    padding: 0;
    margin: 0
}

.list_box_b ul li {
    width: 100%!important;
    padding-bottom: 10px
}

.list_box_b ul li:last-child {
    border-bottom: none
}

.list_box_b p {
    padding: 0 5px;
    line-height: 1.5em;
    margin-bottom: 5px;
    width: 100%;
    word-wrap: break-word
}

.list_box_b a {
    padding: 5px 0 0 5px!important;
    display: inline-block;
    margin-bottom: 5px
}

.list_box_b span.note {
    padding: 0 5px;
    margin: 10px 0;
    display: inline-block;
    color: #349adb
}

.list_box_c {
    display: inline-block;
    width: calc(50% - 10px);
    margin: 5px;
    float: left;
    padding: 10px;
    border: 1px solid #d2d2d2;
    position: relative;
    box-shadow: 0 0 15px rgba(0,0,0,.08);
    border-radius: 0 0 5px 5px!important
}

.list_box_c h2 {
    width: 100%;
    display: inline-block;
    padding: 0 0 10px;
    text-align: center;
    border-bottom: 1px #eee solid;
    font-size: 1.12em;
    color: #000;
    position: relative
}

.list_box_c h2:before {
    content: "";
    width: 0;
    height: 0;
    border: 6px solid;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
    position: absolute;
    bottom: -12px;
    border-color: #ed6e00 transparent transparent;
    left: calc(50% - 6px)
}

.list_box_c h2 b {
    font-size: 2.5em;
    margin-bottom: 10px;
    display: inline-block
}

.list_box_c h2 a {
    display: inline-block;
    width: 100%;
    padding: 10px 0;
    text-decoration: none;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.list_box_c h2 a:hover * {
    color: #ed6f01;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.list_box_c ul {
    border: none;
    padding: 0;
    margin: 0
}

.list_box_c ul li {
    width: 100%!important
}

.list_box_c ul li:last-child {
    border-bottom: none
}

.list_box_c p {
    padding: 0 5px;
    line-height: 1.5em
}

.list_box_c span.note {
    padding: 0 5px;
    margin: 15px 0 10px;
    display: inline-block;
    color: #349adb
}

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

.list_box_d {
    display: inline-block;
    width: calc(33.33% - 15px);
    margin: 5px;
    padding: 10px;
    border: none;
    position: relative;
    background: 0 0;
    box-shadow: 0 0 15px rgba(0,0,0,0);
    border-radius: 0!important;
    text-align: center;
    max-width: 350px;
    vertical-align: top
}

.list_box_d img {
    margin: 20px auto 0
}

.list_box_d h2 {
    width: 100%;
    display: inline-block;
    padding: 15px 0 30px;
    text-align: center;
    font-size: 1.15em;
    color: grey;
    position: relative
}

.list_box_d h2:before {
    content: "";
    width: 0;
    height: 0;
    border: 6px solid;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
    position: absolute;
    bottom: 0;
    border-color: #c5c5c5 transparent transparent;
    left: calc(50% - 6px)
}

.list_box_d h2 b {
    font-size: 1.56em;
    line-height: 1.2em;
    display: inline-block;
    color: #4b4b4b;
    margin-bottom: 10px
}

.list_box_d ul {
    border: none;
    padding: 0;
    margin: 0
}

.list_box_d ul li {
    width: 100%!important
}

.list_box_d ul li:last-child {
    border-bottom: none
}

.tax_box .btnBox {
    background: 0 0;
    margin-top: 20px
}

.tax_box .btnBox .btn.btn_big {
    background: #0364d5!important;
    width: 100%;
    max-width: 210px;
    border-radius: 50px!important;
    padding: 8px 0;
    margin: 5px 20px
}

.tax_box .btnBox .btn.btn_big:hover {
    background: #ed6f01!important
}

div.div_sg {
    display: inline-block;
    width: 100%;
    border-top: none;
    overflow: hidden;
    margin-bottom: 5px
}

div.div_sg .div_group {
    display: table;
    width: 100%;
    text-align: left;
    padding: 0;
    margin: 0;
    border: 0.8px solid #ddd;
    position: relative;
    overflow: hidden
}

div.div_sg .div_group+.div_group {
    border-top: 0
}

div.div_sg .div_hd {
    display: table-cell;
    width: 20%;
    text-align: right;
    padding:6px 10px 0px 1px!important;
    position: relative;
    vertical-align: middle;
    letter-spacing: 0;
    line-height: 1;
}

div.div_sg .div_info {
    display: table-cell;
    width: 80%;
    text-align: left;
    padding: 0 1%;
    background: #fff;
    margin-left: 0;
    position: relative;
    z-index: 2
}

div.div_sg .div_info .scroll_table .tb_mul {
    min-width: 100%
}

div.div_sg .div_info .scroll_table .tb_mul input {
    width: 100%
}

div.div_sg .div_info fieldset {
    padding: 0;
    margin: 0
}

div.div_sg .div_info .form_group .checkbox label:after {
    left: 1px
}

div.div_sg .div_group p.note {
    line-height: 1.5em!important;
    width: 100%
}

div.div_sg input {
    margin: 3px 5px 3px 0;
    padding: 3px 5px;
    font-size: 1em;
    text-align: left;
    background: #fff!important;
    border-radius: 5px;
    display: inline-block;
    position: relative;
    float: left;
    border: 1px solid #c7c7c7!important;
    color: #000!important;
    height: 30px;
    width: 80%;
    max-width: 150px;
}

div.div_sg input:hover , div.div_sg select:hover , .checkbox:hover{
	background: #87CEFA !important;
}

div.div_sg input.read {
    background: #feffc9!important
}
/*2019/06/14 kitty update css*/
input.read {
    background: #feffaf!important
}
/*2019/06/14 kitty update css end*/
div.div_sg input[type=radio] {
    height: auto!important
}

.form_group select,div.div_sg select {
    float: left;
	margin: 5px 5px 0px 0px;
    max-width: 100%
}

/* 雙欄位下拉對齊 align two column */
div.div_info.alignTwoCol .form_group select {
	margin-top: 0px;
}

div.div_sg .input-group.date {
    max-width: 116px;
    margin: 3px 0;
    float: left;
}

div.div_sg .input-group.date input {
    border-right: none!important;
    height: 32px;
    margin: 0;
}

div.div_sg .input-group.date .input-group-addon {
    padding-top: 6px;
    padding-right: 22px;
    float:left;
}

div.div_sg .div_info .form_group span.form_txt {
    display: inline-block;
    position: relative;
    top: 0;
    float: left;
    margin: 14px 6px 10px;
}

div.div_sg .div_info .form_group .input-group.date {
    margin: 0 5px 0 0
}

div.div_sg .div_info .input-group-addon {
    background: #fff;
    border-left: none!important
}

div.div_sg.four_td .div_hd {
    width: 14%;
    background: #86b3d0;
    z-index: 2;
    border-left: 4px solid #F29057;
}

div.div_sg.four_td .team_group .div_hd:after {
    background-color: #f7f7f7
}

div.div_sg.four_td .div_hd.cos_td {
    left: 0;
    background: url(../../inc/img/th_bk.gif) -2px repeat-y #f9f9f9;
    z-index: 2
}

div.div_sg.four_td .div_group.team_group {
    margin: 5px 0;
    border-top: 1px #eaeaea solid;
    border-bottom: 1px #eaeaea solid
}

div.div_sg.four_td .div_group.team_group:first-child {
    margin-top: 0
}

div.div_sg.four_td .div_group.team_group:last-child {
    margin-bottom: -1px
}

div.div_sg.four_td .div_group.team_group+.team_group {
    margin-top: 0
}

div.div_sg.four_td .div_group.team_group div.div_hd {
    background: url(../../inc/img/th_bk.gif) -2px repeat-y #f9f9f9
}

div.div_sg.four_td .div_group.team_group div.div_hd:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    background: #ececec;
    height: 1000%
}

div.div_sg.four_td .div_group.team_group div.div_hd:first-child {
    background: #f4f4f4
}

div.div_sg.four_td .div_group.team_group div.div_hd:first-child:after {
    background: url(../../inc/img/th_bk.gif) -2px repeat-y #f4f4f4;
    z-index: -1
}

div.div_sg.four_td .div_group.team_group div.div_hd:first-child:before {
    display: none
}

div.div_sg.four_td .div_group.team_group div.div_hd.cos_td {
    background: #f7f7f7
}

div.div_sg.four_td .div_group.team_group div.div_hd.cos_td:after {
    background: #ececec
}

div.div_sg.four_td .div_hd.cos_td:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    background: #F29057;
    height: 1000%;
    z-index: 2
}

div.div_sg.four_td .div_hd.cos_td:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #86b3d0;
    height: 1000%;
    z-index: -1
}

div.div_sg.four_td .div_info {
    width: 36%;
    margin-left: 0
}

div.div_sg .div_info:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1000%;
    background: #fff;
    left: 0;
    z-index: -1
}

div.div_sg.four_td .div_info.cos_none {
    width: 86%
}

div.div_sg.four_td .div_info .ui-selectmenu-button.ui-button {
    margin: 3px 0;
    float: left
}

div.div_sg.four_td .div_info .tb_btn.btn_icon_only {
    max-width: 30px;
    max-height: 30px;
    margin: 3px 2px!important;
    padding: 5px!important;
    min-width: inherit!important
}

div.div_sg div .checkbox {
    margin: 4px 0
}

div.div_sg div .checkbox label::before {
    top: 2px
}

div.div_sg div.checkbox label::after {
    top: 0;
    left: -1px
}

div.div_sg label {
    text-align: right;
    display: inline-block;
}

div.div_sg .div_hd label {
    padding: 8px 0;
}

.div_info .form_group .form_txt label {
	padding-top: 5px;
}

div.div_sg .radio.radio-inline {
    margin: 8px 0
}

div.div_sg .div_info .form_group {
    padding: 0px 0px 0px 0px;
}

div.div_sg .div_info .form_group .checkbox {
    margin: 5px 0;
    float: left
}

div.div_sg .div_info.cos_td .form_group .checkbox {
    margin: -2px 0;
    float: left
}

div.div_sg .div_info .form_group .ui-selectmenu-button.ui-button {
    margin: 3px;
    min-height: 30px
}

div.div_sg .div_info .form_group .radio.radio-inline {
    margin: 10px 5px 0px;
    float: left
}

div.div_sg .div_info.withoutText .form_group .radio.radio-inline {
    margin-top: 5px;
}

@-moz-document url-prefix() {
    div.div_sg .div_info .form_group span.form_txt {
        min-height: 20px!important
    }

    div.div_sg .div_info .form_group input {
        min-height: 30px!important
    }

    div.div_sg .div_info .form_group .ui-selectmenu-button.ui-button {
        max-height: 30px!important
    }
}

@media (max-width: 719px) {
    .result_area div.div_sg .div_hd,.result_area div.div_sg.four_td .div_hd,div.div_sg .div_hd,div.div_sg.four_td .div_hd {
        width:100%;
        text-align: left;
        position: relative;
        top: 0;
        transform: translateY(0)
    }

    .result_area div.div_sg .div_info,.result_area div.div_sg.four_td .div_info,.result_area div.div_sg.four_td .div_info.cos_none,div.div_sg .div_info,div.div_sg.four_td .div_info,div.div_sg.four_td .div_info.cos_none {
        width: 100%;
        margin: 0
    }

    .result_area div.div_sg.four_td .div_hd.cos_td,div.div_sg.four_td .div_hd.cos_td {
        left: 0
    }

    div.div_sg.four_td .div_group.team_group {
        margin: 0
    }

    div.div_sg input {
        width: 100%
    }

    div.div_sg .input-group.date {
        max-width: inherit
    }

    div.div_sg .div_info .form_group span.form_txt {
        width: 100%
    }
}

div.result_area {
    position: relative;
    overflow: inherit!important;
    margin-top: 20px;
    margin-bottom: 10px
}

div.result_area div.result_area {
    margin-top: 10px
}

div.result_area h2.title_sub {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 20px
}

div.result_area:after {
    content: "";
    width: 100%;
    position: absolute;
    height: 1px;
    top: -20px;
    left: 0;
}

div.result_area div.result_area:after {
    border: none
}

div.result_area .div_sg {
    position: relative;
    overflow: inherit;
    margin-top: 0;
    /*background: url(../../inc/img/th_result_area_bk.gif) -2px repeat-y #fff7e8;*/
    background: url(../../inc/img/th_result_area_bk_ct.gif) -2px repeat-y #F0FFF0;
}

div.div_group .div_info .radio_set {
    display: none
}

div.div_group .div_info .radio_set.on {
    display: inline-block
}

div.div_sg .star {
    line-height: 1px
}

table.tb_sg {
    background: #f2f3f2;
    border: 1px solid #e2e3e3;
    border-collapse: inherit
}

.tb_sg td {
    padding: 4px 10px;
    border-bottom: 1px #eaeaea solid;
    background: #fff
}

.tb_sg td fieldset {
    padding: 4px 0
}

.tb_sg tr:last-child td {
    border-bottom: none
}

.hd.bt_line,.tb_sg .bt_line td {
    border-bottom: 2px #d3d1d1 solid
}

.r_line {
    border-right: 1px solid #EAEAEA!important
}

.bt_line {
    border-bottom: 2px #d3d1d1 solid
}

.tb_sg td.hd {
    word-spacing: inherit;
    text-align: right;
    background: url(../../inc/img/th_bk.gif) -2px repeat-y #f4f4f4
}

.tb_sg td.hd2 {
    background: #8f8f8f!important;
    border-color: #fff!important;
    text-align: left;
    word-spacing: inherit;
    white-space: pre-wrap;
    font-size: 1.07em;
    font-weight: 700;
    color: #fff
}

.tb_sg p {
    top: 6px
}

.tb_sg.none_info {
    background: #fff!important;
    border: 1px dashed #ccc!important;
    overflow: inherit
}

.tb_sg.none_info td {
    text-align: center;
    border: none;
    font-weight: 700;
    color: #000!important
}

.star {
    color: #eb133a;
    font-size: 1.7em;
    line-height: 0;
    position: relative;
    top: 8px;
    font-size: .9em\9;
    top: 0\9;
    *font-size: 1em;
    *top: 0
}

.tabBox {
    position: relative;
    border-bottom: 1px #ccc solid;
    margin-bottom: 12px
}

.declaration {
    padding: 5px 10px
}

.tabBox h6 {
    padding: 10px;
    margin-bottom: 5px;
    color: #eb133a
}

.tabBox h6 i {
    margin-right: 5px
}

.tabBox .ci_t_line {
    display: inline-block;
    width: 100%;
    height: 1px;
    position: absolute;
    right: 0;
    bottom: -1px;
    background: url(../../inc/img/ui.png) right -499px no-repeat;
    border-top: 3px #fff solid
}

.scroll_table {
    width: 100%;
    max-width: 100%;
    background: #eee;
    border-radius: 5px;
    position: relative;
    overflow: auto!important;
    overflow-y: hidden!important
}

.scroll_table .tb_mul {
    min-width: 755px
}

.tb_mul th {
    border-right: 1px #e2e3e3 solid!important;
    text-align: center;
    border-bottom: #e2e3e3 1px solid;
    background: #E6F4E9;
    border-top: 2px solid #4b3b76;
}

.tb_mul th hr {
    margin: 5px 0!important;
    border-color: #e2e3e3
}

.tb_mul th.item {
    padding-top: 8px;
    padding-bottom: 8px;
    border-right: 1px #fff solid;
    background: url(../../inc/img/th_bk4.gif) top repeat-x #eeefee!important;
    line-height: 1.5em;
    text-align: center;
    border-bottom: #fff 1px solid
}

.tb_mul th.th2 {
    background: url(../../inc/img/th_bk2.gif) top repeat-x #f6f7f6!important
}

.tb_mul th:last-child,.tb_mul>tr th:last-child {
    border-right: none!important
}

.tb_mul td {
    background: #fff;
    text-align: center;
    border-bottom: 1px #eaeaea solid;
    border-right: 1px #fff solid
}

.tb_mul tr.sum td,.tb_mul_sum tr.sum td {
    color: #096;
    font-size: 1.07em!important;
    font-weight: 700;
    border-top: #e2e2e2 2px solid
}

.tb_mul tr td.sum_tit {
    text-align: right
}

.tb_mul tr.sum_sub td,.tb_mul_sum tr.sum_sub td {
    color: #096;
    font-size: 1.07em!important;
    font-weight: 700;
    border-top: #e2e2e2 0 solid
}

input.float_in {
    float: inherit
}

.tb_mul tr td.tb_h_t_2,.tb_mul tr:hover td.tb_h_t_2 {
    background: #f6f7f6!important;
    color: #000!important
}

.tb_mul tr.tablinebottom td {
    background: url(../../inc/img/th_bk.gif) bottom repeat-x #fff!important;
    height: 3px;
    padding: 0
}

.tb_mul tr.tablinebottom td:hover {
    background: url(../../inc/img/th_bk.gif) bottom repeat-x #fff!important
}

.tb_h .tb_btn_s,.tb_mul .tb_btn_s {
    margin-bottom: 3px;
    margin-right: 0
}

.tb_mul tr.sum_top td {
    background: #fcfcee
}

.tb_mul td.sum_tit {
    text-align: right;
    font-weight: 700
}

.tb_mul td,.tb_mul th {
    padding: 8px 5px;
    white-space: nowrap;
    line-height: 1.4em
}

.tb_mul td.whitespace_normal,.tb_mul th {
    white-space: normal
}

.content_info {
    padding-left: 15px;
    display: inline-block;
    width: 100%;
    padding-bottom: 40px;
    min-height: 500px;
    text-align: left;
    line-height: 1;
    vertical-align:middle;
}

.rwdStyle #Contact .content_info {
    padding-left: 0
}

.rwdStyle #Contact .page-content-wrapper .content_info {
    padding-left: 15px
}

.content_info .content_info_left {
    width: calc(100% - 240px);
    float: left;
    position: relative;
    margin-right: -100%;
    z-index: 99
}

.content_info .content_info_right {
    float: right;
    width: 230px;
    position: relative;
    margin-right: -10px;
    border: 1px solid #e2e3e3;
    background: #fff;
    border-radius: 4px!important;
    padding: 10px
}

#contnet_body {
    background: 0 0;
    padding: 0
}

.content_info .content_info_right h2 {
    width: 100%;
    display: inline-block;
    padding: 0 10px 10px 0;
    text-align: center;
    border-bottom: 1px #eee solid;
    font-size: 1.2em;
    color: #000;
    position: relative
}

.content_info .content_info_right h2:before {
    content: "";
    width: 0;
    height: 0;
    border: 6px solid;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
    position: absolute;
    bottom: -12px;
    border-color: #ed6e00 transparent transparent;
    left: calc(50% - 6px)
}

.content_info .content_info_right p {
    font-size: .9em;
    line-height: 1.5em;
    padding-bottom: 5px;
    word-wrap: break-word;
    word-break: break-all
}

.content_info .content_info_right p.list {
    display: list-item;
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 18px
}

.main_box {
    border-radius: 5px 5px 0 0;
    background: #f5f5f5;
    margin: 5px 0 30px;
    display: inline-block;
    padding: 10px 0;
    width: 100%;
    position: relative
}

.main_box:after {
    content: "";
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 2px;
    background: url(../../inc/img/main_box_bottom.gif) left no-repeat #008cd7
}

.main_box h1 {
    color: #c93800;
    font-size: 2em!important;
    font-weight: 700;
    padding: 0 0 15px;
    text-decoration: underline
}

.main_box b {
    color: #008cd7;
    font-size: 1em!important;
    text-decoration: underline;
    font-weight: 700;
    margin: 0 0 0 2px
}

.main_info {
    width: calc(100% - 20px);
    display: inline-block;
    margin-left: 25px;
    padding-left: 100px;
    background: url(../../inc/img/welcome_ico.png) left 20px no-repeat
}

.logout {
    color: #fff!important;
    font-size: .9em!important;
    float: right;
    padding: 6px 10px;
    text-decoration: none!important;
    background: #ed6f01!important;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    display: inline-block
}

.logout:hover {
    color: #fff!important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.logout .fa {
    display: inline-block;
    font-size: 1.23em;
    padding: 1px;
    position: relative;
    top: 1px
}

.logout span.btn-txt {
    margin: 0;
    padding: 0
}

.abgne_tab {
    display: inline-block;
    clear: left;
    width: auto;
    margin: 10px 0
}

.abgne_tab .tab_container {
    padding: 10px;
    border-radius: 0 5px 5px;
    width: auto
}

.abgne_tab .tab_container table.tb_sg {
    border-right: none;
    border-bottom: none
}

.abgne_tab .tab_container table tr td {
    border: none;
    border-right: 1px #eaeaea solid;
    border-bottom: 1px #eaeaea solid
}

.abgne_tab ul.tabs,.ui-tabs .ui-widget-header {
    display: inline-block;
    width: 100%;
    height: auto;
    border: none;
    border-bottom: 1px #e2e3e3 solid
}

.abgne_tab ul.tabs li.active,.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    background: #fff;
    border-bottom: 1px solid #fff!important
}

.abgne_tab ul.tabs li,.ui-tabs .ui-tabs-nav li {
    float: left;
    height: 30px;
    line-height: 20px;
    overflow: hidden;
    position: relative;
    margin-bottom: -1px!important;
    background: #e9e9e9
}

.abgne_tab ul.tabs li:first-child {
    border-left: 1px solid #e2e3e3;
    border-radius: 5px 0 0
}

.abgne_tab ul.tabs li:last-child {
    border-left: 1px solid #e2e3e3;
    border-radius: 0 5px 0 0
}

.abgne_tab ul.tabs li a {
    font-size: 1.1em;
    display: block;
    padding: 5px 15px;
    color: #999;
    border: 1px solid #fff;
    text-decoration: none
}

.abgne_tab ul.tabs li a:hover {
    background: #f4f4f4;
    color: #0066cb
}

.abgne_tab ul.tabs li.active a {
    color: #0066cb;
    font-weight: 700
}

.abgne_tab ul.tabs li.active a:hover {
    background: #fff
}

.ui-tabs .ui-tabs-nav ul li.ui-state-active a {
    color: #0066cb;
    font-weight: 700
}

.ui-tab-overflow {
    overflow: inherit!important
}

.ui-tabs .ui-widget-header {
    background: 0 0
}

.ui-state-active a {
    color: #0066cb;
    font-weight: 700
}

.ui-state-active a:link {
    color: #000;
    font-weight: 700
}

.step {
    display: inline-block;
    width: 100%;
    padding-bottom: 10px;
    margin: 10px 0 0
}

.step ul {
    margin: 0!important;
    display: inline-block;
    width: 100%
}

.step ul li {
    position: relative;
    display: inline-block;
    float: left;
    padding: 0!important;
    margin: 0!important
}

.step ul li .step_line {
    position: absolute;
    width: 100%;
    display: inline-block;
    height: 4px;
    background: #f1f1f1;
    top: 0
}

.step ul li .stepBox {
    margin: 0 auto;
    width: 100%;
    position: relative;
    background: 0 0;
    text-align: center;
    display: inline-block
}

.step_2 li {
    width: 50%!important
}

.step_3 li {
    width: 33.3%!important
}

.step_4 li {
    width: 25%!important
}

.step_5 li {
    width: 20%!important
}

.step_6 li {
    width: 16.6%!important
}

.step_8 li {
    width: 12.5%!important
}

.step ul li .stepBox .num {
    display: inline-block;
    color: #CCC;
    font-size: .93em;
    position: relative;
    background: #f1f1f1;
    padding: 3px 12px 6px;
    border-radius: 6px;
    font-weight: 700;
    margin: 0 5%
}

.step ul li.active .stepBox .num {
    margin: 0 5%;
    color: #FFF;
    background: #ed6f01
}

.step ul li p {
    width: 100%;
    text-align: center;
    color: #9f9f9f;
    font-size: 1em;
    bottom: 0;
    margin: 5px 0;
    display: inline-block
}

.step ul li.active .step_line {
    background: #ed6f01;
    border-radius: 2px
}

.step ul li span:before {
    position: absolute;
    left: 0;
    text-align: left;
    font-size: .68em;
    padding: 0 0 0 10px;
    height: 20px;
    border-left: 1px solid #ddd;
    width: 20px;
    background: #000
}

.step ul li.active .stepBox {
    background: 0 0
}

.step ul li.active p {
    color: #000
}

#crumb {
    color: #969696;
    font-size: 1em;
    text-align: left;
    width: 100%;
    display: inline-block;
    margin: 13px 0 10px 22px
}

#Contact #crumb {
    margin-left: 0;
    margin-bottom: 0
}

#path {
    min-width: 300px;
    margin: 0;
    float: left;
    padding: 0
}

#path dt {
    float: left;
    color: #4c4c4c;
    display: block;
    font-size: 1rem;
}

#path dt:before {
    content: ">"
}

#path dt:first-child:before {
    content: normal
}

/* #path dt:first-child { */
/*     color: #000; */
/* } */

#path dt:first-child:hover {
    background-color: #e5c100;
}

.typetable_footer {
    background: #f9f9f9;
    border-radius: 0 0 5px 5px;
    display: inline-block;
    padding: 0 0 10px;
    width: 100%
}

.typetable_footer ul {
    width: auto;
    margin: 0
}

.typetable_footer ul li {
    float: left;
    width: auto!important;
    padding: 0!important;
    line-height: 0!important
}

.typetable_footer span {
    float: left;
    padding: 10px 12px
}

.downloadBox {
    display: inline-block;
    padding: 5px 0
}

.downloadBox li {
    margin-right: 5px!important
}

.dl_icons {
    display: inline-block;
    height: 24px;
    width: 24px
}

.dl_icons.download_pdf {
    background: url(../../inc/img/download_pdf.png) no-repeat
}

.dl_icons.download_csv {
    background: url(../../inc/img/download_csv.png) no-repeat
}

.dl_icons.download_txt {
    background: url(../../inc/img/download_txt.png) no-repeat
}

.dl_icons.download_xls {
    background: url(../../inc/img/download_xls.png) no-repeat
}

.dl_icons.download_ods {
    background: url(../../inc/img/download_ods.png) no-repeat
}

.dl_icons.download_odt {
    background: url(../../inc/img/download_odt.png) no-repeat
}

table .input-group-addon {
    background: #fff;
    border-left: none!important
}

table .input-group .form-control {
    /* border-right: none!important; */
}

table .form-control {
    height: 30px
}

table .input-group.date {
    max-width: 150px;
    float: left;
    margin-right: 12px
}

.form_group .input-group.date input {
    margin-right: 0!important;
    box-shadow: none
}

.form_group .input-group.date .input-group-addon {
    padding-right: 22px;
    margin: 5px 0px 3px 0px!important;
}

.ui-selectmenu-button.ui-button {
    width: auto
}

.ui-selectmenu-button.ui-button:hover {
    background: #0066cb;
    border: 1px solid #0066cb
}

label[for^=speed-butto] {
    margin-right: 0
}

.ui-button {
    background: #fff
}

.ui-button:hover .ui-icon {
    background-image: url(theme/images/ui-icons_ffffff_256x240.png)
}

.ui-button:hover .ui-selectmenu-text {
    color: #fff
}

.pagination>li {
    margin: 0 1px!important;
    display: inline-block!important;
    width: auto!important;
    padding: 0!important
}

.pagination>.page-item>a {
    border-radius: 4px
}

.pagination>li>a,.pagination>li>span {
    color: #7a7a7a
}

.pagination>.active>a,.pagination>.active>a:hover {
    background-color: #0066cb;
    border-color: #0066cb
}

.pagresult {
    top: 8px;
    position: relative
}

.fl {
    float: left
}

.redBigtxt {
    color: #ed6f01;
    font-size: 1em;
    font-weight: 700;
    position: relative;
    padding: 0 5px
}

fieldset label {
    margin: 0 5px
}

.checkbox {
    padding-left: 7px; 
    margin: 5px 0 0
}

.checkbox.checkbox_only {
    display: inline-block;
    width: 0
}

.checkbox label {
    display: inline-block;
    position: relative;
    padding: 4px 0px 0px 0px;
    margin: 5px 0 0 20px;
}

.checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #c7c7c7;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border .15s ease-in-out,color .15s ease-in-out;
    -o-transition: border .15s ease-in-out,color .15s ease-in-out;
    transition: border .15s ease-in-out,color .15s ease-in-out
}

.checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: -2px;
    margin-left: -20px;
    padding-left: 0;
    padding-top: 0;
    font-size: 1em;
    color: #0066cb
}

.checkbox input[type=checkbox] {
    opacity: 0
}

.checkbox input[type=checkbox]:focus+label::before {
    outline: dotted thin;
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px
}

.checkbox input[type=checkbox]:checked+label::after {
    content: "";
    background: url(../../inc/img/checkbox_checkicon.png) center center no-repeat
}

.checkbox input[type=checkbox]:disabled+label {
    opacity: .65
}

.checkbox input[type=checkbox]:disabled+label::before {
    background-color: #eee;
    cursor: not-allowed
}

.checkbox.checkbox-circle label::before {
    border-radius: 50%
}

.checkbox.checkbox-inline {
    margin-top: 0
}

.checkbox-primary input[type=checkbox]:checked+label::before {
    background-color: #428bca;
    border-color: #428bca
}

.checkbox-primary input[type=checkbox]:checked+label::after {
    color: #fff
}

.checkbox-danger input[type=checkbox]:checked+label::before {
    background-color: #d9534f;
    border-color: #d9534f
}

.checkbox-danger input[type=checkbox]:checked+label::after {
    color: #fff
}

.checkbox-info input[type=checkbox]:checked+label::before {
    background-color: #0066cb;
    border-color: #0066cb
}

.checkbox-info input[type=checkbox]:checked+label::after {
    color: #fff
}

.checkbox-warning input[type=checkbox]:checked+label::before {
    background-color: #f0ad4e;
    border-color: #f0ad4e
}

.checkbox-warning input[type=checkbox]:checked+label::after {
    color: #fff
}

.checkbox-success input[type=checkbox]:checked+label::before {
    background-color: #5cb85c;
    border-color: #5cb85c
}

.checkbox-success input[type=checkbox]:checked+label::after {
    color: #fff
}

.radio {
    padding-left: 20px
}

.radio label {
    display: inline-block;
    position: relative;
    padding: 4px 0px 0px 0px;
}

.radio label:hover{
	background: #87CEFA !important;
}

.radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    top: 2px;
    margin-left: -20px;
    border: 1px solid #ccc;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border .15s ease-in-out;
    -o-transition: border .15s ease-in-out;
    transition: border .15s ease-in-out
}

.radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 7px;
    height: 7px;
    left: 5px;
    top: 7px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #555;
    -webkit-transform: scale(0,0);
    -ms-transform: scale(0,0);
    -o-transform: scale(0,0);
    transform: scale(0,0);
    -webkit-transition: -webkit-transform .1s cubic-bezier(.8,-.33,.2,1.33);
    -moz-transition: -moz-transform .1s cubic-bezier(.8,-.33,.2,1.33);
    -o-transition: -o-transform .1s cubic-bezier(.8,-.33,.2,1.33);
    transition: transform .1s cubic-bezier(.8,-.33,.2,1.33)
}

.radio input[type=radio] {
    opacity: 0
}

.radio input[type=radio]:focus+label::before {
    outline: dotted thin;
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px
}

.radio input[type=radio]:checked+label::after {
    -webkit-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1)
}

.radio input[type=radio]:disabled+label {
    opacity: .65
}

.radio input[type=radio]:disabled+label::before {
    cursor: not-allowed
}

.radio.radio-inline {
    margin: 3px 0
}

.radio-primary input[type=radio]+label::after {
    background-color: #428bca
}

.radio-primary input[type=radio]:checked+label::before {
    border-color: #428bca
}

.radio-primary input[type=radio]:checked+label::after {
    background-color: #428bca
}

.radio-danger input[type=radio]+label::after {
    background-color: #d9534f
}

.radio-danger input[type=radio]:checked+label::before {
    border-color: #d9534f
}

.radio-danger input[type=radio]:checked+label::after {
    background-color: #d9534f
}

.radio-info input[type=radio]+label::after {
    background-color: #0066cb
}

.radio-info input[type=radio]:checked+label::before {
    border-color: #0066cb
}

.radio-info input[type=radio]:checked+label::after {
    background-color: #0066cb
}

.radio-warning input[type=radio]+label::after {
    background-color: #f0ad4e
}

.radio-warning input[type=radio]:checked+label::before {
    border-color: #f0ad4e
}

.radio-warning input[type=radio]:checked+label::after {
    background-color: #f0ad4e
}

.radio-success input[type=radio]+label::after {
    background-color: #5cb85c
}

.radio-success input[type=radio]:checked+label::before {
    border-color: #5cb85c
}

.radio-success input[type=radio]:checked+label::after {
    background-color: #5cb85c
}

.container {
    margin: 0;
    padding: 0;
    width: 100%;
    display: inline-block
}

.k-gantt-toolbar .k-state-default,.k-grid .k-grouping-header,.k-grid-header,.k-grid-header-wrap,.k-grouping-header .k-group-indicator,.k-header,.k-pager-wrap,.k-pager-wrap .k-link,.k-pager-wrap .k-textbox {
    border-color: #e2e3e3
}

.k-grid {
    border: 1px solid #e2e3e3;
    border-radius: 4px!important
}

.k-pager-wrap {
    background: #fff;
    padding: 12px;
    text-align: center
}

.k-grid tr td {
    border-color: #fff;
    padding: 1em!important
}

.k-grid table {
    border-radius: 0
}

.k-grid table tr td {
    padding: 8px 10px!important;
    border-bottom: 1px #eaeaea solid
}

.k-label,.k-pager-info,.k-pager-input {
    color: #000;
    font-size: 1em;
    float: inherit
}

.k-pager-info {
    float: right
}

.k-pager-wrap .k-link {
    border: 1px solid #ddd!important;
    border-radius: 4px!important;
    margin: 0 1px;
    opacity: 1;
    float: inherit;
    display: inline-block
}

.k-pager-wrap .k-link:hover {
    background-color: #eee
}

.txt_link_group {
    display: inline-block;
    width: 100%;
    border: 1px solid #e5e5e5;
    overflow: hidden;
    border-radius: 4px!important;
    margin-bottom: 10px
}

.txt_link_group ul {
    display: inline-block;
    width: 100%;
    padding: 5px 5px 0;
    margin: 0
}

.txt_link_group ul li {
    display: inline-block;
    width: auto;
    float: left;
    margin-right: 5px;
    padding: 0 5px 0 10px;
    border-right: 1px #e5e5e5 solid;
    position: relative;
    margin-bottom: 5px
}

.txt_link_group ul li:last-child {
    border-right: none;
    margin-right: 0
}

.txt_link_group ul li a {
    display: inline-block;
    padding: 5px
}

.txt_link_group ul li:after {
    content: "";
    position: absolute;
    border: 3px solid;
    left: 5px;
    top: 12px;
    border-color: transparent transparent transparent #0066cb;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.txt_link_group ul li:hover:after {
    left: 10px;
    border-color: transparent transparent transparent #ed6f01;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.txt_link_group ul li.current {
    border-radius: 5px;
    background: #0066cb
}

.txt_link_group ul li.current a {
    color: #fff;
    text-decoration: none
}

.txt_link_group ul li.current:after {
    content: "";
    position: absolute;
    border: 3px solid;
    left: 5px;
    top: 13px;
    border-color: #fff transparent transparent;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -ms-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out
}

.txt_link_group ul li.current:hover:after {
    border-color: #fff transparent transparent
}

#MasterView table input[type^=button],.statusArea input[type^=button],table.statusArea input[type^=button] {
    background: #048aae !important;
    color: #fff!important;
    border: none!important;
    width: 100%!important;
    text-align: center;
    display: inline-block;
    font-size: .9em!important;
    padding: 6px 10px;
    text-decoration: none!important;
    margin: 2px;
    font-weight: 500;
    border-radius: 5px!important;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.statusArea input[type^=button] {
    padding: 8px 10px
}

#MasterView table input[type^=text],.statusArea input[type^=text],table.statusArea input[type^=text] {
    margin: 3px 5px 3px 0;
    padding: 3px 5px;
    font-size: 1em;
    text-align: left;
    background: #fff!important;
    border-radius: 5px!important;
    display: inline-block;
    position: relative;
    float: left;
    border: 1px solid #c7c7c7!important;
    color: #000!important;
    height: 30px;
    width: 100%
}

div.statusArea .div_hd {
    display: inline-block;
    float: left;
    width: 130px;
    text-align: center;
    padding: 8px 10px!important;
    position: absolute;
    top: 50%;
    letter-spacing: 0;
    transform: translateY(-50%)
}

div.statusArea .div_info {
    display: inline-block;
    float: left;
    width: calc(100% - 130px);
    text-align: left;
    padding: 8px 10px!important;
    margin-left: 130px;
    position: relative;
    z-index: 2
}

#MasterView table {
    padding: 8px!important;
    border-collapse: collapse
}

#MasterView form table {
    margin: 5px 0!important
}

#MasterView table tr th {
    padding: 1px 10px 3px;
    white-space: nowrap;
    line-height: 1.4em;
    border-right: 1px #e2e3e3 solid
}

#MasterView table tr th div {
    height: inherit!important;
    padding: 0
}

#MasterView table tr td input[type^=text] {
    float: inherit!important
}

#MasterView .ui-widget.ui-widget-content {
    border: 1px solid #e2e3e3!important;
    border-radius: 5px;
    border-spacing: 0;
    overflow: hidden;
    width: auto!important
}

#MasterView table td form {
    border: 1px solid #e2e3e3!important;
    margin: 5px 1px;
    border-radius: 5px
}

#MasterView table.NoNewLine tr td {
    padding: 0 10px
}

table.statusArea {
    border: 1px solid #c7c7c7!important;
    background: #f1f1f1!important;
    border-radius: 5px!important;
    margin: 10px 0!important
}

table.statusArea tr td {
    padding: 8px
}

table.statusArea tr td input[type^=button] {
    width: 100%!important
}

div.statusArea {
    background: #f2f2f6!important;
    border-radius: 5px!important;
    margin: 10px 0!important;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    position: relative
}

#Contact .left_menu_box {
    float: left;
    margin: 8px 0 27px 15px;
    text-align: left
}

@media (min-width: 719px) and (max-width:959px) {
    .agreement.mobile_hidden {
        display:inline-block
    }

    #Banner .owl-carousel .item ul,#Banner .owl-dots,#Banner .owl-nav {
        display: none
    }

    #Banner .groupmenu {
        width: 100%
    }
}

@media (max-width: 719px) {
    #Banner,#Contact,#Nav {
        padding:0
    }

    .btnBox .btn {
        margin: 5px
    }

    #Banner .owl-carousel .item ul {
        width: 100%;
        top: 3%;
        left: 0
    }

    #Banner .owl-carousel .item ul li {
        font-size: 1.5em;
        width: 100%;
        margin: .5% 0
    }

    #Banner .owl-nav {
        width: 100%
    }

    #Banner .owl-dots {
        display: none
    }

    .rwd_table {
        background: #fff;
        overflow: hidden
    }

    .rwd_table table.tb_mul {
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        background: 0 0
    }

    .rwd_table tr {
        border: 1px solid #ccc;
        margin: 0 5px 5px
    }

    .rwd_table tr:nth-of-type(2n) {
        background: #eee
    }

    .rwd_table td,.rwd_table th,.rwd_table.tb_sg td.hd {
        margin: 0
    }

    .rwd_table {
        min-width: 100%
    }

    .rwd_table th,.rwd_table.tb_sg td.hd {
        display: none
    }

    .rwd_table td {
        display: inline-block;
        width: calc(100% - 0)
    }

    .rwd_table td:before {
        content: attr(data-th) " : ";
        width: 5em;
        display: inline-block;
        float: left;
        margin-right: 5px
    }

    .rwd_table td .form_group {
        width: calc(100% - 6em);
        clear: inherit
    }

    .rwd_table td .form_group .input-group.date {
        max-width: inherit;
        width: 100%
    }

    .rwd_table td .radio input[type=radio] {
        margin-top: -20px
    }

    .rwd_table input {
        width: 100%
    }

    .rwd_table td,.rwd_table th,.rwd_table.tb_sg td.hd {
        text-align: left
    }

    .rwd_table td:before,.rwd_table th,.rwd_table.tb_sg td.hd {
        font-weight: 700
    }

    .agreement.mobile_hidden {
        display: none
    }

    .pagresult {
        top: 0;
        margin-bottom: 5px
    }

    .itemsBox {
        top: 0;
        margin: 5px 0 10px
    }

    .content_info {
        padding-left: 0
    }

    #Banner .owl-nav button[type=button] {
        width: 25px;
        height: 25px
    }

    #Banner .owl-nav button.owl-next span,#Banner .owl-nav button.owl-prev span {
        width: 25px;
        height: 25px;
        background-size: 100%
    }

    .info_txt_area {
        padding: 20px 10px
    }

    .info_txt_area ul li {
        margin-left: 10px
    }

    .pics_area {
        text-align: center
    }

    .pics_area ul {
        padding: 0
    }

    .pics_area ul li {
        float: left;
        width: 100%;
        margin: 5px 0
    }

    .download_area {
        text-align: center
    }

    .download_area ul {
        padding: 0
    }

    .download_area ul li {
        float: left;
        width: 100%;
        margin: 5px 0
    }

    .list_box,.list_box_b,.list_box_c {
        width: 98%;
        margin-bottom: 5px;
        min-height: inherit
    }

    .list_box_d {
        display: inline-block;
        width: 100%
    }

    .moica_cardreader img,.moica_cardreader ul {
        width: 100%;
        float: inherit
    }

    .moica_cardreader ul li {
        padding: 0;
        margin: 5px 0
    }

    .content_info .content_info_left {
        width: 100%;
        margin: 0 0 20px
    }

    .content_info .content_info_right {
        width: calc(100% + 20px);
        float: left;
        margin: 0 -10px 10px
    }
}

@media (min-width: 480px) {
    .rwd_table td:before {
        display:none
    }

    .rwd_table td,.rwd_table th,.rwd_table.tb_sg td.hd {
        display: table-cell
    }

    .rwd_table td:first-child,.rwd_table th:first-child,.rwd_table.tb_sg td.hd {
        padding-left: 0
    }

    .rwd_table td:last-child,.rwd_table th:last-child,.rwd_table.tb_sg td.hd {
        padding-right: 0
    }

    .rwd_table td,.rwd_table th,.rwd_table.tb_sg td.hd {
        padding: 1em!important
    }
}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {
    border: none!important;
    background: #4b3b76
}

.ui-pager-control input {
    height: auto!important
}

.ui-pg-table td[dir^=ltr] span {
    color: #ed6f01;
    font-size: 1em;
    font-weight: 700;
    position: relative;
    padding: 0 5px
}

.ui-pg-button.ui-state-disabled .ui-separator {
    border-left: none;
    margin: 1px 5px
}

#Nav ul.nav_ul li .submenu_area ul li a {
    padding: 3px 10px;
}

#Nav ul.nav_ul li ul li a {
    width: 100%;
    text-align: left;
    color: #fff;
    font-size: 1.2em;
    font-weight: 500;
}

#Nav ul.nav_ul li ul li a:hover {
    text-decoration: none;
    color: #40d6da;
}

.ui-tabs {
    padding: 0;
    margin-top: 15px
}

.ui-tabs .ui-tabs-nav {
    padding: 7px 7px 0
}
/*2019/06/14 kitty update css*/
.tab_nav ul.tab_nav_style li.ui-tabs-active {
    background: #d2d2d2;
    border-top: 4px solid #F29057!important;
}


.tab_nav ul.tab_nav_style {
    display: inline-block;
    background: #fff;
}

.tab_nav ul.tab_nav_style li:hover a {
    background: #6a7985;
    border-color: #6a7985;
    color: #fff!important
}

/*2019/06/14 kitty update css end*/
.tb_mul tr:hover td {
    background: #F5FFFA !important
}

.k-grid tr:hover,.k-grid tr:hover td,table input:hover {
    background: #FFF6ED !important;
    color: #E60000 !important
}
/*2019/06/14 kitty update css*/

.k-grid {
    border-top: 3px solid #4b3b76 !important;
}

.k-grid-header th.k-header {
    padding: 1em!important;
    color: #000;
    font-size: 1em;
    background: #E6F4E9;
    vertical-align: middle;
    text-align: center;
    white-space: normal;
}
div.k-grid-header {
    background: #E6F4E9;
}
/*2019/06/14 kitty update css end*/

.login_gnav .font-size a,.login_gnav .font-size a.focuson,.login_gnav .font-size:hover a {
    background: url(../../inc/img/font-medium.png) 3px no-repeat #00a1cb
}

/* #path dt:last-child { */
/*     color: #4b3b76 */
/* } */

#Footer .wsize {
    color: #ddd
}

#Footer .index_copyright {
    color: #000;
    width: 100%;
    padding: 20px 40px
}

.k-pager-wrap .k-link:hover {
    color: #4b3b76
}

.k-draghandle.k-state-selected:hover,.k-ghost-splitbar-horizontal,.k-ghost-splitbar-vertical,.k-list>.k-state-highlight,.k-list>.k-state-selected,.k-marquee-color,.k-panel>.k-state-selected,.k-scheduler .k-scheduler-toolbar .k-state-selected,.k-scheduler .k-today.k-state-selected,.k-state-selected {
    color: #fff;
    background-color: #4b3b76;
    border-color: #4b3b76;
}

#Footer .index_copyright ul li a {
    background: rgba(255,255,255,.3);
    color: #fff;
    padding: 6px 10px 5px
}

.ui-tabs .ui-tabs-nav li.ui-tabs-tab {
/*     border-bottom: 0!important; */
}

@media (max-width: 719px) {
    .login_gnav .font-size {
        display: none!important
    }

    div.div_sg .div_group,div.div_sg .div_hd,div.div_sg .div_info {
        display: block
    }

    div.div_sg .div_hd .scroll_table .tb_mul,div.div_sg .div_info .scroll_table .tb_mul {
        min-width: 719px
    }

    .result_area div.div_sg .div_hd,.result_area div.div_sg.four_td .div_hd,div.div_sg .div_hd,div.div_sg.four_td .div_hd {
        width: 100%;
        text-align: left;
        position: relative;
        top: 0;
        transform: translateY(0)
    }

    .result_area div.div_sg .div_info,.result_area div.div_sg.four_td .div_info,.result_area div.div_sg.four_td .div_info.cos_none,div.div_sg .div_info,div.div_sg.four_td .div_info,div.div_sg.four_td .div_info.cos_none {
        width: 100%;
        margin: 0
    }

    .result_area div.div_sg.four_td .div_hd.cos_td,div.div_sg.four_td .div_hd.cos_td {
        left: 0
    }

    div.div_sg.four_td .div_group.team_group {
        margin: 0
    }

    div.div_sg input {
        width: 100%
    }

    div.div_sg .input-group.date {
        max-width: inherit
    }

    div.div_sg .div_info .form_group span.form_txt {
        width: 100%
    }

    #Nav,.nav_area,.search_area {
        display: none
    }

    #Nav.aeo-menu_box_open,.nav_area.aeo-menu_box_open,.search_area.aeo-menu_box_open {
        display: inline
    }

    #Nav {
        background: #fff
    }

    #Nav ul.nav_ul li {
        width: 100%;
        border-bottom: 1px #D8D8D8 solid;
        background: #fff
    }

    #Nav ul.nav_ul li ul li:last-child {
        margin-bottom: -3px
    }

    #Nav ul.nav_ul li ul li.submenu_multilayer>a {
/* 		background: #fff; */
    }

    #Nav ul.nav_ul li a {
        color: #333
    }

    #Nav ul.nav_ul li a:after {
        content: "";
        width: 100%;
        height: 3px;
        background: #fff;
        position: absolute;
        bottom: 0;
        left: 0
    }

    #Nav ul.nav_ul li .submenu_area ul li a:after {
        display: none
    }

    #Nav ul.nav_ul li ul li.submenu_multilayer>a span {
        color: #01739C;
    }
    

    #Nav ul.nav_ul li ul li.submenu_multilayer>a.current {
        background: #4b3b76
    }

    #Nav ul.nav_ul li ul li.submenu_multilayer>a.current span {
        color: #fff
    }

    #Nav ul.nav_ul li ul li.submenu_multilayer > a.current:before{
        background: url(../../inc/img/menu_icon_a.png) no-repeat center center !important;
    }

    #Nav ul.nav_ul li ul li.submenu_multilayer .submenu_list a:before{
        background: none !important;
    }

    #Nav ul.nav_ul li ul li a {
/*         background: rgba(44,44,43,.95); */
    }

    #Nav ul.nav_ul li .submenu_area {
        margin-top: 0;
        position: fixed;
        opacity: 0!important;
        z-index: -1!important
    }

    #Nav ul.nav_ul li .submenu_area.opensubmenu {
        position: relative;
        margin-top: 0;
        opacity: 1!important;
        -moz-transition: all .3s ease-out;
        -webkit-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        transition: all .3s ease-out;
        z-index: 999!important
    }

    #Nav ul.nav_ul li ul li ul li {
        border-bottom: 1px #ababab dashed;
    }

    #Nav ul.nav_ul li ul li ul li a {
/*         background: #efefef */
    }

    #Nav ul.nav_ul li ul li ul.submenu_list {
        display: none
    }

    #Nav ul.nav_ul li ul li ul.submenu_list.open_submenu {
        display: block
    }
    
    #Nav ul.nav_ul li ul li.submenu_multilayer > a:before {
    	top: 8px
    }

    #Index-Contact .content_info #crumb {
        margin-bottom: 0
    }

    #Banner,#Index-Contact,#Nav {
        padding: 0
    }

    .btnBox .btn {
        margin: 5px
    }

    #Banner .owl-carousel .item ul {
        width: 100%;
        top: 5%;
        left: 0
    }

    #Banner .owl-carousel .item ul li {
        font-size: 1em;
        width: 100%;
        margin: 1.5% 0
    }

    #Banner .owl-nav {
        width: 100%
    }

    #Banner .owl-dots,.agreement.mobile_hidden {
        display: none
    }

    .pagresult {
        top: 0;
        margin-bottom: 5px
    }

    .itemsBox {
        top: 0;
        margin: 5px 0 10px
    }

    .content_info {
        padding-left: 0;
        min-height: inherit
    }

    .index_link_box li {
        width: 100%;
        text-align: left
    }

    .index_link_box li p {
        font-size: 1.3em!important
    }

    #Index-Contact .link_owl .owl-nav .owl-prev {
        left: 0
    }

    #Index-Contact .link_owl .owl-nav .owl-next {
        right: 0
    }

    .list_box,.list_box_b,.list_box_c {
        width: 98%;
        margin-bottom: 5px;
        min-height: inherit
    }

    .news_area {
        margin-top: 0
    }

    .news_area .video-hold {
        width: 100%;
        margin: 0 0 20px;
        height: auto;
        max-width: inherit
    }

}

@media (max-width: 600px) {
    #Index-Contact .link_owl .item img {
        margin:0 auto!important
    }
}

@media (min-width: 959px) and (max-width:1310px) {
    #Index-Contact .link_owl .owl-nav .owl-prev {
        left:.5%;
        background: url(../../inc/img/arrows.png) 50% 105% no-repeat
    }

    #Index-Contact .link_owl .owl-nav .owl-next {
        right: .5%;
        background: url(../../inc/img/arrows.png) 50% 1% no-repeat
    }
}

@media (min-width: 719px) and (max-width:959px) {
    .agreement.mobile_hidden {
        display:inline-block
    }

    .index_link_box li p {
        font-size: 1.3em!important
    }

    .news_area {
        margin-top: 0
    }
    
    .news_area div.news_box {
    	min-height: 505px!important;
    }
    
    .news_area div.post_box {
    	min-height: 505px!important;
    }
    
    .news_area .post_box ul li {
    	float: none;
    	width: 44%;
    }
    
    .news_area .post_box ul li {
    	padding: 7% 0;
    }
    
    .news_area .video-hold {
        width: 100%;
        margin: 0 0 20px;
        height: auto;
        max-width: inherit
    }

    #Index-Contact .link_owl .owl-nav .owl-prev {
        left: 0;
        background: url(../../inc/img/arrows.png) 50% 105% no-repeat
    }

    #Index-Contact .link_owl .owl-nav .owl-next {
        right: 0;
        background: url(../../inc/img/arrows.png) 50% 5% no-repeat
    }
}


/* ----------TEMPLATEV2.CSS STARTS---------- */
#Header {
    background: url(../../inc/img/headerImg.jpg);
    min-height: 70px;
    padding: 0 40px;
    height: 70px;
}

#Header div.logo {
    width: 100px;
    padding-top: 8px;
}

.logo {
    display: inline-block;
    position: relative;
    float: left;
    left: 2%;
    height: auto;
    padding-top: 5px;
}

#header.index_header .logo {
    display: inline-block;
    width: 197px;
    height: 54px;
    background: url(../../inc/img/aeo_logo.png) no-repeat;
    position: relative;
    top: 10px;
    float: left;
    left: 10px
}

a.key {
    float: left;
    color: #5a5a5a;
    font-size: 1em;
    position: absolute;
    z-index: 998
}

#header.index_header {
    background: #f1f1f1;
    height: 76px
}

#header.index_header .wsize {
    background: #fff;
    height: 87px
}

#header.index_header .gnav {
    top: 22px
}

/* HEADER SEARCH AREA STARTS 20210723 BY HSUANLIN */
.search_area {
    float: right;
    top: 14px;
    right: 0px;
    position: absolute;
    background: #001156;
    width: 560px;
    height: 44px;
    opacity: 0;
    z-index: -10;
}

.search_area.open {
    opacity: 1;
    z-index: 20;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out; 
}

#searchClose {
	position: absolute;
	top: 8px;
	font-size:1.4em;
}

.search_area .input-group .input-group-addon {
	padding: 10px 25px 0px 10px;
	background: #048aae;
	border: 1px solid #048aae;
}

.search_area .input-group .input-group-addon .icon-Search{
	color: #e5e5e5
}
/* HEADER SEARCH AREA ENDS 20210723 BY HSUANLIN */

.search_area .input-group {
    width: 100%;
    max-width: 220px;
    float: left;
    margin: 0 10px 0 300px;
}

.search_area .input-group .btn {
    background: #fff!important;
    height: 100%
}

.search_area .input-group .form-control {
    border: 1px solid #E5E5E5;
    box-shadow: none!important;
    height: 36px
}

.search_area .input-group .btn svg {
    color: #535353;
    width: 1.3em;
    height: 1.3em
}

.search_area .input-group .input-group-text {
    background: inherit;
    border: none;
    padding: 8px
}

.web_name {
    color: #656565;
    font-size: 1.23em;
    font-weight: 700;
    position: relative;
    padding: 8px 0 8px 15px;
    top: 28px;
    left: 28px;
    background: url(../../inc/img/logo_line.gif) left top no-repeat
}

.subscription_area .input-group {
    width: 100%;
    max-width: 220px;
    float: left;
    margin-right: 5px
}

.subscription_area .input-group .btn {
    height: 100%;
    color: #fff!important;
    margin: 0!important;
    padding: 1px 2px 0!important;
    border: 1px solid #00a1cb!important;
    border-radius: 0;
    background: #00a1cb!important
}

.subscription_area .input-group .form-control {
    border-radius: 0;
    border: 1px solid #ddd!important;
    border-right: none!important;
    box-shadow: none!important;
    height: 37px;
    margin-right: 0
}

.subscription_area .input-group .btn svg {
    color: #535353;
    width: 1.3em;
    height: 1.3em
}

.subscription_area .input-group .input-group-text {
    background: inherit;
    border: none;
    padding: 8px;
    display: inline-block
}

.input-group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%
}

.input-group .input-group-prepend {
    margin-right: -1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.input-group .form-control {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0
}

.input-group .input-group-append {
    background: #fff;
    max-height: 36px;
    border: 1px solid #000
}

.nav_area {
    float: right;
    top: 2%;
    position: relative;
    right: 1%;
}

.nav_area a.key {
    position: relative;
    top: 6px
}

.nav_area .login_gnav .font-size {
    margin: 0
}

#Marquee {
    width: 400px;
    float: left;
    margin-top: 18px;
    margin-left: 100px;
    line-height: 16px
}

#Marquee:before {
    display: inline-block;
    content: "";
    width: 30px;
    height: 30px;
    background: url(../img/notice.png) no-repeat;
    position: absolute;
    left: -35px;
    top: 4px
}

#Marquee .item p {
    height: 40px;
    -webkit-align-items: center;
    display: flex;
    align-items: center;
    justify-content: left;
    -webkit-justify-content: left
}

.gnav {
    float: right;
    line-height: 15px;
    margin-right: 3px;
    padding: 19px 0 2px 10px;
    list-style-type: none;
    position: relative;
    border-radius: 2px;
}

.gnav>li {
    float: left;
    line-height: 26px;
    padding: 0 12px 0 0;
    list-style-type: none;
    margin-right: 3px;
    position: relative;
    font-size: 1.15em;
}

.gnav>li:after {
    display: inline-block;
    content: "";
    width: 1px;
    height: 12px;
    background: #ddd;
    position: absolute;
    right: 5px;
    top: 7px
}

.gnav>li:last-child {
    background: 0 0;
    padding-right: 0;
    margin-right: 0
}

.gnav>li:last-child:after {
    display: none
}

.gnav>li a {
    color: #fff!important;
    font-weight: 500;
}

.gnav>li a:hover {
    color: #000;
    background-color: #F29057;
    border-radius: 3px;
    text-decoration: none;
    font-weight: 600;
}

.gnav li a.useredit {
    padding: 0 5px 0 3px
}

.gnav li a.logout.btn {
    position: relative;
    padding: 3px 10px 3px 10px;
    margin-top: 0;
}

.login_gnav li {
    position: relative
}

.login_gnav .font-size {
    display: inline-block;
    position: relative;
    float: left;
    top: 0;
    margin: 3px 0
}

.login_gnav .font-size a {
    display: block;
    width: 22px;
    height: 22px;
    background: url(../../inc/img/font-medium.png) 3px no-repeat #a0c0c0;
    transition: 150ms;
    border-radius: 2px;
    font: 0/0 a
}

.login_gnav .font-size ul {
    position: absolute;
    width: 100%;
    display: none;
    z-index: 999
}

.login_gnav .font-size ul li {
    padding: 0;
    margin: 0;
    background: 0 0
}

.login_gnav .font-size ul.focuson,.login_gnav .font-size:hover ul {
    display: inline-block
}

.login_gnav .font-size ul li a {
    display: block;
    width: 22px;
    height: 22px;
    transition: 150ms;
    background-color: #4b3b76;
    background-repeat: no-repeat;
    background-position: center
}

.login_gnav .font-size a.focuson,.login_gnav .font-size:hover a {
    background-color: #a0c0c0;
    border-radius: 1px;
}

.login_gnav .font-size li.medium a,.login_gnav .font-size li.small a {
    background-color: #ed6f01;
    border-radius: 0
}

.login_gnav .font-size li.large a {
    background-color: #ed6f01;
    border-radius: 1px;
}

.login_gnav .font-size li.small a {
    background: url(../../inc/img/font-smail.png) 1px no-repeat #737373
}

.login_gnav .font-size li.medium a {
    background: url(../../inc/img/font-medium.png) 3px no-repeat #737373
}

.login_gnav .font-size li.large a {
    background: url(../../inc/img/font-large.png) 1px no-repeat #737373
}

.login_gnav .font-size ul li.is-active a {
    background-color: #a0c0c0;
}

.logout {
    color: #fff!important;
    font-size: 1em!important;
    float: right;
    padding: 0px 5px;
    margin-top: 24px;
    text-decoration: none!important;
    background: #000!important;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    display: inline-block;
    border-radius: 4px;
}

.logout:hover {
    background: #e5c100!important;
    color: #000!important;
    font-weight: 600!important;
    padding: 3px 9px!important;
    font-size: 1em!important;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.logout .fa {
    display: inline-block;
    font-size: 1.23em;
    padding: 1px;
    position: relative;
    top: 1px
}

.logout span.btn-txt {
    margin: 0;
    padding: 0
}

.menu_box {
    background: #f1f1f1;
    height: 56px;
    display: block
}

.menu_box .wsize {
    background: url(../../inc/img/menu_bg.gif) top repeat-x #fff
}

#hd {
    zoom:1;height: auto
}

#hd h1 {
    padding: 0;
    float: left
}

#hd h1 a {
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    line-height: 99999em;
    overflow: hidden;
    font-size: 0;
    width: 350px;
    height: 30px;
    padding: 12px 0;
    margin: 5px 0 3px 18px;
    color: #003D7C;
    text-align: right;
    background: url(../img/layout/logo.png) left center no-repeat
}

a.simple-text {
    display: none;
    margin: 10px;
    position: absolute;
    padding: 9px 10px 6px;
    min-width: 32px;
    min-height: 30px
}

.index_header a.simple-text {
    display: none;
    margin: 10px;
    position: absolute;
    left: 0;
    top: 45px;
    padding: 9px 10px;
    min-width: 32px;
    min-height: 30px
}

a.simple-text i.fastyle-bars {
    background: url(../../inc/img/bars.svg) center center no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block
}

a.simple-text i.fastyle-times {
    background: url(../../inc/img/times.svg) center center no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block
}

#menu {
    display: inline-block;
    clear: both;
    padding-left: 6px
}

#menu a {
    text-decoration: none;
    display: block;
    cursor: pointer
}

#menu dd,#menu dt {
    float: left;
    overflow: hidden
}

#menu dd[lang^="0"] {
    padding-left: 30px
}

#menu dt.last {
    float: right
}

#menu dt.first {
    width: 10px
}

#menu a span {
    color: #000;
    display: block;
    font-size: 1.23em!important;
    font-weight: 700;
    padding: 17px 15px 15px;
    letter-spacing: 1px;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

#menu a:hover {
    color: #000
}

#menu a:hover span {
    color: #000;
    letter-spacing: 2px;
    letter-spacing: 1px\9
}

#menu dd.current a,#menu dd.current a:hover {
    color: #ed6f01;
    font-weight: 700;
    letter-spacing: 1px;
    text-shadow: none;
    background: url(../img/menu_active_bg.png) bottom repeat-x;
    position: relative;
    height: 56px
}

#menu dd.current a:after {
    content: "";
    width: 0;
    height: 0;
    border: 12px solid;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    opacity: 1;
    position: relative;
    overflow: hidden;
    bottom: 27px;
    z-index: 13;
    border-color: transparent transparent #ed6f01;
    left: calc(50% - 12px)
}

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
    #menu dd.current a:after {
        bottom: 15px
    }
}

#menu dd.current a span,#menu dd.current a:hover span {
    color: #000;
    text-shadow: none;
    letter-spacing: 2px
}

#menu dd a:hover span {
    color: #eb6e00
}

#menu dt.last {
    width: 20px;
    background: url(../img/menu/menu_bg.gif) right top no-repeat
}

#menuSub dl,#menuSub dt {
    margin: 0;
    padding: 0
}

#menuSub dl {
    display: none
}

#menuSub dl.current {
    display: block
}

#menuSub {
    width: 185px;
    border-right: 1px silver solid;
    padding-bottom: 50px;
    position: relative;
    z-index: 1;
    padding-top: 3px
}

#menuSub:after {
    content: "";
    opacity: 1;
    display: block;
    height: 45px;
    width: 1px;
    margin: 0;
    top: 0;
    right: -1px;
    background: url(../../inc/img/menu_after_bg.png) top center no-repeat;
    position: absolute;
    overflow: hidden
}

#menuSub:before {
    content: "";
    opacity: 1;
    display: block;
    height: 52px;
    width: 1px;
    margin: 0;
    bottom: 0;
    right: -1px;
    background: url(../../inc/img/menu_before_bg.png) top center no-repeat;
    position: absolute;
    overflow: hidden
}

#menuSub dt {
    padding: 0 2px 0 6px;
    position: relative
}

#menuSub a {
    display: block;
    position: relative;
    text-decoration: none;
    padding: 7px 16px 7px 5px!important;
    margin: 5px 0!important
}

#menuSub a span {
    font-size: 1.15em!important;
    display: block;
    cursor: pointer;
    font-weight: 700;
    color: #524e4d;
    text-align: left;
    text-shadow: none;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

#menuSub a:hover {
    color: #ed6f01
}

#menuSub a:hover span {
    color: #ed6f01;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

#menuSub dt.current a,#menuSub dt.current span {
    color: #fff;
    text-shadow: none;
    position: relative
}

#menuSub dt.current a:hover span {
    color: #fff
}

#menuSub .single a {
    display: block
}

#menuSub .single a span {
    display: block;
    font-size: 1em;
    font-weight: 700;
    z-index: 11;
    background: 0 0
}

#menuSub .single a:hover,#menuSub .single a:hover span,#menuSub dt.current .single a,#menuSub dt.current .single a:hover {
    color: #ed6f01
}

#menuSub dt.current .single a span,#menuSub dt.current .single a:hover span {
    color: #fff
}

#menuSub dt span {
    position: relative;
    display: inline-block;
    width: 100%
}

#menuSub dt span.multilayer,#menuSub dt span.single {
    background: url(../../inc/img/menu_line.gif) left bottom repeat-x #fff
}

#menuSub dl dt .multilayer a:before,#menuSub dl dt .single a:before {
    content: "";
    opacity: 1;
    display: block;
    height: 20px;
    width: 22px;
    margin: 0;
    top: 27%;
    right: 1px;
    position: absolute;
    overflow: hidden;
    z-index: 1;
    background: url(../../inc/img/menu_icon_d.gif) center center no-repeat
}

#menuSub dl dt a:hover:before {
    background: url(../../inc/img/menu_icon_h.gif) center center no-repeat;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

#menuSub dl dt.current a:before {
    background: url(../../inc/img/menu_icon_h.gif) center center no-repeat;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -ms-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
    opacity: 0;
}

#menuSub dl dt.current a:hover:before {
    background: url(../../inc/img/menu_icon_h.gif) center center no-repeat;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -ms-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s
}

#menuSub dl dt.current .multilayer a:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

#menuSub dt .sub_wp {
    display: none;
    background: url(../../inc/img/menu_sub_bg.gif) right repeat-y
}

#menuSub dt.current .sub_wp {
    display: block;
    position: relative
}

#menuSub dt.current a {
    border-radius: 5px;
    background:  #fff;
    margin-right: 3px!important
}

#menuSub dl.current dt.current .multilayer a:after,
#menuSub dl.current dt.current .single a:after {
    content: "";
    opacity: 1;
    display: block;
    height: 20px;
    width: 22px;
    margin: 0;
    top: 27%;
    right: -2px;
    position: absolute;
    overflow: hidden;
    z-index: 10;
    background: url(../../inc/img/menu_icon_a.png) center center no-repeat
}

#menuSub dt.current .sub_wp a:before {
    content: "";
    opacity: 1;
    display: block;
    height: 0;
    width: 0;
    margin: 0;
    top: 18px;
    left: 8px;
    border: 3px solid;
    position: absolute;
    overflow: hidden;
    z-index: 1;
    border-color: transparent transparent transparent #ababab;
    background: 0 0;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

#menuSub dt.current .sub_wp a:hover:before {
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

#menuSub dt.current .sub_wp a.current:before,
#menuSub dt.current .sub_wp a:hover:before {
    border-color: transparent transparent transparent #ed6f01;
    left: 12px;
    background: 0 0
}

#menuSub dt .sub_wp a span {
    color: #111;
    font-size: 1em;
    font-weight: 400;
    padding-left: 14px;
    background: 0 0!important
}

#menuSub dt .sub_wp a {
    border: none;
    background: url(../../inc/img/menu_line.gif) left bottom no-repeat;
    position: relative;
    margin: 0!important;
    padding: 12px 5px!important
}

#menuSub dt.current a.current {
    background: url(../../inc/img/menu_line.gif) left bottom no-repeat #fff!important;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

#menuSub dt .sub_wp a.current span,#menuSub dt .sub_wp a.current:hover span {
    color: #ed6f01;
    background: url(../../inc/img/menu_line.gif) left bottom no-repeat #f4f4f4
}

#menuSub dt .sub_wp a:hover span {
    color: #ed6f01;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

#contact {
    background: #f1f1f1;
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0;
    float: left;
    text-align: center
}

#contact .wsize {
    background: #fff;
    display: inline-block;
    width: 100%;
    min-height: 600px
}

.footerNav{
	float: left;
	margin: 0 1% 0 0;
	width: calc(77% / 8);
}

.footerNav:first-child{
	float: left;
	margin: 0 1% 0 1%;
}

.footerNav>a{
	font-size: 1em;
}

.footerNav>a:hover{
	background-color: #e5c100;
}

.footerNav>ul>li{
	font-size: 1em;
	line-height: 1.5em;
}

.footerNav>ul>li>a:hover{
	background-color: #e5c100;
}

#FooterInfo {
    background: url(../../inc/img/footerImg.png) rgba(0,0,44);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: inline-block;
    width: 100%;
    float: left;
}

#FooterInfo.open {
/*     border-top: 1px solid #ddd */
}

#FooterInfo .footer_info {
    display: none;
    width: 100%;
}

#FooterInfo .footer_info ul {
    margin: 10px 0 30px;
    min-height: 80px
}

#FooterInfo .footer_info ul li a {
    color: #fff;
    padding: 2px 10px 12px 20px;
    font-size: 1.2em;
    width: 100%;
    display: inline-block;
    border-radius: 5px;
    line-height: 1.1;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

#FooterInfo .footer_info ul li a:hover {
    color: #F29057;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

#FooterInfo .footer_info>ul {
    display: inline-block;
    width: 100%;
    margin: 30px 0 0
}

#FooterInfo .footer_info>ul>li {
    float: left;
    width: 25%;
    display: inline-block;
    padding: 0 1.5%
}

#FooterInfo .footer_info>ul>li>a {
    color: #fff;
    font-size: 1.4em;
    padding: 5px 10px 5px 20px;
    width: 100%;
    display: inline-block;
    font-weight: 700;
}

#FooterInfo .footer_info>ul>li>a:hover {
    color: #F29057
}

#Footer {
    background: #fff;
    float: left;
    width: 100%;
    padding: 5px 0 0 0;
}

#Footer:before {
    content: "";
    display: block;
    height: 5px;
    width: 100%;
}

#Footer .wsize {
    padding-top: 0;
    padding-bottom: 15px;
    min-height: 150px
}

#Footer .index_copyright {
    color: #707070;
    padding: 20px 0 30px;
    display: inline-flex;
    line-height: 1.188rem;
/*     width: calc(100% - 140px); */
    text-align: left;
    margin: 0 2%;
    clear: both;
}

#Footer .index_copyright ul {
    display: inline-block;
    width: 100%;
    margin-top: 10px
}

#Footer .index_copyright ul li {
    float: left;
    margin-right: 5px
}

#Footer .index_copyright ul li a {
    background: #607373;
    color: #fff;
    padding: 6px 10px 5px
}

#Footer .footer_link {
    display: inline-block;
    float: left;
    padding-top: 20px;
    width: 130px;
    margin-left: 10px;
    text-align: left
}

#Footer .footer_link a {
    display: inline-block
}

#Footer .footer_link ul {
    margin-bottom: 10px
}

#Footer .footer_link ul li {
    margin-bottom: 5px;
    padding-left: 0
}

#Footer .footer_link ul li a {
    color: #565656;
    padding: 0 2px;
    display: inline-block
}

#Footer.wrapper {
    background: #f1f1f1;
    text-align: center;
    float: left;
    width: 100%
}

#Footer.wrapper .wsize {
    background: #f1f1f1;
    color: #858585;
    padding-top: 20px;
    padding-bottom: 15px;
    min-height: 150px
}

#goToTop {
    bottom: 30px;
    position: fixed;
    right: 20px;
    z-index: 1000
}

#goToTop a {
    background: url(../../inc/img/gototop.png) no-repeat rgba(0,0,0,0);
    display: inline-block;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    position: relative;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    top: 0
}

#goToTop a:hover {
    top: -20px;
    opacity: 1;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

@media (max-width: 719px) {
    #Header {
        padding: 0 10%;
    }

    #Header.index_header .logo a {
        float: left
    }

    .index_header a.simple-text {
        display: inline-block;
        left: 0!important;
        top: 45px;
        right: inherit
    }

    a.simple-text {
        display: inline-block;
        right: 0;
        top: 0;
        left: inherit
    }

    #Banner .groupmenu {
        width: 100%;
        position: relative;
        display: inherit
    }

    #Banner .groupmenu ul {
        border-left: none
    }

    #Banner .groupmenu ul li {
        width: 100%;
        border-left: none;
        border-right: none
    }

    #Banner .groupmenu ul li a {
        padding: 18px 0 18px 75px
    }

    #Banner .groupmenu ul li a span {
        position: relative
    }

    #Banner .groupmenu ul li.registered a span {
        left: 0
    }

    #Footer .index_copyright {
        width: 100%;
        display: block;
    }
    
    #Footer .index_copyright .area1 img {
    	margin: 0 auto;
    	display: block;
    }
    
    #Footer .index_copyright .area2{
    	margin: 3% auto!important;
    	width: 50%
    }
    
    #Footer .index_copyright .area3{
    	margin: auto!important;
    	width: 70%
    }

    #Footer .footer_link {
        display: none
    }

    #FooterInfo .footer_info ul {
        min-height: inherit;
        margin-bottom: 10%;
        display: inline-block
    }

    #FooterInfo .footer_info ul li {
        width: 100%;
        float: left
    }

    #FooterInfo .footer_info>ul>li {
        width: 100%
    }

    .wrapper .wsize {
        padding: 0 10px!important
    }

    #Footer.wrapper .wsize {
        padding-top: 20px!important
    }

    #Footer .index_copyright ul {
        display: none
    }

    #Header {
    	max-width: 719 px;
        height: auto;
/*         background: url(../../inc/img/headerImg.jpg); */
		background: #112854;
    }

    a.key {
        display: none
    }

    .nav_area {
        top: 0;
        float: left;
        width: 100%;
        margin-top: 0
    }

    .nav_area .gnav.login_gnav {
        float: left;
        width: 100%;
        margin: 20px 0 0;
        padding: 0;
        background: none;
        border-bottom: 1px #cacbcd solid;
        display: block;
    }
    
    .gnav>li:after {
    	background: none;
    }

    .nav_area .gnav.login_gnav li {
        width: 100%;
        padding-right: 0;
        margin-right: 0;
        border-right: none;
        background: 0 0;
        border-bottom: 1px #ccc solid
    }

    .nav_area .gnav.login_gnav li[data-index="5"] {
        display: none
    }

    .nav_area .gnav.login_gnav li a {
        padding: 5px 10px;
        display: inline-block;
        width: 100%;
        font-size: 1.2em
    }

    .nav_area .gnav.login_gnav li a.logout.btn {
        top: 0;
        width: calc(100% - 20px);
        margin: 0 10px 10px
    }

    .nav_area .gnav.login_gnav li a.logout.btn span {
        font-size: 1.5em
    }

    .nav_area .gnav.login_gnav li[data-index="6"],
    .nav_area .gnav.login_gnav li[data-index="7"] {
        border-bottom: none;
        margin: 5px 0
    }

    #goToTop {
        display: none!important
    }

    #accordion {
        margin: 18px 10px
    }

    .rwdStyle .page-sidebar {
        width: 100%;
        margin: 0
    }

    .rwdStyle .page-content-wrapper {
        padding: 0
    }

    .rwdStyle .page-content-wrapper .content_info {
        padding-left: 0
    }

    .rwdStyle #Index-Contact .content_info {
        padding: 0 10px
    }
}
/* ----------TEMPLATEV2.CSS ENDS---------- */

/* NEWS AREA STARTS */
.news_area {
    display: inline-block;
    width: 100%;
    margin-top: 2%;
}

.news_area div {
    display: inline-block;
    width: 48%;
    float: left;
    margin: 60px 1% 20px;
}

.news_area div.news_box {
    padding: 0;
    background: rgba(255,255,255,.25);
    border-radius: 3px;
    min-height: 400px;
}

#latest_news {
	position:relative;
}

.news_area div.post_box {
    padding: 0;
    background: rgba(255,255,255,.25);
    min-height: 400px;
}

.news_area div h3, .link_area h3 {
    width: 100%;
    text-align: left;
    font-size: 2em;
    color: #0066cb;
    background: transparent;
    position: relative;
    margin-top: -44px;
    padding-left: 10px;
}

.news_area div h3 p, .link_area h3 p {
    display: inline-block;
    position: relative;
    color: #fff;
    padding: 8px 0px;
    font-size: 0.75em;
    z-index: 1;
}

.news_area div h3 p svg {
    margin-right: 10px
}

.news_area div h3:after, .link_area h3:after {
    content: "";
    position: absolute;
    width: 105px;
    height: 44px;
    background: #01739C;
    left: 0%;
    top: -10%;
    border-radius: 10px 10px 0 0;
}

.news_area div.news_box ul li {
    display: inline-block;
    float: left;
    width: 100%;
    border-bottom: 2px #E5E5E5 dashed;
}

.news_area div.news_box ul li:hover {
	background: rgba(204, 204, 204, 0.3);
}

.news_area div ul li span {
    display: inline-block;
    float: left;
    font-size: 1.2em;
    color: #0265cb;
    font-weight: 700;
    max-width: 75px;
    cursor: pointer;
}

.news_area div ul li span.newtags_customs {
    color: #D95D41;
    float: revert;
}

.news_area div ul li p {
    display: inline-block;
    float: right;
    font-size: 1.2em;
    width: calc(100% - 20%);
    min-height: 46px;
    cursor: pointer;
    text-align: left;
    line-height: 1.5;
}

.news_area a.news_more {
    color: #707070;
    font-size: 1.1em;
    font-weight: 700;
    float: right;
    bottom: 0;
    padding: 10px 15px;
    border-style: solid;
    border-radius: 4px;
}

.news_area a.news_more:hover{
	background: #707070;
	border-color: #707070;
	color: #fff;
}

.link_area {
	background: rgba(255,255,255,.25);
	width: 98%;
	margin: 7% 0 0 1%;
}

@media (max-width: 719px) {
	.news_area div {
	    display: block;
	    width: 98%;
/* 	    float: left; */
/* 	    margin: 60px 1% 20px; */
	}
}
/* NEWS AREA ENDS */


/* LOGIN FORM STARTS */
#formWrapper {
	position: absolute;
	z-index: 10;
/* 	left: calc((100% - 330px)/1.2); */
	right: 0;
	top: 0;
	background-image: linear-gradient(to right bottom, rgb(120, 216, 245, 70%), rgb(0, 58, 91, 40%));
	width: 330px;
	height: 99%;
	box-shadow: -1px 4px 28px 0px rgb(0 0 0 / 45%);
}

#formWrapper #formLogin .formLogo h1 {
	font-size: x-large;
	font-weight: 600;
	padding-top: 3%;
	color: #fff;
}

#formWrapper #formLogin .form-item {
	padding: 2% 14%;
}

#codeSpan {
	display: inline-block;
	padding: 6px 0;
	position: relative;
}

#formWrapper #formLogin .form-item #codeSpan a {
	text-decoration: none;
	position: absolute;
	top: 14px;
	padding-left: 6px;
}

#formWrapper #formLogin .form-item a i {
	color: #fff;
	background: #85c8c9;
	padding: 8px;
	border-radius: 5px;
}

#formWrapper #formLogin p {
	font-family: sans-serif;
	font-size: medium;
	font-weight: 300;
	color: #fff;
	padding: 1.5% 0%;
}

#Signup:hover {
	text-decoration: underline;
}

#formWrapper #formLogin input {
	width: 100%;
	border-radius: 10px;
	box-shadow: -1px 2px 20px 0px rgb(0 0 0 / 20%);
	height: 8%;
	min-height: 30px!important;
}

#formWrapper #formLogin button {
	width: 100% !important;
	border-radius: 10px !important;
	margin: 0% !important;
	box-shadow: -1px 2px 20px 0px rgb(0 0 0 / 20%);
}

#formLogin {
	margin: 1%;
	border-radius: 1%;
	border-width: 5px;
	height: 98%;
	box-shadow: -1px 2px 20px 0px rgb(0 0 0 / 20%);
}

.circle {
	width: 88px!important;
	height: 88px;
	margin: 0!important;
	border-radius: 50%;
	padding-top: 15px;
	border: #78c2c4 5px solid;
}

.postBoxCircle {
	width: 140px!important;
	height: 140px;
	margin: 0!important;
	background: rgba(179, 191, 214, 50%);
	border-radius: 50%;
}

.postBoxCircle2 {
	width: 140px!important;
	height: 140px;
	margin: 0!important;
	background: rgba(93, 0, 179, 50%);
	border-radius: 50%;
}
/*LOGIN FORM ENDS*/


/* NEW RWD MOBILE VERSION STARTS BY HSUANLIN 20210105 */
@media (max-width: 719px) {
	.gnav>li a{
		color: #000;
		font-weight: 600;
		text-align: center;
	}
	
	#Nav ul.nav_ul {
		width: 100%;	
	}
	
	#Nav ul.nav_ul li a {
		padding: 2% 0%;
	}
		
	#Nav ul.nav_ul li ul li {
		float: none;
		width: 100%!important;
	}
	
	#Nav ul.nav_ul li div > ul{
		border-top: dotted;
		border-top-color: whitesmoke;
	}
	
	#Nav ul.nav_ul li:hover > a::before
	{
		/* border去除小箭頭 */
	    border: 0px solid;
	}
	
	#Nav ul.nav_ul li ul li a{
		color: #000;
	}
	
	#Nav ul.nav_ul li ul li a:hover {
	    text-decoration: none;
	    background-color: #f29057;
	    color: #fff;
	    border-radius: 4px!important;
	}
		
	#Nav ul.nav_ul li ul li ul li a {
		width: 100%;
	}
	
	#Nav ul.nav_ul li ul li ul li a span {
		color: #000;
	}
	
	#Nav ul.nav_ul li ul li a:hover span {
	    color: #fff;
	}
	
	#Nav ul.nav_ul li .submenu_area {
		right: 0;
		margin-right: 0;
		padding: 0% 0% 3% 0%;
		box-shadow: 0 0 18px rgba(35,145,0,.0);
		background: #fff;
		min-height: 0;
	}
						
	#Nav ul.nav_ul li .submenu_area ul li a {
		padding-top: 1%;
		padding-left: 10%;
		padding-bottom: 1%;
	}
	
	#Nav ul.nav_ul li ul li.submenu_multilayer > a:before {
	    background: url(../../inc/img/menu_icon_b.png) center center no-repeat!important;
	    /*增加箭頭圖片亮度*/
	    filter: brightness(100%);
		left: 5%;
	}
	
	#Nav ul.nav_ul li ul li.submenu_multilayer>a:hover {
        color: #fff;
    }
       
    .footerBox{
		width: 100%;
		display: block;
	}
	
	.footerNav{
		width: calc(70% / 4);
	}
	
	.footerNav:first-child{
		float: left;
		margin: 0 2% 0 1%;
		width: 20%;
	}
	
	.clearFloat{
		clear: both;
		height: 20px;
	}

}
/* NEW RWD MOBILE VERSION ENDS BY HSUANLIN 20210105 */

/* LOGIN FORM STARTS */
#formWrapper {
	position: absolute;
	z-index: 10;
/* 	left: calc((100% - 330px)/1.2); */
	right: 0;
	top: 0;
	background-image: linear-gradient(to right bottom, rgb(120, 216, 245, 70%), rgb(0, 58, 91, 40%));
	width: 330px;
	height: 100%;
	box-shadow: -1px 4px 28px 0px rgb(0 0 0 / 45%);
}

#formWrapper #formLogin .formLogo h1 {
	font-size: x-large;
	font-weight: 600;
	padding-top: 3%;
	color: #fff;
}

#formWrapper #formLogin .form-item {
	padding: 2% 14%;
}

#codeSpan {
	display: inline-block;
	padding: 6px 0;
	position: relative;
}

#formWrapper #formLogin .form-item #codeSpan a {
	text-decoration: none;
	position: absolute;
	top: 14px;
	padding-left: 6px;
}

#formWrapper #formLogin .form-item a i {
	color: #fff;
	background: #85c8c9;
	padding: 8px;
	border-radius: 5px;
}

#formWrapper #formLogin p {
	font-family: sans-serif;
	font-size: medium;
	font-weight: 300;
	color: #fff;
	padding: 1.5% 0%;
}

#Signup:hover {
	text-decoration: underline;
}

#formWrapper #formLogin input {
	width: 100%;
	border-radius: 10px;
	box-shadow: -1px 2px 20px 0px rgb(0 0 0 / 20%);
	height: 8%;
	min-height: 30px!important;
}

#formWrapper #formLogin button {
	width: 100% !important;
	border-radius: 10px !important;
	margin: 0% !important;
	box-shadow: -1px 2px 20px 0px rgb(0 0 0 / 20%);
}

#formLogin {
	margin: 1%;
	border-radius: 1%;
	border-width: 5px;
	height: 98%;
	box-shadow: -1px 2px 20px 0px rgb(0 0 0 / 20%);
}

.circle {
	width: 88px!important;
	height: 88px;
	margin: 0!important;
	border-radius: 50%;
	padding-top: 15px;
	border: #78c2c4 5px solid;
}

.postBoxCircle {
	width: 140px!important;
	height: 140px;
	margin: 0!important;
	background: rgba(179, 191, 214, 50%);
	border-radius: 50%;
}

.postBoxCircle2 {
	width: 140px!important;
	height: 140px;
	margin: 0!important;
	background: rgba(93, 0, 179, 50%);
	border-radius: 50%;
}
/*LOGIN FORM ENDS*/



/* FROM CFRAME LAYOUT STARTS BY 6590 HSUANLIN 20210423 */
@media(min-width:719px){	
		
	/* 新增表格三欄位型式 */
	div.div_sg .div_hd.col3Hd{
		width: 11%!important;
	}
	
	div.div_sg .div_info.col3Info{
		width: 20%!important;
	}
	
	/* 新增表格三欄位打通成兩欄型式 */
	div.div_sg .div_hd.col32Hd{
		width: 11%!important;
	}
	
	div.div_sg .div_info.col32Info{
		width: 51%!important;
	}
	
	/* 新增表格三欄位打通成單欄型式 */
	div.div_sg .div_hd.col31Hd{
		width: 11%!important;
	}
	
	div.div_sg .div_info.col31Info{
		width: 82%!important;
	}
	
	/* 新增表格四欄位型式 */
	div.div_sg .div_hd.col4Hd{
		width: 9%!important;
	}
	
	div.div_sg .div_info.col4Info{
		width: 16%!important;
	}
	
	/* 新增表格四欄位打通成三欄型式 */
	div.div_sg .div_hd.col43Hd{
		width: 9%!important;
	}
	
	div.div_sg .div_info.col43Info{
		width: 66%!important;
	}
	
	/* 新增表格四欄位打通成兩欄型式 */
	div.div_sg .div_hd.col42Hd{
		width: 9%!important;
	}
	
	div.div_sg .div_info.col42Info{
		width: 41%!important;
	}
	
	/* 新增表格四欄位打通成單欄型式 */
	div.div_sg .div_hd.col41Hd{
		width: 9%!important;
	}
	
	div.div_sg .div_info.col41Info{
		width: 91%!important;
	}
	
	/* 新增表格五欄位型式 */
	div.div_sg .div_hd.col5Hd{
		width: 6%!important;
	}
	
	div.div_sg .div_info.col5Info{
		width: 14%!important;
	}
	
	/* 新增欄位在表格當中垂直高度置中 */
	.vtMiddle {
		vertical-align: middle;
	}
	
}
/* FROM CFRAME LAYOUT ENDS BY 6590 HSUANLIN 20210423 */


/* 調整MENU縮放的字體大小 BY 6590 HSUANLIN 20210423 */
@media( max-width: 960px ) {
	#Nav ul.nav_ul li a {
		padding: 17px 15px;
	}
	
	#Nav ul.nav_ul li a {
		font-size: 1.2em;
	}	
	
	.gnav>li {
		font-size: 1em;
	}
}

/* 調整MENU縮放的字體大小 BY 6590 HSUANLIN 20210423 */
@media( max-width: 850px ) {
	#Nav ul.nav_ul li a {
		padding: 17px 13px;
	}
	
	#Nav ul.nav_ul li a {
		font-size: 1.1em;
	}
	
	.gnav>li {
		font-size: 0.9em;
		padding: 0 8px 0 0;
	}
}

/* 調整grid checkbox大小 BY 6590 HSUANLIN 20210423 */
.gj-checkbox-bootstrap span {
	width: 16px;
	height: 16px;
}

/* 調整日歷元件年份顯示分開 BY6590 HSUANLIN 20210820 */
.datepicker-years .table-condensed span.year {
	padding-right: 4px;
}