@charset "utf-8";

/** 手機選單 **/
@import url(slicknav.css) screen and (max-width:767px);

/** 文字icon **/
@import url(font-awesome.min.css);

/** googlefont **/
@import url(Open+Sans.css);

*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html{width:100%; height:auto;}
body{background:#ffffff; margin:0; padding:0; width:100%; height:auto; font-size:medium;line-height: 1.6;font-family: 'Open Sans', 'Arial', 'Microsoft JhengHei', sans-serif;word-break: break-word;letter-spacing: 1px;}
a,a:hover{text-decoration:none;transition: all 0.5s ease 0s;cursor: pointer;}
img{border:0; vertical-align:middle; max-width:100%;}
input{vertical-align:middle;border-radius: 0; }
input:focus, select:focus, textarea:focus, button:focus{outline:0;}
/** 取消ios按鈕樣式 **/
input[type="button"], input[type="submit"], input[type="reset"], button[type="button"], button[type="submit"], button[type="reset"], a[type="button"], a[type="submit"], a[type="reset"], textarea{border-radius: 0; -webkit-appearance: none;-moz-appearance: none;appearance: none;}
.slicknav_menu{display:none;}
p{margin: 10px 0 18px 0;}

/** 手機選單、選單 色塊-變色 **/
.b-color, .slicknav_menu{background:#d8e5ec;}
.slicknav_icon-bar{background-color:#1d2088;}
.b-color>li:hover, .b-color>li>ul>li>a:hover, .slicknav_nav .slicknav_row:hover, .slicknav_nav a:hover{background:#1d2088;}
.border-color{border-left:7px #A0A0A0 solid;}
.slicknav_nav .slicknav_arrow{font-family:Arial;position: absolute;top: 13px; right: 15px;}

/** 主選單與下拉 **/
nav{margin: 10px 0 0 0;}
.menu-main{}
.menu{list-style:none; margin:0; padding:0;min-height: calc(100vh - 120px);}
.menu>li{width: 100%; font-size:16px;color:#000000;  position:relative;border-bottom:1px solid #1d2088;padding:0; margin:0;letter-spacing: 0px;}
.menu>li:last-of-type{border-bottom:0;}
.menu>li>a{display:block; padding:16px 12px 16px 12px;  color:#000000; text-decoration:none; transition: all 0.5s ease 0s;position: relative;z-index: 3;}
.menu>li.sub>a{display:block; padding:16px 25px 16px 12px;  color:#000000; text-decoration:none; transition: all 0.5s ease 0s;position: relative;z-index: 3;}
.menu>li>a:hover{color: #ffffff;background: #1d2088;}
.menu>li a i.arrow-right{display: block;position: absolute;bottom:calc(50% - 12.795px);right: 10px;}
.menu>li a i.arrow-right img{width: 8px; height: 8px;}
.menu>li a i.arrow-right-w{display:none;}
.menu>li a:hover i.arrow-right{display:none;}
.menu>li a:hover i.arrow-right-w{display: block;position: absolute;bottom:calc(50% - 12.795px);right: 10px;}
.menu>li a:hover i.arrow-right-w img{width: 8px; height: 8px;}
.menu>li:hover ul.sub-menu{opacity: 1;visibility: visible;left: 119px;transition: all 0.5s ease 0s;display: block;}
.menu>li>ul.sub-menu{list-style:none; margin:0; padding:0; background:#d8e5ec;border: 1px #1d2088 solid;position: absolute;top: 0;left: 0;width: 190px;opacity: 0;visibility: hidden;transition: all 0.5s ease 0s;display: none;max-height: 50vh;overflow-y: auto;}
.menu>li>ul.sub-menu::-webkit-scrollbar {width: 6px}
.menu>li>ul.sub-menu::-webkit-scrollbar-track {background: #f3f3f3;}
.menu>li>ul.sub-menu::-webkit-scrollbar-thumb {background: #acacac;border-radius: 20px}
.menu>li>ul.sub-menu>li{border-bottom:1px solid #9ec2d2;font-size: 16px;position: relative;text-align: center;color: #222222;}
.menu>li>ul.sub-menu>li:last-of-type{border-bottom:0;}
.menu>li>ul.sub-menu>li a{display:block;padding:6px 30px 6px 15px;border-bottom:0;color: #222222;z-index: 2;}
.menu>li>ul.sub-menu>li a i.arrow-right02{display: block;position: absolute;top: 5px;right: 15px;}
.menu>li>ul.sub-menu>li a i.arrow-right02 img{width: 8px; height: 8px;}
.menu>li>ul.sub-menu>li a:hover{background:#f5fcff; color: #222222;}
.menu>li>ul.sub-menu>li:hover ul.sub-menu02{opacity: 1;visibility: visible;transition: all 0.5s ease 0s;display: block;}
.menu>li>ul.sub-menu>li>ul.sub-menu02{list-style:none; margin:0; padding:0; background:#ffffff;width: 180px;opacity: 0;visibility: hidden;transition: all 0.5s ease 0s;display: none;}
.menu>li>ul.sub-menu>li>ul.sub-menu02>li {font-size: 16px;padding:0 ;margin: 0;border-bottom:1px dashed #9ec2d2;color: #222222;}
.menu>li>ul.sub-menu>li>ul.sub-menu02>li:last-of-type {border-bottom:0;}
.menu>li>ul.sub-menu>li>ul.sub-menu02>li a{display: block;padding: 6px 15px 6px 15px; margin:0px;color: #222222;border-bottom:0;position: relative;z-index: 1;}
.menu>li>ul.sub-menu>li>ul.sub-menu02>li a:hover{background:#f3f3f3; color: #222222;}
@media screen and (max-width:767px){
	#menu{display:none;}
	.slicknav_menu{display:block;border-bottom: 1px #1d2088 solid;position: fixed;top: 0;left: 0;z-index: 10000;width: 100%;}
    .menu{min-height:inherit;}
    .arrow-right{display:none;}
    .arrow-right-w{display:none;}
    .arrow-right02{display:none;}
}

/** 配置 **/
.warpper{min-height: 100vh;}
.warpper .warpper-left{background: #d8e5ec;border-right: 1px #1d2088 solid;position: fixed;top: 0;left: 0;z-index: 10000;width: 120px;}
.warpper .warpper-right{padding: 0 0 0 120px;}
.logo{width: 119px;}
.banner{background: #9ec2d2 url("../images/banner.png")no-repeat center center;background-size: cover;font-size: 34px; color: #ffffff;font-weight: 700;padding: 3.5vw 2vw;letter-spacing: 2px;text-shadow: 2px 2px 0px #000000;line-height: 1.4;font-style: italic;}
@media screen and (max-width:767px){
	.warpper .warpper-left{background: none; border-right:0;}
    .warpper .warpper-right{padding: 0;}
    .logo{width:47px;position: fixed;top: 0;left: 0;z-index: 10000;}
    .banner{letter-spacing: 2px;font-size: 28px; padding:calc(3.5vw + 48px) 15px 3.5vw 15px;text-align: center;}
}

/** 內容 **/
.content-page-main{padding: 4.5vmin 15px calc(4.5vmin + 25px) 15px;}
.content-page{max-width: 1280px; margin: 0 auto;font-size:16px; color:#333;padding: 0;}
.page-title{font-size: 28px; color: #222222;font-weight: 700;margin: 0 0 15px 0;padding: 0;line-height: 1.4;}
.sub-label{font-size: 22px;color: #1d2088;font-weight: 700;margin: 0 0 15px 0;}
.page-main{font-size: 16px;color: #222222;margin: 25px 0 0 0;}
.page-main a{color: #222222;text-decoration: underline;}
.page-main a:hover{color: #1d2088;}
.page-main ul li,.page-main ol li{margin: 8px 0;}
.font001{font-size: 18px; font-weight: 600;color: #ffffff;background: #0f9bda;display: table;padding: 4px 15px;font-style: italic;border-radius: 3px;margin: 25px 0 15px 0;}
.font002{font-weight: 600;color: #b87e18;}
.font003{font-weight: 600;}
.font004{font-size: 14px;color: #666666;}
.font005{font-size: 15px;color: #666666;display: inline-block;}
.font006{font-size: 24px;color: #ffffff;display: block;width: 100%;text-shadow: 1px 1px 0px #000000;font-style: normal;margin: 5px 0;}
.font007{font-size: 16px;color: #ffffff;display: block;width: 100%;text-shadow: 1px 1px 0px #000000;font-style: normal;text-align: right;}
.content{display: flex;flex-wrap: wrap;}
.content .content-photo{flex: 1;margin: 0 0 0 4vw;height: 100%;position: relative;z-index: 1;padding:0 1.5vw 1.5vw 0;}
.content .content-photo:after{content: "";display: block;width: calc(100% - 1.5vw);height:calc(100% - 1.5vw);background:url("../images/Call-for-Papers-photo.jpg")no-repeat center center;background-size: cover;position: absolute;top: 1.5vw;right: 0;z-index: -1;opacity: .5; filter: blur(4px);border-radius: 8px;}
.content .content-photo img{border-radius: 8px;box-shadow: 0 10px 15px 0 rgba(0,0,0,.2);}
.content .content-font{flex: 1.6;}
.content-note{background: #f7f3eb;box-shadow:0 0 0 10px #f7f3eb, 0 10px 15px 0 rgba(0,0,0,.2);border: 2px #b87e18 dashed;padding:2vw;margin: 25px 0 40px 0;color: #b87e18;font-size: 20px;font-weight: 500;text-align: center;}
.content-note a{color: #b87e18;text-decoration: none;}
.content-note a:hover{text-decoration: underline;}
@media screen and (max-width:1000px){
    .content .content-photo{display: none;}
}
@media screen and (max-width:767px){
	.content-page-main{padding: 5vmin 15px;}
    .page-title{font-size: 25px;margin: 0 0 10px 0;}
    .sub-label{font-size: 19px;margin: 0 0 10px 0;}
    .page-main{margin: 15px 0 0 0;}
    .font001{font-size: 17px;}
    .font004{font-size: 13px;}
    .font006{font-size: 20px;}
    .font007{font-size: 15px;letter-spacing: 0px;text-align: center;}
    .content-note{font-size: 18px;}
}
@media screen and (max-width:575px){
	.font005{width: 100%;}
}

/** 收合 **/
.expandCollapse-main {}
.expandCollapse {background: #ffffff;}
.expandCollapse:hover {box-shadow: 0 0 10px 0 rgba(0,0,0,.1);position: relative;z-index: 1;}
.expandCollapse:nth-child(even) {background: #f3f3f3;}
.expandCollapse-title-main {display: flex;position: relative;color: #3d82ad;border-bottom: 1px solid #dddddd;padding: 0;margin: 0;}           
.expandCollapse-title-main:before{content: "";display: block;width: 2px; height: 16px;background: #ffffff;position: absolute;top:calc(50% - 8px);right:24px;}
.expandCollapse-title-main:after{content: "";display: block;width: 16px; height: 2px;background: #ffffff;position: absolute;top:calc(50% - 1px);right:17px;}
.expandCollapse-title-main.active{position: relative;}
.expandCollapse-title-main.active:before{transform: rotateZ(45deg);}
.expandCollapse-title-main.active:after{transform: rotateZ(45deg);}                         
.expandCollapse-title-main.active .expandCollapse-info {display: block;}
.expandCollapse-title-main .expandCollapse-title{flex: 1;padding:11.5px 20px;font-size:17px; color: #222222;font-weight: 700;}                      
.expandCollapse-title-main .pdf-main{width: 100px;background: #1d2088;}                                   
.expandCollapse-title-main .pdf{background: #e00d0d url("../images/pdf-icon.svg")no-repeat center center;background-size: 30px; padding:0;margin: 0 50px 0 0;height: 100%;}                                   
.expandCollapse-title-main .pdf input{width: 100%;height: 100%; border: 0;background: none; display: flex;align-items: center;justify-content: center;cursor: pointer; padding: 10px;}                      
.expandCollapse .expandCollapse-info { display: none;}
.expandCollapse-info{font-size: 16px; color: #222222;padding:20px;background: #f5fcff;margin: 0 0 15px 0;}
.expandCollapse-info .expandCollapse-author{margin: 0 0 10px 0;}
.expandCollapse-info .expandCollapse-keywords{margin: 0 0 10px 0;}
.expandCollapse-info .expandCollapse-link{margin: 0 0 10px 0;}
.expandCollapse-info .expandCollapse-link i{margin: 0 0 0 10px;}
.expandCollapse-info .expandCollapse-link i img{width: 16px;}
.expandCollapse-info .expandCollapse-link a{display: inline-block;color: #1d2088;}
.expandCollapse-info .expandCollapse-link a:hover{}
.expandCollapse-info .expandCollapse-content{ color: #666666;border-top: 1px #1d2088 dashed;padding: 15px 0 0 0;line-height: 1.8;margin: 5px 0 0 0;}
@media screen and (max-width:767px){
	.expandCollapse-title-main .expandCollapse-title{font-size:16px;padding:11.5px 15px;font-weight: 600;}
    .expandCollapse-info{font-size: 15px;padding: 20px 15px;}
}
@media screen and (max-width:575px){
    .expandCollapse-title-main:before{height: 12px;top:calc(50% - 6px);right:19px;}
    .expandCollapse-title-main:after{width: 12px; right:14px;}
	.expandCollapse-title-main .expandCollapse-title{padding:11.5px 10px;}
    .expandCollapse-info{padding: 20px 10px;}
    .expandCollapse-title-main .pdf-main{width: 80px;}                                   
    .expandCollapse-title-main .pdf{background-size: 24px;margin: 0 40px 0 0;}             
}

/** 聯絡資訊 **/
.contact{margin: 25px 0 0 0;}
.contact>ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.contact>ul>li{padding: 0;margin:15px 10px;width: calc(100%/2 - 20px);display: flex;align-items: center;}
.contact>ul>li a{color: #222222;text-decoration: none;}
.contact>ul>li a:hover{color: #1d2088;}
.contact>ul>li .contact-icon{width: 40px;margin: 0 20px 0 0;}
.contact>ul>li .contact-content{flex: 1;}
.contact>ul>li .contact-content span{display: block;width: 100%;font-weight: 500;}
@media screen and (max-width:1000px){
    .contact>ul>li{margin:10px 0;width: calc(100%/1 - 0px);}
}
@media screen and (max-width:767px){
    .contact{margin: 15px 0 0 0;}
    .contact>ul>li {align-items: flex-start;}
    .contact>ul>li .contact-icon{width: 34px;margin: 9px 15px 0 0;}
}

/** 按鈕 **/
.link-btn{font-size: 16px;color: #ffffff;margin:10px 0 25px 0;}
.link-btn i{margin: 0 0 0 8px;}
.link-btn a{display: table;padding: 4px 15px;background: #b87e18;color: #ffffff;text-decoration: none;border-radius: 3px;}
.link-btn a:hover{background: #db910f;color: #ffffff;}
.link-fb-btn{font-size: 16px;color: #ffffff;margin:10px 0 20px 0;display: flex;align-items: center;}
.link-fb-btn i{margin: 0 10px 0 0;background: #395693;color: #ffffff;width: 36px;height: 36px;text-align: center;padding: 8px;font-size: 21px;border-right: 1px #ffffff solid;}
.link-fb-btn a{display:flex;align-items: center; padding: 0 15px 0 0;background: #ffffff;color: #395693;text-decoration: none;border-radius: 3px;border: 1px #395693 solid;}
.link-fb-btn a:hover{background:#395693;color: #ffffff;}

/** 下版 **/
footer{padding: 10px 15px 10px 135px;background: #9ec2d2;position: fixed;bottom: 0;left: 0;width: 100%;z-index: 1000;}
.footer{font-size: 12px; color: #ffffff;text-align: center;}
.footer span.wd{padding: 0 0 0 15px;}
.footer span.wd a{display: inline-block;color: #ffffff;}
.footer span.wd a:hover{color: #d8e5ec;}
@media screen and (max-width:767px){
	footer{padding: 10px 15px;position:inherit;bottom: inherit;left: inherit;}
}
@media screen and (max-width:575px){
	.footer span.wd{padding: 0;display: block;width: 100%;}
}