/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}











/* ================================
    CSS STYLES FOR infoCMS
   ================================ */

/* ���饤���`�⥸��`��
---------------------------------------- */

/* slicksliderArea */
.slicksliderArea{position:relative; margin:0 auto 20px;}

/* ����η� */
.slick-slide img {width:100%;}
.slick-slide video {width:100%;}
.thumbnail .slick-slide img {width:100%;}
.thumbnail .slick-slide video {width:100%;}

/* ��`���` */
.slicksliderArea .divLoader{position:absolute;margin:auto;top:0;padding-top: 50%;bottom:0;left:0;right:0;z-index:9999;background-color: rgba(255,255,255,0.7);}
ul.slick-slider{padding:0;width:100%;margin:20px auto;}

/* ���ҥܥ��� */
button.slick-arrow.slick-prev{left:20px;}
button.slick-arrow.slick-next{right:20px;}

.slick-slider button.slick-arrow {position:absolute; z-index:100; top:0; bottom:0; margin:auto; padding:0; height:52px; width:52px;  white-space:nowrap; overflow:hidden; text-indent:100%; font-size:0; background-color:transparent; border:none; outline:none;}
.slick-slider button.slick-arrow:hover{opacity:0.7; cursor:pointer;}
.slick-slider button.slick-arrow.slick-prev:before{content:""; position:absolute; left:0px;right:0; top:0px; bottom:0; margin:auto; width:32px; height:32px; border-right:2px solid #fff; border-top:2px solid #fff; transform:rotate(225deg); -webkit-transform:rotate(225deg); -ms-transform:rotate(225deg);}
.slick-slider button.slick-arrow.slick-next:before{content:""; position:absolute; left:0px;right:0; top:0px; bottom:0; margin:auto; width:32px; height:32px; border-right:2px solid #fff; border-top:2px solid #fff; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg);}

/* ����ֹͣ�ܥ��� */
.slicksliderArea .btnPause{position:absolute; top:0; right:0; width:16px; height:16px; margin:0; background-color:#666; white-space:nowrap; overflow:hidden; text-indent:100%; cursor:pointer; outline:none;}
.slicksliderArea .btnPause:hover{opacity:0.7;}
.slicksliderArea .btnPause:before{content:""; display:block; position:absolute; top:0; bottom:0; left:4px; margin:auto; width:3px; height:10px; background-color:#fff;} /*��*/
.slicksliderArea .btnPause:after{content:""; display:block; position:absolute; top:0; bottom:0; right:4px; margin:auto; width:3px; height:10px; background-color:#fff;} /*��*/

.slicksliderArea .btnPause.pause{background-color:#333;}
.slicksliderArea .btnPause.pause:before{content:""; display:block; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; width: 0;height: 0;border-style: solid;border-width: 6px 0 6px 12px;border-color: transparent transparent transparent #ffffff; background-color:transparent;}
.slicksliderArea .btnPause.pause:after{display:none;}

/* �ک`����` */
ul.slick-dots{margin:auto; padding:20px 0; text-align:center;}
ul.slick-dots li{display: inline-block;list-style:none;margin: 0 6px;}
ul.slick-dots li button{display: block;margin: 0;padding: 0;height: 12px;width: 12px;border-radius: 6px;border:none;background-color:rgba(0,0,0,0.8);white-space:nowrap;text-indent:100%;overflow:hidden; cursor:pointer; outline:none;}
ul.slick-dots li button:hover,
ul.slick-dots li.slick-active button{background-color:rgba(99,99,99,0.5);}

/* ���饤���`�ꥹ�� */
.slick-track .slick-slide{position:relative; margin:0;}

/* ���񥭥�ץ���� */
.slick-slide p{position:absolute; left:0; right:0; bottom:0; margin:auto; padding:10px; width:100%; background-color:rgba(0,0,0,0.5);color:#fff;box-sizing:border-box; transition-property:all; transition-duration:0.5s;}
.slick-slide p:hover{opacity:0.2;}

/* �ӻ���� */
.slick-slide a.videoLink{display:inline-block; position:absolute; top:0; left:0; margin:0; padding:5px; background-color:rgba(0,0,0,0.7); color:#fff; text-decoration:none;}
.slick-slide a.videoLink:hover{text-decoration:underline; opacity:0.5;}

/* ����ͥ��� */
.thumbnail .slick-list{padding:0!important; margin:0 80px!important;}
.thumbnail .slick-track .slick-slide{margin:20px;}
.thumbnail .slick-slider button.slick-arrow{width:32px; height:32px; border-radius:0; background-color:transparent;}
.thumbnail .slick-slider button.slick-arrow.slick-prev:before{width:16px; height:16px; border-right:2px solid #333; border-top:2px solid #333;}
.thumbnail .slick-slider button.slick-arrow.slick-next:before{width:16px; height:16px; border-right:2px solid #333; border-top:2px solid #333;}

















/* ================================

infoNet base.css   ver.1.2

================================ */

/*--------------------------------------
	BROUSER-reset
--------------------------------------*/
/*boxsizing*/
*,
:hover,
:before,
:after{box-sizing:border-box;word-wrap:break-word;}

/* html,body */
html,
body{height:100%;margin:0;padding:0;-webkit-text-size-adjust:100%;}

/* link */
a,
a:link,
a:visited,
a:hover{outline:0;text-decoration:none;}

/* paragraph */
p{margin:0 0 1em;padding:0;}

/* list */
ul,
ol{margin:0;padding:0.5em 0 1em 2em;}
li{margin:0;padding:0 0 0.25em 0;}
ul ul,
ul ol,
ol ul,
ol ol{padding-top:0.5em;padding-bottom:0.5em;}

/* textdecorations */
b,
strong{font-weight:bold;}
em{font-family:'Verdana', '�ҥ飲�νǥ� Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', '�ͣ� �Х����å�', 'sans-serif';}

/*table*/
table{border:none;border-spacing:0;border-collapse:collapse;}
td,
th{text-align:left;}

/* hr */
hr{border-top:#e6e6e6 solid 1px;height:1px;margin:0.5em 0;background:transparent;}
hr.dotted{border-style:dotted;}

/* formparts */
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="password"]{cursor:pointer;}
button[disabled],
input[disabled]{cursor:default;}
input[type="submit"],
input[type="button"],
input[type="text"],
input[type="password"],
button,
textarea{padding:2px 1px;border:1px solid #ccc;border-radius:0;outline:none;-webkit-appearance:none;}
iframe{vertical-align:bottom;}

/* headings */
h1,
h2,
h3,
h4,
h5,
h6{margin:2em 0 1em;padding:0 0 0.5em;line-height:1.2;}

/* accessibility */
select,
option{background-color:#fff !important;color:#000 !important;}

/*  */

/*--------------------------------------
	HTML5-reset
--------------------------------------*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary{display:block;}
audio,
canvas,
progress,
video{display:inline-block;vertical-align:baseline;}
audio:not([controls]){display:none;height:0;}
[hidden],
template{display:none;}
abbr[title]{border-bottom:1px dotted;cursor:help;}
dfn{font-style:italic;}
mark{background:#ff0;color:#000;}
small{font-size:80%;}
sub,
sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
img{margin:0;padding:0;border:0;}
svg:not(:root){overflow:hidden;}
figure{margin:1em 40px;}
pre{overflow:auto;}
code,
kbd,
pre,
samp{font-family:monospace, monospace;font-size:1em;}


/*--------------------------------------
	BUG-reset
--------------------------------------*/
/* Android 4.xx problems
.spMode *{background-image:url('data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');}
br{background-image:none !important;}
 */

/*--------------------------------------
	default.css-reset
--------------------------------------*/
.Head{font-size:inherit;font-weight:inherit;}


/*--------------------------------------
	css for print
-------------------------------------*/
@media print{
	body{font-family:"�ҥ飲�νǥ� Pro W3", "HiraginoKaku Gothic Pro", "Osaka", "�ͣ� �Х����å�", "sans-serif";}
	section{display:block;}
	pre code{page-break-after:always;}
	p a,
	code,
	pre{word-wrap:break-word;}
	pre a[href]:after{content:"";}
	pre abbr[title]:after{content:"";}
	pre .ir a:after,
	pre a[href^="javascript:"]:after,
	pre a[href^="#"]:after{content:"";}
	.noPrint{display:none;}
	.controlPanel{display:none;}
}


/*--------------------------------------
	file icon
--------------------------------------*/
a[href*=".pdf"],
a[href*=".doc"],
a[href*=".docx"],
a[href*=".xls"],
a[href*=".xlsx"],
a[href*=".zip"],
a.externalLink{display:inline-block;}
a[href*=".pdf"]:after,
a[href*=".doc"]:after,
a[href*=".docx"]:after,
a[href*=".xls"]:after,
a[href*=".xlsx"]:after,
a[href*=".zip"]:after,
a.externalLink:after{display:inline-block;width:auto;height:auto;padding-left:5px;line-height:1;vertical-align:bottom;}
a[href*=".pdf"]:after{content:url(/Portals/0/images/common/ico_file_pdf.png);}
a[href*=".doc"]:after,
a[href*=".docx"]:after{content:url(/Portals/0/images/common/ico_file_word.png);}
a[href*=".xls"]:after,
a[href*=".xlsx"]:after{content:url(/Portals/0/images/common/ico_file_excel.png);}
a[href*=".zip"]:after{content:url(/Portals/0/images/common/ico_file_zip.png);}
a.externalLink:after{content:url(/Portals/0/images/common/ico_external.png);}
a.noIcon:after{display:none;}


/*--------------------------------------
	link
--------------------------------------*/
a.linkItem,
.linkItem a{display:inline-block;position:relative;padding:0.5em 1em;background-color:rgba(0,0,0,0.5);color:#fff;text-decoration:none;-webkit-transition:all 0.25s ease-out;transition:all 0.25s ease-out;}

a.linkItem.bulge,
.linkItem.bulge a{font-size:120%;}

a.linkItem.shrink,
.linkItem.shrink a{font-size:80%;}

a.linkItem.full,
.linkItem.full a{display:block;}

/* inPageLinks */
a.linkItem.inPageLinks,
.linkItem.inPageLinks a{padding-left:1.7em;}
a.linkItem.inPageLinks:before,
.linkItem.inPageLinks a:before{content:"";position:absolute;top:0.9em;left:0.7em;z-index:4;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);width:7px;height:7px;margin:0;border:none;border-right:1px solid #fff;border-bottom:1px solid #fff;}
a.linkItem.inPageLinks:hover:before,
.linkItem.inPageLinks a:hover:before{border-right:1px solid #333;border-bottom:1px solid #333;}


/*--------------------------------------
	layout
--------------------------------------*/
.layoutItem{display:block;list-style:none;width:100%;margin:0 0 0;padding:0;}

/* float */
.layoutItem.col2,
.layoutItem.col3,
.layoutItem.col4,
.layoutItem.col5,
.layoutItem.col6,
.layoutItem.col7,
.layoutItem.col8{display:block;}
.layoutItem.col2:after,
.layoutItem.col3:after,
.layoutItem.col4:after,
.layoutItem.col5:after,
.layoutItem.col6:after,
.layoutItem.col7:after,
.layoutItem.col8:after{content:"";display:block;clear:both;}
.layoutItem.col2 > *,
.layoutItem.col3 > *,
.layoutItem.col4 > *,
.layoutItem.col5 > *,
.layoutItem.col6 > *,
.layoutItem.col7 > *,
.layoutItem.col8 > *{float:left;margin-right:2%;margin-bottom:1rem;}
.layoutItem.col2 > *{width:49%;}
.layoutItem.col3 > *{width:32%;}
.layoutItem.col4 > *{width:23.5%;}
.layoutItem.col5 > *{width:18.4%;}
.layoutItem.col6 > *{width:15%;}
.layoutItem.col7 > *{width:12.57%;}
.layoutItem.col8 > *{width:10.75%;}
.layoutItem.col2 > *:nth-child(2n),
.layoutItem.col3 > *:nth-child(3n),
.layoutItem.col4 > *:nth-child(4n),
.layoutItem.col5 > *:nth-child(5n),
.layoutItem.col6 > *:nth-child(6n),
.layoutItem.col7 > *:nth-child(7n),
.layoutItem.col8 > *:nth-child(8n){margin-right:0 !important;}
.layoutItem.col2 > *:nth-child(2n+1),
.layoutItem.col3 > *:nth-child(3n+1),
.layoutItem.col4 > *:nth-child(4n+1),
.layoutItem.col5 > *:nth-child(5n+1),
.layoutItem.col6 > *:nth-child(6n+1),
.layoutItem.col7 > *:nth-child(7n+1),
.layoutItem.col8 > *:nth-child(8n+1){clear:left;}
.layoutItem img{max-width:100%;vertical-align:bottom;}

/* thumbnail */
.layoutItem.firstitemlefted,
.layoutItem.firstitemrighted{display:block;}
.layoutItem.firstitemlefted:after,
.layoutItem.firstitemrighted:after{content:"";display:block;clear:both;}
.layoutItem.firstitemlefted > *,
.layoutItem.firstitemrighted > *{overflow:hidden;width:auto;}
.layoutItem.firstitemlefted > *:first-child{float:left;margin-right:2%;}
.layoutItem.firstitemrighted > *:first-child{float:right;margin-left:2%;}
.layoutItem.firstitemlefted.wraparound > *,
.layoutItem.firstitemrighted.wraparound > *{overflow:visible;}

/* inline */
.layoutItem.inlined > *{display:inline-block;margin-right:1rem;vertical-align:top;}

/* table */
.layoutItem.tabled{display:table;width:100%;table-layout:fixed;}
.layoutItem.tabled > *{display:table-cell;vertical-align:middle;}
.layoutItem.tabled:after{display:none;}

/* flex */
.layoutItem.flexed{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;flex-direction:row;flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;-moz-flex-wrap:nowrap;}
.layoutItem.flexed.wraped{flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;-moz-flex-wrap:wrap;}
.layoutItem.flexed.lefted{justify-content:flex-start;-webkit-justify-content:flex-start;-ms-justify-content:flex-start;-moz-justify-content:flex-start;}
.layoutItem.flexed.righted{justify-content:flex-end;-webkit-justify-content:flex-end;-ms-justify-content:flex-end;-moz-justify-content:flex-end;}
.layoutItem.flexed.centered{justify-content:center;-webkit-justify-content:center;-ms-justify-content:center;-moz-justify-content:center;}
.layoutItem.flexed.betweened{justify-content:space-between;-webkit-justify-content:space-between;-ms-justify-content:space-between;-moz-justify-content:space-between;}
.layoutItem.flexed.middled{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.layoutItem.flexed.baselined{-webkit-box-align:baseline;-ms-flex-align:baseline;-webkit-align-items:baseline;align-items:baseline;}
.layoutItem.flexed.stretched{-webkit-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch;}
.layoutItem.flexed.retentioned{flex-shrink:0;-webkit-flex-shrink:0;-ms-flex-shrink:0;-moz-flex-shrink:0;}
.layoutItem.flexed.col2,
.layoutItem.flexed.col3,
.layoutItem.flexed.col4,
.layoutItem.flexed.col5,
.layoutItem.flexed.col6,
.layoutItem.flexed.col7,
.layoutItem.flexed.col8{flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;-moz-flex-wrap:wrap;}
.layoutItem.flexed.col2 > *,
.layoutItem.flexed.col3 > *,
.layoutItem.flexed.col4 > *,
.layoutItem.flexed.col5 > *,
.layoutItem.flexed.col6 > *,
.layoutItem.flexed.col7 > *,
.layoutItem.flexed.col8 > *{float:none;margin-right:2%;margin-bottom:1rem;}
.layoutItem.flexed:after{display:none;}

img.ImageFloatRight{display:inline-block;float:right;margin:0 0 20px 20px;}
img.ImageFloatLeft{display:inline-block;float:left;margin:0 20px 20px 0;}
.layoutItem:after{content:"";display:block;clear:both;}

ul.layoutItem{list-style:none;padding-left:0;}
ul.layoutItem li{margin-bottom:1rem;}


/*--------------------------------------
	clearfix,float,align settings
--------------------------------------*/
.clearfix:after{content:"";display:block;clear:both;}
.floatRight{float:right;}
.floatLeft{float:left;}

/* align */
.alignRight{text-align:right;}
.alignLeft{text-align:left;}
.alignCenter{text-align:center;}

/* align image */
img.alignCenter{display:block;margin:0 auto 20px;}
img.alignRight{display:inline-block;float:right;margin:0 0 20px 20px;}
img.alignLeft{display:inline-block;float:left;margin:0 20px 20px 0;}

/* vertical */
.alignTop{vertical-align:top;}
.alignMiddle{vertical-align:middle;}
.alignBaseline{vertical-align:baseline;}
.alignBottom{vertical-align:bottom;}

/*--------------------------------------
	table
--------------------------------------*/
table.tableBasic{max-width:100%;margin:0 0 2em;}
table.tableBasic{border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
table.tableBasic th,
table.tableBasic td{padding:0.5em;border-top:1px solid #ccc;border-left:1px solid #ccc;}
table.tableBasic th{background-color:rgba(0,0,0,0.05);}
table.tableBasic.full{width:100%;}
table.tableBasic.shrink th,
table.tableBasic.shrink td{padding:0.05em 0.25em;}
table.tableBasic.bulge th,
th.fixed,
td.fixed{width:8em;}

th.colored{background-color:#f6f6f6;}
td.colored{background-color:rgba(0,0,0,0.05);}

th.emptyCell,
td.emptyCell{border:none !important;background:none !important;}

th.nowrap,
td.nowrap{white-space:nowrap;}
table.tableBasic.bulge td{padding:1em 1.5em;}



/*--------------------------------------
	box
--------------------------------------*/
.boxBordered{margin:0 0 2em;padding:2em;border:1px solid rgba(0,0,0,0.5);}
.boxBordered.shrink{padding:0.5em;}
.boxBordered.bulge{padding:4em;}

.boxColored{margin:0 0 2em;padding:2em;background-color:rgba(0,0,0,0.03);}
.boxColored.shrink{padding:0.5em;}
.boxColored.bulge{padding:4em;}

.boxOverflowX{overflow-x:auto;overflow-y:hidden;width:auto !important;max-width:100%;height:100%;}
.boxOverflowY{overflow-x:hidden;overflow-y:auto;max-width:100%;height:10em !important;height:100%;}
.boxOverflowXY{overflow-x:auto;overflow-y:auto;width:auto !important;max-width:100%;height:10em !important;height:100%;}

.boxColored > *:first-child,
.boxBordered > *:first-child{margin-top:0;}
.boxColored > *:last-child,
.boxBordered > *:last-child{margin-bottom:0;}


/*--------------------------------------
	txt
--------------------------------------*/
.txtIndent{padding-left:1em;text-indent:-1em;}
.txtIndent2{padding-left:2em;text-indent:-2em;}

.txtSmall{font-size:80%;}
.txtLarge{font-size:120%;}

.txtBold{font-weight:bold;}

.colorRed{color:#c00;}
.colorGray{color:#777;}


/*--------------------------------------
	list
--------------------------------------*/
/* reset */
.listNone{display:block;list-style:none;width:100%;margin:0 0 1em;padding:0;}




/*@media screen and (max-width:1080px){
.layoutItem.col3 > *{width:100%;}
	
}*/
@media screen and (max-width:1080px){
.layoutItem.col3 > *{width:33.3333%; margin-right:0;clear: none!important;}
}
@media screen and (max-width:790px){
.layoutItem.col3 > *{width:50%;}
}
@media screen and (max-width:640px){
.layoutItem.col3 > *{width:50%; margin-right:0;clear: none!important;}
	
	
	
}