You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1223 lines
24 KiB
1223 lines
24 KiB
/*common*/
|
|
/*
|
|
#00797e - green
|
|
#ff4f54 - pink
|
|
#293141 - navy
|
|
*/
|
|
body {
|
|
font-size: 16px;
|
|
color: #484848;
|
|
background-color: #fff;
|
|
word-break: keep-all;
|
|
}
|
|
sup {
|
|
top: -0.3em;
|
|
}
|
|
button:focus,
|
|
.btn {
|
|
outline: none !important;
|
|
-webkit-box-shadow: 0 !important;
|
|
box-shadow: 0 !important;
|
|
}
|
|
span {
|
|
outline: none !important;
|
|
}
|
|
ol, ul, li {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
h1,h2,h3,h4,h5,h6 {
|
|
margin: 0;
|
|
font-weight: 600;
|
|
}
|
|
a {color: #484848;}
|
|
a:hover {
|
|
color: inherit;
|
|
text-decoration: none;
|
|
}
|
|
.upper {
|
|
text-transform: uppercase !important;
|
|
}
|
|
.smaller {font-size: 60%;}
|
|
.highlight {
|
|
color: #3990a9;
|
|
font-style: normal;
|
|
}
|
|
.highlight_notice {
|
|
color: #ff7632;
|
|
font-style: normal;
|
|
}
|
|
/*layout*/
|
|
.container-fluid {
|
|
padding-left: 10%;
|
|
padding-right: 10%;
|
|
}
|
|
.container_block {
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
}
|
|
.nav-tabs {
|
|
border: none;
|
|
}
|
|
.card-columns {
|
|
-webkit-column-count: 2;
|
|
column-count: 2;
|
|
}
|
|
.dp_none {display: none;}
|
|
|
|
.flex_list {display: -webkit-box;display: -ms-flexbox;display: flex;}
|
|
.justify_spacebetween {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
|
|
.align_center {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
|
|
|
|
/*form*/
|
|
textarea:focus,
|
|
input[type="text"]:focus,
|
|
input[type="password"]:focus,
|
|
input[type="datetime"]:focus,
|
|
input[type="datetime-local"]:focus,
|
|
input[type="date"]:focus,
|
|
input[type="month"]:focus,
|
|
input[type="time"]:focus,
|
|
input[type="week"]:focus,
|
|
input[type="number"]:focus,
|
|
input[type="email"]:focus,
|
|
input[type="url"]:focus,
|
|
input[type="search"]:focus,
|
|
input[type="tel"]:focus,
|
|
input[type="color"]:focus,
|
|
.uneditable-input:focus,
|
|
select.form-control:focus,
|
|
textarea.form-control:focus {
|
|
border-color: rgba(94, 203, 214, 1);
|
|
-webkit-box-shadow: 0 0 2px rgba(104, 212, 223, 0);
|
|
box-shadow: 0 0 2px rgba(104, 212, 223, 0);
|
|
outline: 0 none;
|
|
}
|
|
|
|
.sel_box {
|
|
width: 200px;
|
|
padding: .6em 1.2em;
|
|
font-family: inherit;
|
|
border: 1px solid #f1feff;
|
|
border-radius: 0.25rem;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
background: url('/images/common/sel_box.png') no-repeat 90% 50%;
|
|
background-color: #cad2d6;
|
|
color: #f1feff;
|
|
}
|
|
select.sel_box::-ms-expand,
|
|
select.sel_box2::-ms-expand,
|
|
select.sel_box_btn::-ms-expand {
|
|
display: none;
|
|
}
|
|
.sel_box2 {
|
|
font-family: inherit;
|
|
border: 1px solid #f1feff;
|
|
border-radius: 0;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
background: url('/images/common/sel_box.png') no-repeat 97% 50%;
|
|
color: #f1feff;
|
|
}
|
|
.sel_box_btn {
|
|
padding-right: 1.5rem;
|
|
color: #8f8f8f;
|
|
border: 1px solid #dcdcdc;
|
|
border-radius: 0.25rem !important;
|
|
background: url('/images/common/sel_box_btn.png') no-repeat right 8px center #fff;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
}
|
|
.sel_box_btn2 {
|
|
color: #8f8f8f;
|
|
border: 1px solid #dcdcdc;
|
|
border-radius: 0.25rem !important;
|
|
background-color: #fff;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
}
|
|
|
|
.form-control {
|
|
font-size: 14px;
|
|
border-radius: 0;
|
|
}
|
|
.form-group label span {
|
|
display: block;
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
}
|
|
.form-group label span em {
|
|
color: #5ecbd6;
|
|
font-style: normal;
|
|
}
|
|
.form-check {
|
|
margin-bottom: 0.5rem;
|
|
padding-left: 1.75rem;
|
|
}
|
|
.form-check-inline {
|
|
margin-bottom: 0;
|
|
padding-left: 1.75rem;
|
|
}
|
|
.form-check input[type="checkbox"],
|
|
.form-check input[type="radio"] {
|
|
display: none;
|
|
}
|
|
.form-check label {
|
|
position: relative;
|
|
font-size: 14px;
|
|
}
|
|
.form-check label::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 1px;
|
|
left: -1.75rem;
|
|
width: 20px;
|
|
height: 20px;
|
|
border: 1px solid #ced4da;
|
|
}
|
|
.form-check input[type="checkbox"]:checked + label::before,
|
|
.form-check input[type="radio"]:checked + label::before {
|
|
border-color: #66d1dc;
|
|
background-image: url('/images/common/icon_input_check.png');
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
.form_inbox {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
}
|
|
.btn_common {
|
|
display: block;
|
|
padding: 4px 6px;
|
|
color: #fff;
|
|
font-weight: 600;
|
|
border: 1px solid #3990a9;
|
|
background-color: #3990a9;
|
|
border-radius: 1rem;
|
|
}
|
|
.btn_common:hover {
|
|
color: #fff;
|
|
}
|
|
.btn_area ul {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
}
|
|
.btn_area ul li {
|
|
}
|
|
.btn_area ul li + li {
|
|
margin-left: 20px;
|
|
}
|
|
.form_btn_area {
|
|
margin-top: 50px;
|
|
}
|
|
.form_btn_area button {
|
|
padding: 10px 30px;
|
|
width: 100%;
|
|
font-size: 14px;
|
|
border: 1px solid #bfbfbf;
|
|
border-radius: 0.25rem;
|
|
background-color: #fff;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
}
|
|
.form_btn_area button[type="submit"] {
|
|
border-color: #66d1dc;
|
|
color: #66d1dc;
|
|
}
|
|
|
|
/*icon*/
|
|
.icon {
|
|
background-repeat: no-repeat;
|
|
}
|
|
.icon_lang {
|
|
padding-right: 16px;
|
|
background-image: url('/images/header/icon_global.png');
|
|
background-position: right center;
|
|
}
|
|
.r_white {
|
|
padding-right: 13px;
|
|
background-image: url('/images/common/r_white.png');
|
|
background-position: right 0;
|
|
}
|
|
.r_black {
|
|
padding-right: 13px;
|
|
background-image: url('/images/common/r_black.png');
|
|
background-position: right 0;
|
|
}
|
|
input.icon_search {
|
|
padding-right: 30px;
|
|
background-image: url('/images/common/icon_search.png');
|
|
background-position: right 8px center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
.icon_mission {
|
|
margin-right: 8px;
|
|
width: 34px;
|
|
height: 34px;
|
|
background: url('/images/aboutus/icon_mission.png') center no-repeat;
|
|
}
|
|
.icon_vision {
|
|
margin-right: 8px;
|
|
width: 34px;
|
|
height: 34px;
|
|
background: url('/images/aboutus/icon_vision.png') center no-repeat;
|
|
}
|
|
.icon_core {
|
|
margin-right: 8px;
|
|
width: 34px;
|
|
height: 34px;
|
|
background: url('/images/aboutus/icon_core.png') center no-repeat;
|
|
}
|
|
.icon_download {
|
|
background: url('/images/common/icon_download.png') center no-repeat;
|
|
}
|
|
.icon_view {
|
|
background: url('/images/common/icon_view.png') center no-repeat;
|
|
background-size: 14px 14px;
|
|
}
|
|
.icon_share {background: url('/images/common/icon_share.png') center no-repeat;}
|
|
.icon_img {background: url('/images/common/icon_img.png') center no-repeat;}
|
|
.icon_pdf {background: url('/images/common/icon_pdf.png') center no-repeat;}
|
|
.icon_word {background: url('/images/common/icon_word.png') center no-repeat;}
|
|
.icon_file {background: url('/images/common/icon_file.png') center no-repeat;}
|
|
.icon_ppt {background: url('/images/common/icon_ppt.png') center no-repeat;}
|
|
|
|
/*btn*/
|
|
.btn_primary {
|
|
border-color: #66d1dc;
|
|
background-color: #fff;
|
|
color: #66d1dc;
|
|
}
|
|
.btn_primary:hover,
|
|
.btn_primary:focus {
|
|
border-color: #66d1dc;
|
|
background-color: #66d1dc;
|
|
color: #fff;
|
|
}
|
|
.btn_secondary {
|
|
border-color: #6c757d;
|
|
background-color: #fff;
|
|
color: #6c757d;
|
|
}
|
|
.btn_secondary:hover,
|
|
.btn_secondary:focus {
|
|
border-color: #6c757d;
|
|
background-color: #6c757d;
|
|
color: #fff;
|
|
}
|
|
|
|
.btn_download {
|
|
padding: 0;
|
|
display: inline-block;
|
|
width: 28px;
|
|
height: 28px;
|
|
border: 1px solid #66d1dc;
|
|
border-radius: 0.25rem;
|
|
text-indent: -9999px;
|
|
cursor: pointer;
|
|
}
|
|
.btn_download:hover {
|
|
background-color: #dbfafc;
|
|
-webkit-transition: all ease 0.3s;
|
|
transition: all ease 0.3s;
|
|
}
|
|
.btn_share {
|
|
padding: 0;
|
|
display: inline-block;
|
|
width: 28px;
|
|
height: 28px;
|
|
border: 1px solid #c7c7c7;
|
|
border-radius: 14px;
|
|
text-indent: -9999px;
|
|
cursor: pointer;
|
|
background-size: cover;
|
|
}
|
|
.btn_share:hover {
|
|
background-color: #e2e2e2;
|
|
-webkit-transition: all ease 0.3s;
|
|
transition: all ease 0.3s;
|
|
}
|
|
.btn_type {
|
|
padding: 0;
|
|
width: 30px;
|
|
height: 39px;
|
|
cursor: pointer;
|
|
text-indent: -9999px;
|
|
border: none;
|
|
background-size: cover;
|
|
}
|
|
.btn_hashtag {
|
|
margin: 3px 1px 3px;
|
|
padding: 4px 12px;
|
|
color: #8a8a8a;
|
|
border: 1px solid #e5e5e5;
|
|
border-radius: 2rem;
|
|
background-color: #fff;
|
|
-webkit-transition: all ease 0.3s;
|
|
transition: all ease 0.3s;
|
|
}
|
|
.btn_hashtag:hover,
|
|
.btn_hashtag.active {
|
|
color: #fff;
|
|
border-color: #3990a9;
|
|
background-color: #3990a9;
|
|
}
|
|
|
|
.learn_more {
|
|
font-size: 14px;
|
|
color: #484848;
|
|
}
|
|
.learn_more:hover {
|
|
color: #3990a9;
|
|
}
|
|
.upcomm {
|
|
display: inline-block;
|
|
margin-left: 4px;
|
|
padding: 2px 8px;
|
|
color: #fff;
|
|
font-size: 9px;
|
|
font-weight: 400;
|
|
border-radius: 8px;
|
|
background-color: #3990a9;
|
|
}
|
|
|
|
/*zoom*/
|
|
.zoom_box {
|
|
overflow: hidden;
|
|
position: relative;
|
|
cursor: pointer;
|
|
}
|
|
.zoomin {
|
|
height: 100%;
|
|
width: 100%;
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
-webkit-transition: all .4s;
|
|
transition: all .4s;
|
|
}
|
|
.zoom_box:hover .zoomin, .zoom_box:focus .zoomin {
|
|
-webkit-transform: scale(1.1);
|
|
transform: scale(1.1);
|
|
}
|
|
.zoom_box:hover .zoomin:before, .zoom_box:focus .zoomin:before {
|
|
display: block;
|
|
}
|
|
.zoom_box:hover a, .zoom_box:focus a {
|
|
display: block;
|
|
}
|
|
.zoom_box h1 {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
-webkit-transform: translate(-50%, -50%);
|
|
transform: translate(-50%, -50%);
|
|
text-transform: uppercase;
|
|
text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.3);
|
|
}
|
|
.zoomin:before {
|
|
content: "";
|
|
display: none;
|
|
height: 100%;
|
|
width: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
|
|
/*swiper*/
|
|
.swiper-pagination {
|
|
bottom: -60px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
.swiper-pagination-bullet {
|
|
width: 15px;
|
|
height: 3px;
|
|
display: inline-block;
|
|
border-radius: 0;
|
|
background: #000;
|
|
opacity: 0.2;
|
|
margin: 0 4px;
|
|
}
|
|
.swiper-pagination-bullet-active {
|
|
opacity: 1;
|
|
background: #66d1dc;
|
|
}
|
|
.pagination_white .swiper-pagination-bullet {
|
|
background-color: #fff;
|
|
opacity: 1;
|
|
}
|
|
.pagination_white .swiper-pagination-bullet-active {
|
|
opacity: 1;
|
|
background: #66d1dc;
|
|
}
|
|
|
|
.swiper-button-prev,
|
|
.swiper-button-next {
|
|
position: absolute;
|
|
top: 50%;
|
|
width: 19px;
|
|
height: 35px;
|
|
margin-top: -17px;
|
|
z-index: 10;
|
|
cursor: pointer;
|
|
background-size: 19px 35px;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
.swiper-button-prev.swiper-button-disabled,
|
|
.swiper-button-next.swiper-button-disabled {
|
|
opacity: 0.35;
|
|
cursor: auto;
|
|
pointer-events: none;
|
|
}
|
|
.swiper-button-prev,
|
|
.swiper-container-rtl .swiper-button-next {
|
|
background-image: url("/images/common/swiper_btn_prev.png");
|
|
left: -5%;
|
|
right: auto;
|
|
}
|
|
.swiper-button-next,
|
|
.swiper-container-rtl .swiper-button-prev {
|
|
background-image: url("/images/common/swiper_btn_next.png");
|
|
right: -5%;
|
|
left: auto;
|
|
}
|
|
|
|
.button_white.swiper-button-prev {
|
|
background-image: url('/images/common/swiper_btn_prev_white.png');
|
|
left: 3%;
|
|
}
|
|
.button_white.swiper-button-next {
|
|
background-image: url('/images/common/swiper_btn_next_white.png');
|
|
right: 3%;
|
|
}
|
|
|
|
/*depth tab*/
|
|
.depth_tab_area {
|
|
border: 1px solid #dcdcdc;
|
|
margin-bottom: 4rem;
|
|
}
|
|
.depth_tab_area ul {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between;
|
|
}
|
|
.depth_tab_area ul li {
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
.depth_tab_area ul li button {
|
|
display: block;
|
|
margin: 0;
|
|
padding: 10px 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
color: #2b2b2b;
|
|
border: none;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
background: url('/images/common/bar_depth_tab.jpg') left center no-repeat;
|
|
cursor: pointer;
|
|
}
|
|
.depth_tab_area ul li:first-child button {
|
|
background-image: none;
|
|
}
|
|
.depth_tab_area ul li button[data-hover="active"] {
|
|
color: #fff;
|
|
font-weight: 600;
|
|
background-color: #3990a9;
|
|
background-image: none;
|
|
}
|
|
|
|
/*table*/
|
|
.table {margin-bottom: 0;}
|
|
.table img {max-width: 100% !important;}
|
|
.table_title {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
margin-bottom: 0.75rem;
|
|
padding: 0 1rem;
|
|
}
|
|
.table_title em {
|
|
padding-right: 10px;
|
|
font-size: 1.5rem;
|
|
font-weight: 600;
|
|
font-style: normal;
|
|
}
|
|
.table_title.btn_row {
|
|
display: block !important;
|
|
padding: 0 !important;
|
|
text-align: center;
|
|
}
|
|
.table_title button.filter_btn {
|
|
margin: 3px 5px 3px;
|
|
padding: 6px 12px;
|
|
color: #3990a9;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
border: 1px solid #3990a9;
|
|
border-radius: 2rem;
|
|
background-color: #fff;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
cursor: pointer;
|
|
-webkit-transition: all 0.3s ease;
|
|
transition: all 0.3s ease;
|
|
}
|
|
.table_title button.filter_btn:hover,
|
|
.table_title button.active {
|
|
color: #fff;
|
|
background-color: #3990a9;
|
|
}
|
|
.table_title .date {min-width: 60px;}
|
|
.table_title .filter_btn_area {
|
|
font-size: 12px;
|
|
}
|
|
.table_title .filter_btn_area button {
|
|
margin-top: 6px;
|
|
margin: 4px 2px 0;
|
|
}
|
|
.table_title_filter_area label {
|
|
margin-bottom: 0;
|
|
cursor: pointer;
|
|
}
|
|
.table_title_filter_area input {
|
|
display: none;
|
|
}
|
|
.table_title_filter_area label span {
|
|
display: block;
|
|
margin: 3px;
|
|
padding: 6px 1rem;
|
|
background-color: #fff;
|
|
border: 1px solid #e5e5e5;
|
|
border-radius: 1rem;
|
|
font-size: 14px;
|
|
}
|
|
.table_title_filter_area input:checked + span {
|
|
color: #fff;
|
|
background-color: #3990a9;
|
|
border-color: #3990a9;
|
|
}
|
|
.table_search_console {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-pack: end;
|
|
-ms-flex-pack: end;
|
|
justify-content: flex-end;
|
|
}
|
|
.table_search_console > div + div {
|
|
margin-left: 0.4rem;
|
|
}
|
|
.table_search_console .search_area input {
|
|
border: 1px solid #dcdcdc;
|
|
border-radius: 0.25rem !important;
|
|
}
|
|
.table_search_console .search_area input:focus {
|
|
outline: none;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none
|
|
}
|
|
.table_area {
|
|
/* padding-bottom: 30px; */
|
|
border-top: 2px solid #000;
|
|
border-bottom: 1px solid #000;
|
|
}
|
|
.table-striped tbody tr:nth-of-type(odd) {
|
|
background-color: #f9f9f9;
|
|
}
|
|
.table_default .table thead th {
|
|
padding: 12px 0;
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
text-transform: uppercase;
|
|
border-bottom: 2px solid #e5e5e5;
|
|
}
|
|
.table_default .table tbody td {
|
|
font-size: 14px;
|
|
}
|
|
.table_default .table th, .table_default .table td {
|
|
border: none;
|
|
vertical-align: middle;
|
|
}
|
|
.table_big .table th, .table_big .table td {
|
|
padding-top: 1.5rem;
|
|
padding-bottom: 1.5rem;
|
|
}
|
|
.question_area {cursor: pointer;}
|
|
.question_area > td.text-right > button {
|
|
border: none;
|
|
background: none;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
}
|
|
em.new {
|
|
margin-left: 4px;
|
|
font-size: 12px;
|
|
color: #3990a9;
|
|
font-weight: 600;
|
|
font-style: normal;
|
|
}
|
|
em.question {
|
|
display: inline-block;
|
|
padding-left: 15px;
|
|
background-image: url('/images/common/icon_question.png');
|
|
background-repeat: no-repeat;
|
|
background-position: left 4px;
|
|
text-indent: -9999px;
|
|
}
|
|
em.answer {
|
|
display: inline-block;
|
|
padding-left: 15px;
|
|
background-image: url('/images/common/icon_answer.png');
|
|
background-repeat: no-repeat;
|
|
background-position: left 4px;
|
|
text-indent: -9999px;
|
|
}
|
|
.table_list_thumb ul li {
|
|
padding: 1.75rem 1rem;
|
|
}
|
|
.table_area .hover {
|
|
cursor: pointer !important;
|
|
}
|
|
.table_area .hover:hover {
|
|
background-color: #f7f7f7 !important;
|
|
}
|
|
.table_list_thumb ul li + li {}
|
|
.table_list_thumb_area {
|
|
width: 100%;
|
|
padding-top: 56.25%;
|
|
background-size: cover;
|
|
background-position: top center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
.table_list_desc_area em {
|
|
color: #5ecbd6;
|
|
font-size: 14px;
|
|
font-style: normal;
|
|
}
|
|
.table_list_desc_area p {
|
|
display: block;
|
|
margin: 1.25rem 0 0 0;
|
|
padding: 1.25rem 0 0 0;
|
|
font-size: 14px;
|
|
border-top: 1px solid #e5e5e5;
|
|
}
|
|
.table_list_desc_area p a {
|
|
color: #5ecbd6;
|
|
text-decoration: underline;
|
|
}
|
|
.table_list_desc_area h6.ell {
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.table_list_desc_title {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
}
|
|
.table_list_desc_btn {
|
|
min-width: 100px;
|
|
text-align: right;
|
|
}
|
|
.table_list_desc_btn button {
|
|
margin-left: 4px;
|
|
}
|
|
.table_list_download {
|
|
padding: 1.75rem 1rem;
|
|
}
|
|
.table_list_download ul {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
margin-top: -40px;
|
|
}
|
|
.table_list_download ul li {
|
|
-webkit-box-flex: 0;
|
|
-ms-flex: 0 0 20%;
|
|
flex: 0 0 20%;
|
|
max-width: 20%;
|
|
margin-top: 40px;
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
}
|
|
.table_list_download_img {
|
|
width: 100%;
|
|
padding-top: 120%;
|
|
border: 1px solid #e5e5e5;
|
|
background-color: #fff;
|
|
margin-bottom: 1rem;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
}
|
|
.table_list_download_contents {
|
|
display: block;
|
|
}
|
|
.table_list_download_contents h6 {
|
|
margin-bottom: 1rem;
|
|
line-height: 1.4;
|
|
font-size: 14px;
|
|
height: 64px;
|
|
}
|
|
.table_list_download_desc {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between;
|
|
-webkit-box-align: end;
|
|
-ms-flex-align: end;
|
|
align-items: flex-end;
|
|
}
|
|
.table_list_video {
|
|
padding: 1.75rem 1rem;
|
|
}
|
|
.table_list_video ul {
|
|
margin-top: -40px;
|
|
}
|
|
.table_list_video ul li {
|
|
margin-top: 40px;
|
|
}
|
|
.table_list_video_thumb {
|
|
margin-bottom: 1rem;
|
|
width: 100%;
|
|
padding-top: 56.25%;
|
|
background-size: cover;
|
|
background-color: #000;
|
|
background-repeat: no-repeat;
|
|
background-position-y: center;
|
|
}
|
|
.table_list_video_contents h6 {
|
|
margin-bottom: 1rem;
|
|
line-height: 1.4;
|
|
font-size: 14px;
|
|
height: 28px;
|
|
}
|
|
.table_list_video_desc {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between;
|
|
-webkit-box-align: end;
|
|
-ms-flex-align: end;
|
|
align-items: flex-end;
|
|
}
|
|
.table_view_area {
|
|
padding: 1.75rem 1rem 0;
|
|
border-top: 2px solid #000;
|
|
}
|
|
.table_view_rel {
|
|
margin-top: 1.5rem;
|
|
padding-top: 1.5rem;
|
|
border-top: 1px solid #e5e5e5;
|
|
}
|
|
.table_view_rel span.btn {
|
|
padding: 3px 8px;
|
|
color: #fff;
|
|
font-weight: 600;
|
|
background-color: #3990a9;
|
|
border-radius: 1rem;
|
|
}
|
|
.table_view_rel .table_list_desc_title {
|
|
margin-top: 10px;
|
|
}
|
|
.date {
|
|
font-size: 12px;
|
|
color: #ababab;
|
|
}
|
|
/*pagination*/
|
|
.pagination {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
padding: 15px 0;
|
|
}
|
|
.page-item {
|
|
display: inline-block;
|
|
margin: 0 3px;
|
|
width: 23px;
|
|
height: 23px;
|
|
line-height: 23px;
|
|
text-align: center;
|
|
}
|
|
.page-item a {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
height: 100%;
|
|
width: 100%;
|
|
font-size: 14px;
|
|
color: #484848;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
}
|
|
.page-item.active a {
|
|
color: #5ecbd6;
|
|
font-weight: 600;
|
|
}
|
|
.disableBtnFirst, .btnFirst, .disableBtnLast, .btnLast {
|
|
display: none !important;
|
|
}
|
|
.page-item.btnLast,
|
|
.page-item:nth-last-child(1) {
|
|
background-image: url("/images/common/page_last.png");
|
|
background-size: contain;
|
|
background-position: center;
|
|
text-indent: -9999px;
|
|
}
|
|
.page-item.btnFirst,
|
|
.page-item:nth-child(1) {
|
|
background-image: url("/images/common/page_first.png");
|
|
background-size: contain;
|
|
background-position: center;
|
|
text-indent: -9999px;
|
|
}
|
|
.page-item.next,
|
|
.page-item:nth-last-child(2) {
|
|
background-image: url("/images/common/page_next.png");
|
|
background-size: contain;
|
|
background-position: center;
|
|
text-indent: -9999px;
|
|
}
|
|
.page-item.prev,
|
|
.page-item:nth-child(2) {
|
|
background-image: url("/images/common/page_prev2.png");
|
|
background-size: contain;
|
|
background-position: center;
|
|
text-indent: -9999px;
|
|
}
|
|
.page-item.btnPrev {
|
|
background-image: url("/images/common/page_prev.png");
|
|
background-size: contain;
|
|
background-position: center;
|
|
}
|
|
.page-item.prev a,
|
|
.page-item.next a {
|
|
display: block;
|
|
text-indent: -9999px;
|
|
}
|
|
|
|
.video_box {
|
|
width: 100%;
|
|
height: 450px;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
}
|
|
.video_box_title {
|
|
text-align: center;
|
|
color: #fff;
|
|
}
|
|
.video_box_title button {
|
|
width: 60px;
|
|
height: 60px;
|
|
text-indent: -9999px;
|
|
background: none;
|
|
background-image: url('/images/common/bg_video_play.png');
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
border: none;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
cursor: pointer;
|
|
}
|
|
|
|
/*modal*/
|
|
.modal {
|
|
z-index: 1100;
|
|
}
|
|
.btn_region_sm img {
|
|
display: inline-block;
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
.modal-header {
|
|
display: block;
|
|
padding: 80px 30px 10px;
|
|
border: none;
|
|
}
|
|
.modal-header h6 {
|
|
margin-top: 1rem;
|
|
}
|
|
.modal-header .close {
|
|
display: block;
|
|
position: absolute;
|
|
top: 30px;
|
|
right: 30px;
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 35px;
|
|
height: 35px;
|
|
background-image: url('/images/common/modal_close.png');
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
}
|
|
.modal-lg .modal-header {
|
|
display: block;
|
|
padding: 80px 80px 0;
|
|
text-align: center;
|
|
border: none;
|
|
}
|
|
.modal-lg .modal-body {
|
|
padding: 0px 80px 80px;
|
|
}
|
|
.modal-body {
|
|
padding: 0px 30px 0px;
|
|
}
|
|
.modal-footer {
|
|
display: block;
|
|
border: none;
|
|
padding: 20px 30px 30px;
|
|
font-size: 14px;
|
|
}
|
|
.video_modal .modal-content {
|
|
background: none;
|
|
border: none;
|
|
}
|
|
.modal .close {
|
|
position: absolute;
|
|
top: -45px;
|
|
right: 0px;
|
|
width: 35px;
|
|
height: 35px;
|
|
background-size: 35px;
|
|
background-image: url('/images/common/modal_close_white.png');
|
|
}
|
|
.video_modal .modal-body {
|
|
padding: 0;
|
|
}
|
|
|
|
/*select country*/
|
|
.lang_modal {
|
|
margin-top: 115px;
|
|
}
|
|
.country_box {
|
|
margin-top: 1.5rem;
|
|
}
|
|
.country_box:first-child {
|
|
padding-top: 80px;
|
|
margin-top: 0;
|
|
}
|
|
.country_box .modal-title {
|
|
margin-bottom: 1rem;
|
|
}
|
|
.country_box h5,
|
|
.country_box h4 {
|
|
margin-bottom: 0.75rem;
|
|
}
|
|
.country_box h6 {
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
.country_list {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
margin: -10px 0 0 -10px;
|
|
}
|
|
.country_list li {
|
|
width: calc(33.33% - 10px);
|
|
margin: 10px 0 0 10px;
|
|
}
|
|
.country_list li a {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
padding: 0 15px;
|
|
line-height: 44px;
|
|
text-transform: capitalize;
|
|
font-size: 14px;
|
|
border-radius: 3px;
|
|
cursor: pointer;
|
|
background-color: #f7f8f9;
|
|
}
|
|
.country_list li a:hover {
|
|
color: #0093a3;
|
|
}
|
|
.country_list li a img {
|
|
display: block;
|
|
width: 24px;
|
|
}
|
|
|
|
.embed-container {
|
|
position: relative;
|
|
padding-bottom: 56.25%;
|
|
height: 0;
|
|
overflow: hidden;
|
|
max-width: 100%;
|
|
}
|
|
.embed-container iframe,
|
|
.embed-container object,
|
|
.embed-container embed {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.animated {
|
|
-webkit-animation-duration: 1s;
|
|
animation-duration: 1s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
-webkit-animation-timing-function: linear;
|
|
animation-timing-function: linear;
|
|
animation-iteration-count: infinite;
|
|
-webkit-animation-iteration-count: infinite;
|
|
}
|
|
@-webkit-keyframes bounce {
|
|
0%, 100% {
|
|
-webkit-transform: translateY(0);
|
|
}
|
|
50% {
|
|
-webkit-transform: translateY(-5px);
|
|
}
|
|
}
|
|
@keyframes bounce {
|
|
0%, 100% {
|
|
-webkit-transform: translateY(0);
|
|
transform: translateY(0);
|
|
}
|
|
50% {
|
|
-webkit-transform: translateY(-5px);
|
|
transform: translateY(-5px);
|
|
}
|
|
}
|
|
.bounce {
|
|
-webkit-animation-name: bounce;
|
|
animation-name: bounce;
|
|
}
|
|
|
|
ul.dot_list {}
|
|
ul.dot_list li {
|
|
margin-top: 5px;
|
|
padding-left: 10px;
|
|
background: url('/images/common/dot_list.png') 0 8px no-repeat;
|
|
}
|
|
|
|
/*autocomplete*/
|
|
.autocom_box {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
}
|
|
.autocom_img {}
|
|
.autocom_img img {
|
|
display: block;
|
|
width: 100px;
|
|
height: 56px;
|
|
}
|
|
.autocom_label {
|
|
padding-left: 10px;
|
|
}
|
|
/* google Translate box style */
|
|
.goog-te-banner-frame { display: none; }
|
|
div#google_translate_element .goog-te-gadget-simple img.goog-te-gadget-icon {
|
|
float: left;
|
|
margin-top: 12px;
|
|
}
|
|
div#google_translate_element .goog-te-gadget-simple span[style="vertical-align: middle;float: left;left: 20px;"] { float: left; }
|
|
div#google_translate_element .goog-te-gadget-simple {
|
|
width: 100%;
|
|
padding: 0 15px !important;
|
|
background-color: #f7f8f9 !important;
|
|
}
|
|
div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value {
|
|
margin: 0px !important;
|
|
padding-right: 0px;
|
|
}
|
|
div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="border-left: 1px solid rgb(187, 187, 187);"] {
|
|
display: none;
|
|
}
|
|
/* label css */
|
|
.label-primary { background-color: #6dd1d6; }
|
|
.label-success { background-color: #3990a9; }
|
|
.label-warning { background-color: #f0ad4e; }
|
|
.label {
|
|
position: absolute;
|
|
top: 9px;
|
|
left: 10px;
|
|
display: inline;
|
|
padding: .3em .6em;
|
|
font-size: 75%;
|
|
line-height: 1;
|
|
color: #fff;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: baseline;
|
|
box-shadow: 3px 2px 12px 0px #00000026;
|
|
}
|
|
|