@charset "UTF-8";

.paginate {position:relative; text-align:center; margin-top:20px; font-size:0}
.paginate > * {display:inline-block; width:40px; height:40px; line-height:40px; margin-left:-1px; font-size:13px; color:#6e6e6e; text-align:center; vertical-align:middle; border:1px solid #ddd; box-sizing:border-box}
.paginate a.prev {margin-right:20px; font-size:0; text-indent:-9999em; background:url(../images/content/bg-prev.png) center no-repeat}
.paginate a.prev5 {font-size:0; text-indent:-9999em; background:url(../images/content/bg-prev5.png) center no-repeat}
.paginate a.next {margin-left:20px; font-size:0; text-indent:-9999em; background:url(../images/content/bg-next.png) center no-repeat}
.paginate a.next5 {font-size:0; text-indent:-9999em; background:url(../images/content/bg-next5.png) center no-repeat}
.paginate strong {position:relative; line-height:40px; font-weight:bold; color:#fd5c5c}
.paginate strong:after {content:""; position:absolute; left:-1px; top:-1px; width:40px; height:40px; border:1px solid #fd5c5c; box-sizing:border-box}

.popup-wrap {position:fixed; top:0; right:0; bottom:0; left:0; z-index:1000; overflow:auto;  -webkit-overflow-scrolling:touch; text-align:center; background:rgba(0, 0, 0, .6)}
.popup-wrap:after {content:""; display:inline-block; width:0; height:100%; vertical-align:middle}
.popup-wrap .popup-section {display:inline-block; text-align:left; vertical-align:middle; background:#fff}
.popup-section {background:#fff}
.popup-section header {position:relative; height:60px; padding-left:20px; background:#232731}
.popup-section header h1,
.popup-section header h2,
.popup-section header h3 {height:60px; line-height:60px; font-weight:bold; font-size:20px; color:#fff}
.popup-section header .close {position:absolute; right:0; top:0; width:60px; height:60px; font-size:0; text-indent:-9999em; background:url(../images/common/bg-close.png) center no-repeat}
.popup-section .popup-content {padding:30px}
.popup-section .popup-content .btns-submit {text-align:center}
.popup-section .popup-content .tbl-basic table thead th {text-align:center}

.box-sort {margin-bottom:30px; padding:12px 20px; background:#efefef}
.box-sort ul li {padding:12px 0; box-sizing:border-box}
.box-sort ul li ~ li {border-top:1px solid #e1e1e1}
.box-sort ul li:after {content:""; display:block; clear:both}
.box-sort ul li > strong {float:left; width:90px; line-height:30px; font-weight:bold; font-size:14px; color:#000}
.box-sort ul li .btns-sort {float:left; /* width:calc(100% - 85px) */width:calc(100% - 90px); margin:-5px 0}
.box-sort ul li .btns-sort:after {content:""; display:block; clear:both}
.box-sort .btns-sort input[type="radio"] + label,
.box-sort .btns-sort input[type="checkbox"] + label {margin:5px}
.box-sort .btns-sort input[type="radio"].disabled + label,
.box-sort .btns-sort input[type="checkbox"].disabled + label {color:#aaa; background:#eee; cursor:default}

.btns-sort input[type="checkbox"] {display:none}
.btns-sort input[type="checkbox"] + label {margin:0}
.btns-sort input[type="radio"] + label,
.btns-sort input[type="checkbox"] + label {float:left; height:28px; line-height:28px; padding:0 9px; color:#757575; text-align:center; border:1px solid #e0e0e0; background:#fff; cursor:pointer}
.btns-sort input[type="radio"]:checked + label,
.btns-sort input[type="checkbox"]:checked + label {color:#fff; border-color:#ff7272; background:#ff7272}
.btns-sort input[type="radio"] + label:before,
.btns-sort input[type="checkbox"] + label:before {display:none}
.btns-sort input[type="radio"] + label:after,
.btns-sort input[type="checkbox"] + label:after {display:none}
.btns-sort input[type="radio"] + label ~ label,
.btns-sort input[type="checkbox"] + label ~ label {margin-left:10px}

[class*='btn-'] {display:inline-block;height:35px;font-weight:bold;font-size:14px;border:1px solid;text-align:center;box-sizing:border-box;}
[class*='btn-'] span {display:inline-block; line-height:34px}
[class*='btn-'].small {height:33px}
[class*='btn-'].small span {line-height:31px}
[class*='btn-'].xsmall {height:30px}
[class*='btn-'].xsmall span {line-height:28px; font-weight:normal; padding:0 20px}
[class*='btn-'].large {height:40px}
[class*='btn-'].large span {line-height:38px}

.btns-submit {margin-top: 20px}

.btnset-gray {display: inline-block}
.btnset-gray a {float: left;width: 78px; height:37px;}
.btn-gray {color:#fff; border-color:#828282; background:#828282}

.go-to-top {display:none; position:fixed; bottom:263px}
.go-to-top a {display:inline-block; z-index:100; width:40px; height:40px; font-size:0; text-indent:-9999em; vertical-align:top; background:#fff url(../images/common/btn-top.png) no-repeat}
.go-to-top a:hover {background:url(../images/common/btn-top-on.png) no-repeat}

.select-tab-mobile,
.top-state-mobile,
.select-all-mobile {display:none}

.video-container {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden}
.video-container iframe, .video-container object, .video-container embed {position:absolute; top:0; left:0; width:100%; height:100%}

a[href^="tel"] {pointer-events:none; cursor:default}