@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;700&display=swap');

/* *{ transition:0.2s all; -webkit-transition:0.2s all; -moz-transition:0.2s all; -o-transition:0.2s all; -ms-transition:0.2s all;} */
html,body{ overflow-x: hidden; }
body{ margin:0; padding:120px 0 0 0; font-family:'Noto Sans TC', sans-serif; font-size:1em; color:#000; background: #fff; box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box;}

h1,h2,h3,h4,h5,h6{ margin:0; padding:0; font-weight: 300; line-height: 1em;}

h2{ font-size: 1.875em; }
h3{ font-size: 1.5em; }
h4{ font-size: 1.375em; }
h5{ font-size: 1.25em; }
h6{ font-size: 1.125em; }

p{ margin:0; padding:0; font-size: 1em; line-height: 1.5em; }

img{ max-width: 100%; height: auto; vertical-align: top; }

a{ color:#333; text-decoration:none; transition:0.2s all; -webkit-transition:0.2s all; -moz-transition:0.2s all; -o-transition:0.2s all; -ms-transition:0.2s all;}
a:hover{ color:#333; text-decoration: none;}
a:focus{ text-decoration: none;}

:focus, :active{ outline: none !important; box-shadow: none !important; }

::-webkit-input-placeholder { color:#bbb;}
::-moz-placeholder { color:#bbb;}
:-ms-input-placeholder { color:#bbb;}
:-moz-placeholder { color:#bbb;}

input:focus{ outline: 0; }
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #333;
  -webkit-box-shadow: 0 0 0px 1000px rgba(0,0,0,0) inset;
  transition: background-color 5000s ease-in-out 0s;
}

input{ width: 100%; padding:8px; border:1px solid #ccc; }
input:hover{ border:1px solid #ccc; }

textarea:hover,
input[type="text"]:hover,input[type="email"]:hover,input[type="password"]:hover,
textarea:active,
input[type="text"]:active,input[type="email"]:active,input[type="password"]:active,
textarea:focus,
input[type="text"]:focus,input[type="email"]:focus,input[type="password"]:focus,
button:focus,
button:active,
button:hover,
label:focus,
.btn:active,
.btn.active
{
    outline:0px !important; box-shadow:none !important; -webkit-appearance:none;
}

/* main{ margin: 120px 0 0 0;} */

section{ padding: 80px 0; }
section h2{ margin-bottom: 43px; color: #c5a271; font-weight: 700; line-height: 1em; text-align: center; }
section h2 span{ margin-top: 10px; color: #666; font-size: .813em; font-weight: 400; display: block; }

section#marquee{ background: url('../img/bg-marquee.jpg') center center no-repeat; background-size: cover; }
section#marquee h2{ color: #fff; }

section#link{ padding: 65px 0; background: url('../img/bg-link.jpg'); }

section#know{ padding: 65px 0; }

section#social{ padding: 65px 0; background: #f3f3f3; }

.container{ max-width: 1240px; padding: 0 20px; }
.container.w2{ max-width: 808px; }
.container.w3{ max-width: 1040px; }
.container.w4{ max-width: 616px; }

/*** HEADER ***/
ul.float_phone{ margin: 0; padding: 0; list-style: none; position: fixed; z-index: 999; right: 20px; bottom: 50px; }
ul.float_phone li{ margin: 10px 0; }
ul.float_phone li:first-child{ font-size: 2em; line-height: 46px;}
ul.float_phone li:last-child{ font-size: 1.5em; line-height: 50px;}
ul.float_phone li a{ width: 50px; height: 50px; color: #c5a271; background: #fff; border-radius: 50%; box-shadow: 0 0 10px rgba(0, 0, 0, .45); text-align: center; display: block; }

.top_wrap{ padding: 7px 0; color: #fff; font-size: .875em; line-height: 1em; background: #69491a; overflow: hidden; }
.top_wrap ul{ margin: 0; padding: 0; list-style: none; }
.top_wrap ul:first-child{ float: left; }
.top_wrap ul li{ float: left; }
.top_wrap ul:first-child li{ margin-right: 15px; }
.top_wrap ul:last-child{ float: right; }
.top_wrap ul:last-child li{ margin-left: 15px; }
.top_wrap ul:last-child li:last-child a{ padding: 5px 10px 6px 10px; color: #69491a; background: #fff; border-radius: 5px; line-height: 1em !important; display: block; }
.top_wrap ul:last-child li:last-child a:hover{ color: #fff; background: #f2901b; text-decoration: none; }
.top_wrap ul li i{ margin-right: 5px; }
.top_wrap a{ color: #fff; line-height: 25px; display: block; }
.top_wrap a:hover{ text-decoration: underline; }
.top_wrap.active{ display: none; }

header{ width: 100%; height: 120px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.15); position: fixed; top: 0; z-index: 999;}
header.active{ height: 81px; }
.logo{ float: left; margin: 10px 0 0 0; }
.logo a{ width: 216px; height: 60px; background: url('../img/pic-logo.png') no-repeat; background-size: cover; display: block; text-indent: -9999px; transition:none; -webkit-transition:none; -moz-transition:none; -o-transition:none; -ms-transition:none;}

.menu{ float: right; margin:24px 0 0 0; padding: 0; font-size: 1.125em; list-style: none; }
.menu li{ float: left; margin: 0 0 0 35px; line-height: 30px; }
.menu li:first-child{ margin: 0; }
.menu li:last-child img{ height: 32px; }
.menu a{ padding:13px 0; color: #333; }
.menu a:hover{ color: #f2901b; }

.logo_mb{ float: left; width: auto; height: 38px; margin-top: -10px; display: none;}
.logo_mb img{ width: auto; max-height: 100%; vertical-align: top; }

.btn_toggle{ display: none; }
/*** /HEADER ***/

/*** BANNER ***/
.carousel-item { position: relative;}
.carousel-txt{ width: 100%; height: 100%; padding: 0 20px; color: #fff; position: absolute; z-index: 1; }
.carousel-txt h5{ width: 100%; font-size: 2.778em; font-weight: 700; text-shadow: 0 0 10px rgba(0, 0, 0, .45);}
.carousel-txt p{ width: 100%; margin-top: 15px; font-size: .5em; text-shadow: 0 0 10px rgba(0, 0, 0, .45); display: block; }
/*** /BANNER ***/

/*** SIDEBAR ***/
#sidebar { width: 250px; height: 100vh; color: #fff; background:#c5a271; position: fixed; top: 0; right: -250px; z-index: 998; transition: all 0.3s; overflow-y: scroll; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);}
#sidebar.active { right: 0;}
.overlay { width: 100vw; height: 100vh; display: none !important; position: fixed !important; background: rgba(0, 0, 0, 0.7); z-index: 901; opacity: 1; transition: all 0.5s ease-in-out;}
.overlay.active { display: block !important; opacity: 1;}

.accordion_header{ height: 47px; background: #353533; }

.accordion{ margin: 10px 0; border-radius: 0;}
.accordion .card{ background: transparent; border: 0; border-radius: 0; border-bottom: 1px solid #a5894f !important;}
.accordion .card .card-header { padding: 0; color: #fff; background: none; border: 0;}

.accordion .card .card-header .btn-header-link { padding: 10px 20px; color: #fff; background-color: transparent; display: block; text-align: left;}
.accordion .card .card-header .btn-header-link:after { float: right; content: "\f106"; font-family: 'Font Awesome 5 Free'; font-weight: 900;}

.accordion .card .card-header .btn-header-link.collapsed { color: #fff; border: 0; border-radius: 0;}
.accordion .card .card-header .btn-header-link.collapsed:after { content: "\f107";}
.accordion .card .collapsing { color: #fff;}
.accordion .card .collapse { border: 0;}
.accordion .card .collapse.show { color: #fff;}
.accordion .card .card-header .btn-header-link.nosub:after{ content: ""; }
.accordion .card .card-body{ padding: 5px 20px; background: rgba(0, 0, 0, .75); }
.accordion .card .card-body a { padding: 10px 0; color: #fff; display: block;}
.accordion .card .card-body a:before{ padding: 0 10px 0 0; font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\f0da";}

.accordion .card:last-child{ border-bottom: 0 !important; }
.accordion .card:last-child img{ height: 32px; }
/*** /SIDEBAR ***/

/*** BREADCRUMB ***/
nav[aria-label="breadcrumb"] { margin: -20px 0 0 0; padding: 0; background: none; }
ol.breadcrumb{ margin: 0 auto; padding: 0; background: none; }
.breadcrumb-item{ color: #999 !important; font-size: .813em; }
.breadcrumb-item a{ color: #999 !important;}
.breadcrumb-item a:hover{ color: #f2901b !important;}
.breadcrumb-item[aria-current="page"]{ color: #666 !important;}
/* .breadcrumb-item:after{ padding: 0 8px; content: '/'; } */
/* .breadcrumb-item:last-child:after{content: '';} */
/*** /BREADCRUMB ***/

/*** CNT ***/
.feature_wrap{ margin:0; padding: 0; list-style: none; text-align: center; }
.feature_wrap li{ margin: 0 68px; display: inline-block; text-align: center; }
.feature_wrap i{ color: #c5a271; font-size: 4.5em; transition: all 0.2s; }
.feature_wrap p{ margin: 10px; color: #666; font-size: 1.5em; transition: all 0.3s; }
.feature_wrap a{}
.feature_wrap a:hover i, .feature_wrap a:hover p{ color: #f2901b; }

.marquee_box{ width: 100%; height: 240px; background: url('../img/pic-marquee.jpg') center center no-repeat; background-size: cover; }

.marquee_list{ margin: 0; padding: 0; list-style: none; border-bottom: 1px dotted rgba(255, 255, 255, .5) !important; }
.marquee_list li{ padding: 10px 0; border-top: 1px dotted rgba(255, 255, 255, .5) !important; overflow: hidden; }
.marquee_list li a{ color: #fff; }
.marquee_list li a:hover{ color: #f2901b; }
.marquee_list li i{ float: left; margin: 0 10px 0 0; font-size: 1.625em; }
.marquee_list li span{ float: left; margin: 0 10px 0 0; }
.marquee_list li p{ float: left; width: calc(100% - 130px); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; }

.item_list{ margin: 0; padding: 0; list-style: none; border-bottom: 1px dotted rgba(255, 255, 255, .5) !important; }
.item_list li{ padding: 10px 0; border-top: 1px dotted rgba(255, 255, 255, .5) !important; overflow: hidden; }
.item_list li a{ color: #333; }
.item_list li a:hover{ color: #f2901b; }
.item_list li i{ float: left; margin: 0 10px 0 0; font-size: 1.625em; }
.item_list li span{ float: left; margin: 0 10px 0 0; }
.item_list li p{ float: left; width: calc(100% - 130px); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; }

.item_list .list_box{ margin:15px 0; text-align: center; transition:0.2s all; }
.item_list .list_box:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, .45); }
.item_list .list_box .list_imgbox{ height: 140px; overflow: hidden; }
.item_list .list_box .list_img{ width: 100%; height: 100%; transition:0.2s all; }
.item_list .list_box .list_txt{ padding: 20px; }
.item_list .list_box h5{ margin-bottom: 8px; color: #333; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.item_list .list_box p{ width: 100%; margin-bottom: 20px; color: #666; text-align: center; }
.item_list .list_box a h5{ color: #333; transition:0.2s all; }
.item_list .list_box a:hover h5{ color: #f2901b; }
.item_list .list_box:hover .list_img{ -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);}
.item_list .slick-slider { margin:0 -10px;}
.item_list .slick-slide { margin-right:0px; margin-left:0px; padding:10px !important;}

.serv_list .list_box{ margin:15px 0; text-align: center; transition:0.2s all; }
.serv_list .list_box:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, .45); }
.serv_list .list_box .list_imgbox{ height: 200px; overflow: hidden; }
.serv_list .list_box .list_img{ width: 100%; height: 100%; transition:0.2s all; }
.serv_list .list_box .list_txt{ padding: 20px; }
.serv_list .list_box h5{ margin-bottom: 8px; color: #333; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.serv_list .list_box p{ width: 100%; color: #666; text-align: center; }
.serv_list .list_box a h5{ color: #333; transition:0.2s all; }
.serv_list .list_box a:hover h5{ color: #f2901b; }
.serv_list .list_box:hover .list_img{ -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);}

.team_list{ margin: 0; padding: 0; list-style: none; }
.team_list .list_box{ margin:15px 0; padding: 20px; }
.team_list .list_box .list_imgbox{ float: left; width: 200px; height: 200px; }
.team_list .list_box .list_img{ width: 100%; height: 100%; border-radius: 10px; transition:0.2s all; }
.team_list .list_box .list_txt{ float: left; width: calc(100% - 220px); margin: 0 0 0 20px; }
.team_list .list_box .list_txt .list_info{ margin: 0; padding: 0; list-style: none; overflow: hidden; }
.team_list .list_box .list_txt .list_info li{ float: left; width: 50%; }
.team_list .list_box .list_txt .list_info .info_box{ margin: 10px 0; overflow: hidden; }
.team_list .list_box .list_txt .list_info .info_box:last-child{ margin-bottom: 0; }
.team_list .list_box .list_txt .list_info .info_box span:first-child{ float: left; width: 60px; padding: 1px 8px 3px 8px; color: #fff; background: #c5a271; border-radius: 5px; text-align: center; }
.team_list .list_box .list_txt .list_info .info_box span:last-child{ float: left; width: calc(100% - 70px); margin: 0 0 0 10px; }
.team_list .list_box h5{ margin-bottom: 10px; color: #333; font-weight: 700; }
.team_list .list_box p{ color: #666; }
.team_list .list_box a h5{ color: #333; transition:0.2s all; }
.team_list .slick-slider { margin:0 -10px;}
.team_list .slick-slide { margin-right:0px; margin-left:0px; padding:10px !important;}

input[type="radio"].radio { width: 30px; height: 30px; border: 2px solid #ccc; border-radius: 50%; -webkit-appearance:none; appearance:none;}
input[type='radio'].radio:after { width: 28px; height: 28px; border-radius: 50%; top: -9px; left: -9px; position: relative; background-color: #d1d3d1; border: 5px solid #fff; content: ''; display: inline-block; visibility: visible;}
input[type='radio'].radio:checked:after { width: 28px; height: 28px; border-radius: 50%; top: -9px; left: -9px; position: relative; background-color: #333; border: 5px solid #fff; content: ''; display: inline-block; visibility: visible;}
input[type="radio"].radio:hover{ cursor: pointer; }

.note{ color: #c00; }

#sort h2{ margin-bottom: 25px; }
#sort .list_box{ margin:15px 0; padding: 30px; text-align: center; transition:0.2s all; }
#sort .list_box:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, .45); }
#sort .list_box img{ max-width: 120px; max-height: 120px; margin-bottom: 20px; }
#sort .list_box h3{ color: #333; font-size: 1.5em; font-weight: 700; transition:0.2s all; }
#sort .list_box:hover h3{ color: #f2901b; }

#sort2 h2{ margin-bottom: 25px; }
#sort2 .list_box{ min-height: 184px; margin:15px 0; padding: 30px; transition:0.2s all; }
#sort2 .list_box:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, .45); }
#sort2 .list_box h3{ margin-bottom: 10px; padding: 0 0 0 56px; color: #333; font-size: 1.5em; font-weight: 700; line-height: 40px; transition:0.2s all; }
#sort2 .list_box h3.icon-i01{ background: url('../img/icon-i01.png') no-repeat; background-size: 40px 40px; }
#sort2 .list_box h3.icon-i02{ background: url('../img/icon-i02.png') no-repeat; background-size: 40px 40px; }
#sort2 .list_box h3.icon-i03{ background: url('../img/icon-i03.png') no-repeat; background-size: 40px 40px; }
#sort2 .list_box h3.icon-i04{ background: url('../img/icon-i04.png') no-repeat; background-size: 40px 40px; }
#sort2 .list_box h3.icon-i05{ background: url('../img/icon-i05.png') no-repeat; background-size: 40px 40px; }
#sort2 .list_box h3.icon-i06{ background: url('../img/icon-i06.png') no-repeat; background-size: 40px 40px; }
#sort2 .list_box h3.icon-i07{ background: url('../img/icon-i07.png') no-repeat; background-size: 40px 40px; }
#sort2 .list_box h3.icon-i08{ background: url('../img/icon-i08.png') no-repeat; background-size: 40px 40px; }
#sort2 .list_box h3.icon-i09{ background: url('../img/icon-i09.png') no-repeat; background-size: 40px 40px; }
#sort2 .list_box h3.icon-i10{ background: url('../img/icon-i10.png') no-repeat; background-size: 40px 40px; }
#sort2 .list_box h3.icon-i11{ background: url('../img/icon-i11.png') no-repeat; background-size: 40px 40px; }
#sort2 .list_box h3.icon-i12{ background: url('../img/icon-i12.png') no-repeat; background-size: 40px 40px; }
#sort2 .list_box:hover h3{ color: #f2901b; }
#sort2 .list_box p{ color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

#link .list_box{ margin:15px 0; text-align: center; transition:0.2s all; }
#link .list_box:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, .45); }
#link .list_box .list_imgbox{ height: 140px; overflow: hidden; }
#link .list_box .list_img{ width: 100%; height: 100%; transition:0.2s all; }
#link .list_box .list_img.bg01{ background: url('../img/pic-link01.jpg') center center no-repeat; background-size: cover; }
#link .list_box .list_img.bg02{ background: url('../img/pic-link02.jpg') center center no-repeat; background-size: cover; }
#link .list_box .list_txt{ padding: 30px; }
#link .list_box h3{ margin-bottom: 8px; color: #333; font-size: 1.5em; font-weight: 700; }
#link .list_box p{ color: #666; }
#link .list_box a h3{ color: #333; transition:0.2s all; }
#link .list_box a:hover h3{ color: #f2901b; }
#link .list_box:hover .list_img{ -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);}

#know h2{ margin-bottom: 25px; }
#know .list_box{ margin:15px 0; text-align: center; transition:0.2s all; }
#know .list_box:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, .45); cursor: default; }
#know .list_box .list_cap{ padding: 12px 10px 15px 10px; background: #c5a271; }
#know .list_box .list_cap h3{ color: #fff; font-weight: 700;}
#know .list_box .list_imgbox{ height: 180px; overflow: hidden; }
#know .list_box .list_img{ width: 100%; height: 100%; transition:0.2s all; }
#know .list_box .list_txt{ padding: 20px 0; }
#know .list_box .list_txt h5{ margin-bottom: 13px; padding: 0 20px; color: #c5a271; font-weight: 700; text-align: left; }
#know .list_box .list_txt p{ height: 48px; margin-bottom: 16px; padding: 0 20px; color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: left; }
#know .list_box .list_txt span{ padding: 10px 20px; color: #777; border-top: 1px solid #ccc; text-align: left; display: block; overflow: hidden; }
#know .list_box .list_txt span:nth-last-child(2){ border-bottom: 1px solid #ccc;}
#know .list_box .list_txt span i{ float: left; margin-right: 5px; font-size: 1.6em; transition:0.2s all; }
#know .list_box .list_txt span p{ height: auto; margin: 0; padding: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; transition:0.2s all; }
#know .list_box .list_txt button{ margin-top: 20px; }
#know .list_box .list_txt a i, #know .list_box .list_txt a p{ color: #777; }
#know .list_box .list_txt a:hover i, #know .list_box .list_txt a:hover p{ color: #f2901b; }
#know .list_box:hover .list_img{ -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);}

#social .list_box{ margin:15px 0; text-align: center; transition:0.2s all; }
#social .list_box .list_cap{ padding: 12px 10px 15px 10px; background: #c5a271; }
#social .list_box .list_cap h3{ color: #fff; font-weight: 700;}
#social iframe{ width: 100%; margin: 0 auto -5px auto; padding: 0; border: 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.igamp{ height: 470px; }
.gamp{ width: 100%; height: 470px; margin-bottom: -5px; }

main{ margin: 40px 0 0 0; }

.side_nav{ max-width: 250px; margin: 0; padding: 0; list-style: none; }
.side_nav li:first-child{ padding:15px 20px; color: #fff; font-weight: 700; background: #c5a271; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.side_nav li a{ padding:15px 20px; color: #666; border-bottom: 1px solid #ccc; display: block; }
.side_nav li a:hover{ color: #f2901b;}

.news_wrap h3{ margin-bottom: 40px; color: #333; font-weight: 700; line-height: 1.25em; text-align: left; }
.news_wrap .list_box{ margin: 0 0 30px 0; padding:0 0 30px 0; color: #333; border: 0; border-bottom: 1px solid #ccc; border-radius: 0; }
.news_wrap .list_box:last-child{ margin: 0; }
.news_wrap .list_box h4{ margin: 0 0 15px 0; line-height: 1.25em; transition:0.2s all; }
.news_wrap .list_box a:hover h4{ color: #f2901b; }
.news_wrap .list_box span{ float: left; margin: 0 20px 0 0; color: #777; font-size: 1em; overflow: hidden; }
.news_wrap .list_box span i{ float: left; margin: 0 5px 0 0; font-size: 1.5em; line-height: 1.1em; }
.news_wrap .list_box p{ font-size: .889em; text-align: left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.select_branchbox{ margin-bottom: 20px; display:none;}
.select_branchbox span{ margin:0 auto; padding:0; display:block;}
.select_branch{ width:100%; padding:10px 20px; background:#fff url(../img/icon-arrow_down.png) right 10px center no-repeat; background-size: 16px auto; color:#666; border:1px solid #ccc !important; border-radius:10px; -webkit-appearance: none;}

.banner_inner{ padding: 100px 20px; color: #fff; text-align: center; }
.banner_inner h2{ font-weight: 700; text-shadow: 0 0 10px rgba(0, 0, 0, .45); }
.bg_banner_inner_01{ background: url('../img/pic-banner_inner-01.jpg') center center no-repeat; background-size: cover; }
.bg_banner_inner_02{ background: url('../img/pic-banner_inner-02.jpg') center center no-repeat; background-size: cover; }
.bg_banner_inner_03{ background: url('../img/pic-banner_inner-03.jpg') center center no-repeat; background-size: cover; }
.bg_banner_inner_04{ background: url('../img/pic-banner_inner-04.jpg') center center no-repeat; background-size: cover; }

.list_box{ margin:7px 0; background: #fff; border: 1px solid #ccc; border-radius: 10px; overflow: hidden; position: relative; }
.list_box a{ display: block; }

.list{ margin-top: 20px; }
.list .list_box{ padding:15px 20px; }
.list .list_box span{ float: left; width: 72px; margin: 0 8px 0 0; padding: 2px 8px 4px 8px; color: #fff; font-size: .778em; background: #0482cd; border-radius: 5px; }
.list .list_box p{ float: left; width: calc(100% - 80px); line-height: 1.35em; display: inline-block; }
.list .list_column{ border-right: 1px solid #ccc; }
.list .list_column .collist{ margin: 5px 0; }
p.quote{ width: 100% !important; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

.share_wrap{ margin:40px 0; padding:10px 0; list-style: none; border: 1px solid #ccc; border-right: 0; border-left: 0; overflow: hidden;}
.share_wrap li{ overflow: hidden; }
.share_wrap li:first-child{ float: left; }
.share_wrap li:last-child{ float: right; }
.share_wrap li span{ float: left; margin: 7px 20px 0 0; color: #777; font-size: 1em; }
.share_wrap li span i{ float: left; margin: 0 5px 0 0; font-size: 1.5em; line-height: 1.1em; }
.share_wrap li:last-child i{ float: left; font-size: 2.5em; line-height: 1em; }
.share_wrap li a{ color: #777; }
.share_wrap li a:hover{ color: #f2901b; }

.extend_wrap{ margin: 0; padding: 0; list-style: none; }
.extend_wrap h5{ margin-bottom: 10px; color: #c5a271; font-weight: 700; }
.extend_wrap h5 i{ margin-right: 5px; }
.extend_wrap li{ margin-bottom: 5px; overflow: hidden; }
.extend_wrap li i{ float: left; width: 21px; margin: 4px 5px 0 0; font-size: 1.25em; }
.extend_wrap li p{ float: left; width: calc(100% - 26px); }
.extend_wrap li a{ padding: 5px 0; display: block; }
.extend_wrap li a:hover{ color: #f2901b; }

.alert{ border-radius: 5px; border-color: #c5a271; }
.alert i{ margin-right: 5px; }
.alert a{ margin: 0 20px 0 0; padding: 0; display: inline-block; }
.alert a:hover{ color: #f2901b; }

.info span{ margin: 0 50px 4px 0; line-height: 1em; display: inline-block; }
.info span:last-child{ margin: 0 0 4px 0; }
.info span i{ float: left; margin: 0 7px 0 0; font-size: 1.5em; line-height: 1.125em; }
.info span p{ float: left;}
/*** /CNT ***/

/*** FOOTER ***/
footer{ padding:40px 0; color:#fff; background: #69491a; font-size: .889em; clear: both; }
footer img{ height: 60px; }
footer .func{ margin: 15px 0 0 0; padding: 0; list-style: none; }
footer .func li a{ float: left; width: 31px; height: 31px; margin-right: 10px; font-size: 1.25em; line-height: 26px; border: 1px solid #fff; border-radius: 50%; text-align: center; display: block; }
footer .func li a:hover{ color: #c5a271; background: #fff; }
footer .fmenu{ margin: 0; padding: 0; list-style: none; }
footer .fmenu li{ float: left; width: 50%; margin: 0; padding: 0; }
footer .fmenu li a{ margin-bottom: .65em; display: block; }
footer .fmenu li a:last-child{ margin-bottom: 0; }
footer span{ margin: 0 50px 4px 0; line-height: 1em; display: inline-block; }
footer span:last-child{ margin: 0; }
footer span i{ float: left; margin: 0 7px 0 0; font-size: 1.5em; }
footer span p{ float: left;}
footer a{ color:#fff; }
footer a:hover, footer a:hover p{ color:#fff; text-decoration: underline; }

.copyright{ padding: 18px 0; color: #777; font-size: .875em; text-align: center; }
/*** /FOOTER ***/

/*** CONTACT ***/
.gmap{ width: 100%; height: 400px; margin: 0; padding: 0; border: 0; }
/*** /CONTACT ***/

/*** CAPTCHA ***/
.captcha_wrap{ float: left; margin-top: 32px; border: 1px solid #ccc; border-radius: 5px; }
.captcha_wrap img{ border-radius: 5px;}
/*** /CAPTCHA ***/

/*** PAGINATION ***/
.pagination_wrap{ width: 100%; text-align: center; }
.pagination{ margin-top: 40px; font-size: .889em; }
.pagination .page-item, .pagination .page-item a{ margin: 0 1px; border-radius: 5px !important; }
.pagination a{ color: #999; }
.pagination a:hover{ color: #fff; background: #f2901b; }
.pagination .active .page-link{ background: #c5a271; border-color: #dee2e6; }
.pagination .page-link i{ margin: 0 -3px; }
/*** /PAGINATION ***/

/*** BTN ***/
.btn_wrap{ width: 100%; margin:40px 0 0 0; text-align: center; }
.btn{ padding:11px 45px 15px 45px; color: #fff; font-size: 1em; line-height: 1em; border-radius: 5px; }
.btn i{ margin: 0 0 0 15px; }

.btn-sm{ padding:13px 20px; font-size: 1em; }

.btn-primary{ background: #c5a271; border-color: #c5a271; }
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary.current{ color: #c5a271; background: #fff !important; border-color: #c5a271 !important; }

.btn-outline-primary{ color: #c5a271; background: none; border-color: #c5a271; }
.btn-outline-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary.current{ color: #fff; background: #c5a271 !important; border-color: #c5a271 !important; }

.btn-outline-success{ color: #198754; }
.btn-outline-secondary{ color: #6c757d; }

.dropdown-item{ line-height: 1.5em; text-align: right; cursor: pointer; }
.dropdown-item:hover{ color: #fff; background: #333;}
/*** /BTN ***/

/*** MODAL ***/
.modal-header .close{ padding-left: 0; padding-right: 0; }
.modal-header .close span{ margin:3px 0 0 0; color: #333; font-size: 1em; background: none; }
.modal-title{ color: #333;}
.modal-body{ text-align: left !important; }
/* .modal-body p{ margin: 10px 0; } */
/* .modal-body span{ width: auto !important; margin: 0 15px 0 0; padding: 0 15px 0 0; font-weight: bold; border: 0; display: inline-block !important; word-break: keep-all; } */
.modal-open { height: 100vh; padding-right: 0 !important; overflow: visible;}
.modal-body .captcha_wrap{ margin-top: 47px; }
.modal-body .btn_wrap{ margin: 20px auto 0 auto; text-align: center; }

.modal-body .checkmark { width: 25px !important; border:1px solid #ccc;}
.modal-body .container_check:hover .checkmark:after { left: 8px; top: 4px;}
/*** /MODAL ***/

/*** GO TOP ***/

/*** /GO TOP ***/

/*** COLOR ***/
.color01{ color: #333; }
.color02{ color: #353533; }
.color03{ color: #ffff00; }
.color04{ color: #c00; }
.color05{ color: #999; }
/*** /COLOR ***/

/*** FORM ***/
form input[type="text"], form input[type="email"], form input[type="password"], form input[type="file"], form input[type="date"], form input[type="time"], form input[type="number"], form select{ margin-bottom: 20px; }

form.form-inline select{ margin: 0; }

input[type="text"],input[type="email"],input[type="password"],input[type="file"],input[type="date"],input[type="time"],input[type="number"]{ width: 100%; min-height: 46px; padding:10px 10px; line-height: 1em; border-radius: 5px; }
input[type="text"],input[type="email"],input[type="password"],input[type="file"],input[type="date"],input[type="time"],input[type="number"], select, textarea{ -moz-appearance: none; -webkit-appearance: none; appearance: none;}
input[type="text"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="file"]:focus,input[type="date"]:focus,input[type="time"]:focus,input[type="number"]:focus,select:focus,textarea:focus{ border-color:#333; }
input[type="radio"], input[type="checkbox"]{ width: auto; }
input[type="radio"]{ width: 20px; height: 20px; display: inline; margin-top: 5px; }
input[type="checkbox"]{ width: 20px; height: 20px; display: inline; margin-top: 5px; border-radius: 3px !important; }

select{ width: 100%; padding:10px 10px; border: 1px solid #ccc; border-radius: 5px; background:#fff url(../img/icon-arrow_down.png) right 10px center no-repeat; background-size: 16px auto; }

textarea{ width: 100%; height: 150px; margin-bottom: 15px; padding:10px 10px; border:1px solid #ccc; border-radius: 5px; }

label{ margin-bottom: 0px; font-weight: bold; display: block; }
label p{ margin-bottom: 5px; }

.option{ margin:8px 20px 0px 0; display: inline-block; }
.option input[type="radio"], .option input[type="checkbox"], .option label{ float: left; }
.option input[type="radio"], .option input[type="checkbox"]{ margin-right: 5px; }
.option label{ margin-top: 1px; }

.captcha_code{ float: left; width: 100px !important; margin: 0 10px 0 0; }
.captcha_img{  }

.none{ display: none; }

/* radio */
.container_radio { display: inline-block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 1em; line-height: 35px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.container_radio input { position: absolute; top: 4px; left: 4px; opacity: 0; cursor: pointer;}
.radiomark { position: absolute; top: 5px; left: 0; height: 25px; width: 25px; background-color: #fff; border:1px solid #ccc; border-radius: 50%;}
.container_radio:hover input ~ .radiomark { background-color: #333; border:1px solid #ccc;}
.container_radio input:checked ~ .radiomark { background-color: #fff;}
.radiomark:after { content: ""; position: absolute; display: none;}
.container_radio input:checked ~ .radiomark:after { display: block;}
.container_radio .radiomark:after { top: 5px; left: 5px; width: 13px; height: 13px; border-radius: 50%; background: #333;}
/* /radio */

/* checkbox */
.container_check { display: block; position: relative; padding-left: 35px; margin:5px 0; cursor: pointer; font-size: 1em; line-height: 25px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.container_check input { position: absolute; left: 4px; top: -5px; opacity: 0; cursor: pointer; height: 25px; width: 25px;}
.checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #fff; border:1px solid #ccc;}
.container_check:hover input ~ .checkmark { background-color: #fff; border:1px solid #ccc;}
.container_check input:checked ~ .checkmark { background-color: #333;}
.checkmark:after { content: ""; position: absolute; display: none;}
.container_check input:checked ~ .checkmark:after { display: block;}
.container_check .checkmark:after { left: 9px; top: 5px; width: 7px; height: 12px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
/* /checkbox */
/*** /FORM ***/

/*** MARGIN PADDING ***/
.mt-0{ margin-top: 0; }
.mt-5{ margin-top: 5px !important; }
.mt-10{ margin-top: 10px; }
.mt-20{ margin-top: 20px; }
.mt-30{ margin-top: 30px; }
.mt-40{ margin-top: 40px; }
.mt-50{ margin-top: 50px; }

.mb-0{ margin-bottom: 0; }
.mb-5{ margin-bottom: 5px !important; }
.mb-10{ margin-bottom: 10px !important; }
.mb-20{ margin-bottom: 20px; }
.mb-30{ margin-bottom: 30px; }

.pl-0{ padding-left: 0; }
.pr-0{ padding-right: 0; }
.pb-50{ padding-bottom: 50px; }
/*** /MARGIN PADDING ***/


@media screen and (-webkit-min-device-pixel-ratio:0) { /* Chrome */
}

@media all and (-ms-high-contrast:none){ /* IE 11 */
     *::-ms-backdrop, .label_name{ }
}

@supports (display:-ms-grid) { /* Edge */
}