/* 整體配置 */

#wrapper {
	position: relative;
	overflow: hidden;
}


html{
	height: 100%;
	font-size: 100%;
	/*font-family:"微軟正黑體",Arial, Helvetica;*/
}

body{
	height: 100%;
	font-size: 1em;
	/*font-family:"微軟正黑體",Arial, Helvetica !important;*/
}

img {
    max-width: 100%;}

h1,h2,h3{
	/*font-family:"微軟正黑體",Arial, Helvetica, sans-serif;*/
	line-height: 100%;
}

p {line-height: 100%;
	margin: 0;
}

span{
	line-height: 100%;
}

li{
	list-style:none;
}

ul{
	margin: 0;
}

a{
    text-decoration: none !important;
    outline: none;
}

a:hover , a:focus , a:active{
    outline: none;
}

input{
    outline: none;
}

textarea{
    outline: none;
}


/* lightbox 介紹表格 */
.box-left {
    float: left;
    height: 530px;
    width: 265px;
}

.box-left div img {
    width: 180px;
}

.box-left div h2 {
    color: #282828;
    font-weight: 600;
    margin-top: 50px;
}

.box-right{
    border-left: 1px solid #544185;
    padding-top: 12px;
    padding-bottom: 50px;
}

ul.li-ul {
    padding-left: 75px;
    padding-right: 30px;
}

.li-box {
    width: 860px;
    margin: auto;
    padding: 100px 0;
    max-width: 100%;
}

section#index_libox {
    width: 1000px;
    margin: auto;
    background: rgba(255, 255, 255, 0.95);
    max-width: 100%;
}

.box-right{
	height: 530px !important;
}

.box-left .icon-box {
    position: relative;
    top: 23%;
    text-align: center;
}

.li-ul p{
	font-size: 14px;
	line-height: 24px;
	padding-bottom: 15px;
	letter-spacing: 1px ;
}

.li-ul h3{
	font-size: 20px;
	color: #e84186;
	margin-top: 25px;
}


div#mCSB_1_dragger_vertical {
    height: 130px !important;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width: 10px !important;
}


.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #c0c0c0 !important;
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #e2e2e2 !important;
    width: 10px !important;
}

/*
.mCSB_container{
	height: 450px !important;
}*/


@media screen and (min-width:1024px ) {
    .box-left {padding-right: 30px;}
}

/*pad以下*/
@media screen and (max-width:768px ) {
	.box-left{width: 180px;float: none;height: auto;padding-left: 0px;margin: auto;}
	.box-right{border-left: none;}
	.li-box{padding: 70px 0;}
	ul.li-ul{padding-top: 30px;padding-left: 70px;}
	div#mCSB_1{margin-top: 30px;}
}

/*>480px*/
@media screen and (max-width:480px ) {

@media screen and (max-width: 768px) {}
	.box-left {width: 140px;}
	ul.li-ul{padding-left: 50px;}
	.box-left div h2 { font-size: 23px;}
	ul.li-ul{padding-top: 0px;}
	.box-left div h2{margin-top: 30px;}
	div#mCSB_1{margin-top: 10px;}
	.li-box{padding: 50px 0;}
}


/* 調整樣式 */

.mfp-close-btn-in .mfp-close {
    color: #544185;
}


.mfp-close {
    width: 35px;
    height: 35px;
    right: 66px !important;
    top: 57px !important;
    opacity: 1;
    transition-duration: 0.3s;
}

.mfp-close:hover{
	opacity: 0.65;
}

button.mfp-close, button.mfp-arrow{
	font-family: -webkit-body;
	font-size: 80px;
}



.my-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.15;
}

.zoom-anim-dialog{
    background: rgba(255, 255, 255, 0.9);
    border-radius: 18px;
    max-width: 1000px !important;
    padding: 20px 30px;
    text-align: left;
    margin: 40px auto;
    position: relative;
}