@keyframes show{
	0%{
		top:-30px;
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;
	}
	100%{
		top:50px;
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;
	}
}
@keyframes show-back{
	0%{
		top:-30px;
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;
	}
	100%{
		top:40px;
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;
	}
}
@keyframes show1{
	0%{
		top:-99px;
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;
	}
	100%{
		top:0px;
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;
	}
}
.divlist1{
	position:absolute;
	left:0px;
	top:-3000px;
	width:160px;
}
.at2{
	display:block;
	width:100%;
	padding-top:6px;
	font-size:16px;
	padding-bottom:6px;
	/*
	background-color:#0090D4;
	*/
	border-bottom:1px solid white;
	position:relative;
	left:0px;
	color:white;
	top:0px;
}
.at2_list{
	display:block;
	width:100%;
	padding-top:6px;
	font-size:16px;
	padding-bottom:6px;
	/*
	background-color:#0090D4;
	*/
	border-bottom:1px solid white;
	position:relative;
	left:0px;
	top:0px;
}
.at2_list:after{
	content:"+";
	position:absolute;
	right:10px;
	top:5px;
	color:white;
	font-size:22px;
}
.at1_list-back:hover .divlist1{
	animation-name:show-back;
	animation-duration:0.5s;
	animation-fill-mode:forwards;
}
.at1_list:hover .divlist1{
	animation-name:show;
	animation-duration:0.5s;
	animation-fill-mode:forwards;
}
.divlist2{
	position:absolute;
	right:-160px;
	top:-3000px;
	width:160px;
}

.at3{
	display:block;
	width:100%;
	padding-top:6px;
	font-size:16px;
	padding-bottom:6px;
	/*
	background-color:#D25F9D;
	*/
	border-bottom:1px solid white;
	position:relative;
	left:0px;
	top:0px;
	color:white;
}
.at2:hover .divlist2{
	animation-name:show1;
	animation-duration:0.5s;
	animation-fill-mode:forwards;
}
.at2_list:hover .divlist2{
	animation-name:show1;
	animation-duration:0.5s;
	animation-fill-mode:forwards;
}



.divnavi{
	width:90%;
	margin:auto;
	border:1px solid #cccccc;
}

.divnavi a{
	display:block;
	width:100%;
	padding-top:6px;
	padding-bottom:6px;
	text-align:center;
	font-size:16px;
	position:relative;
	left:0px;
	top:0px;
}
.an1{
	color:#006699;
	border-bottom:1px solid #cccccc;
}
.nlist{
	display:none;
}
.an1_list{
	color:#006699;
	border-bottom:1px solid #cccccc;
}
.an1_list:after{
	content:"+";
	position:absolute;
	right:10px;
	top:3px;
	font-size:26px;
	color:#999999;
}

.an2{
	background-color:#0090D4;
	color:white;
	border-bottom:1px solid white;
}
.an2_list{
	background-color:#0090D4;
	color:white;
	border-bottom:1px solid white;
}
.an2_list:after{
	content:"+";
	position:absolute;
	right:10px;
	top:3px;
	font-size:26px;
	color:white9;
}
.an3{
	background-color:#D25F9D;
	color:white;
	border-bottom:1px solid white;
}

.br2_img{
	width:100%;
	clear:both;
}
.br2_video{
	width:100%;
	clear:both;
}

.divmanrec a{color:white;}

.slick_dot1{
	text-align:left;
	position:relative;
	left:-20px;
	height:0px;
}

.slick_dot1 li{
	position: relative;
	display: inline-block;
	left:0px;
	top:0px;
	width: 20px;
	height: 20px;
	margin: 6px 5px 5px 6px;
	padding: 0;
	cursor: pointer;
}
.slick_dot1 li button
{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    background: transparent;
}

.slick_dot1 li button:before
{
    font-family: 'slick';
    font-size: 18px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    content: '•';
    text-align: center;
    opacity: 1;
    color: #222222;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick_dot1 li.slick-active button:before
{
    opacity: 1;
    color:#FF3399;
}

.divdmdot{
	position:relative;
	left:0px;
	top:0px;
	width:auto;
	height:1px;
	top:-100px;
	z-index:10;
	margin:auto;
	padding:0px;
	text-align:center;
}

.divdm1{
	width:100%;
	background-image:url(./img/test2.jpg);
	background-size:auto 100%;
	background-position:50% 50%;

	position:relative;
	left:0px;
	top:0px;
	background-repeat:no-repeat;
	background-color:#222222;
	cursor:pointer;
}

.divdmpos{
	position:absolute;
	left:0px;
	width:100%;
	bottom:0px;
	padding-top:20px;
	padding-bottom:20px;
	background-color:black;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;
	color:white;
	font-size:25px;
	text-align:center;
	line-height:1.2em;
}

.divtype{
	width:100%;
	text-align:center;
	padding-top:10px;
}

.divtype a{
	display:inline-block;
	text-align:center;
	padding-top:10px;
	padding-bottom:6px;
	font-size:18px;
	padding-left:20px;
	padding-right:20px;
	margin-right:0px;
	border-radius:10px 10px 0px 0px;
	margin-bottom:6px;
}

/*
.atype1{
background-color:#1AB5FF;
color:white;
}
.atype3{
background-color:#0076AE;
color:white;
position:relative;
left:0px;
top:0px;
}
*/

.h2s2{
	font-size:30px;
	font-weight:normal;
	color:#0076AE;   
	width:100%;
	padding-top:20px;
	padding-bottom:15px;
	width:100%;
	margin:auto;
	text-align:center;
}

.ptop{
	width:100%;
	margin:auto;
	font-size:16px;
	color:#666666;
	background-color:#f1f1f1;
	border-radius:30px;
	text-indent:10px;
	padding-top:6px;
	padding-bottom:6px;
	border:1px solid #cccccc;
}
.ptop a{color:#0090D4;}








.alogin{
	display:inline-block;
	width:60px;
	color:white;
	font-size:15px;
	text-align:center;
	padding-top:3px;
	padding-bottom:3px;
	border:1px solid white;
	border-radius:6px;
}
.alogin:hover{background-color:white;color:#222222;}

.divbaseicon img{
	width:40px;
	padding:3px;
}
.divbaseicon{}

.baseb1{
	width:31%;
	display:inline-block;
	padding-bottom:20px;
}
.h2b1{
	font-size:24px;
	font-weight:normal;
	text-align:center;
	color:white;
	padding-top:10px;
	padding-bottom:6px;
	width:100%;
	margin:auto;
	border-radius:10px;
	margin-bottom:10px;
}
.ab1{
	display:block;
	width:90%;
	padding-top:6px;
	padding-bottom:6px;
	font-size:16px;
	color:#f1f1f1;
	text-align:center;
	margin:auto;
	border-bottom:1px dotted #f1f1f1;
}

.divcopy{
width:100%;
font-size:15px;
color:white;
text-align:center;
padding-top:10px;
padding-bottom:10px;
background-color:#222222;
}

.pbase{
width:100%;
font-size:18px;
color:white;
line-height:1.6em;
}
.h2base{
font-family:DFKai-sb;
font-size:26px;
color:white;
width:100%;
margin:auto;
font-weight:normal;
}

.divbaserec{
width:100%;
padding-top:50px;
padding-bottom:30px;
background-color:#333333;
}

.baserec{
display:table;
width:1200px;
margin:auto;
}
.basebody{
display:table-row;
}
.base_fixed{
display:table-cell;
vertical-align:top;
width:300px;
padding-left:20px;
}
.base_wide{
display:flex;
vertical-align:top;
}

.divposm1{
position:absolute;
left:0px;
top:0px;
}
.divposm1 img{
padding-top:15px;
padding-left:10px;
height:15px;
width:25px;
padding-right:20px;
padding-bottom:10px;
}
.imgalpha{
display:block;
height:30px;
padding-top:0px;
padding-bottom:0px;
margin:auto;
}
.imgm1{
display:block;
padding-top:10px;
height:30px;
padding-bottom:10px;
}
.imgm1 span{
display:inline-block;
font-size:18px;
padding-top:3px;
color:#006699;
}
.imgm1 span br{
display:none;
}

.divfix1{
position:fixed;
left:0px;
z-index:99;
top:0px;
width:100%;
display:none;
background-color:white;
border-bottom:1px solid #cccccc;
text-align:center;
}
.divre1{
position:relative;
left:0px;
top:0px;
width:100%;
font-size:16px;
}

.af1{
	display:block;
	width:100%;
	padding-top:6px;
	padding-bottom:6px;
	font-size:17px;
	color:#333333;
	text-align:center;
	position:relative;
	left:0px;
	top:0px;
	border-bottom:2px dotted #cccccc;
}
.af1_list{
	display:block;
	width:100%;
	padding-top:6px;
	padding-bottom:6px;
	font-size:17px;
	color:#333333;
	text-align:center;
	position:relative;
	left:0px;
	top:0px;
	border-bottom:2px dotted #cccccc;
}
.af1_list:after{
	content:"+";
	position:absolute;
	top:4px;
	font-size:24px;
	right:10px;
	color:#666666;
}
.af2{
	display:block;
	width:100%;
	padding-top:6px;
	padding-bottom:6px;
	font-size:17px;
	color:white;
	text-align:center;
	position:relative;

	background-color:#0092D7;

	left:0px;
	top:0px;
	border-bottom:2px dotted #cccccc;
}
.af3{
	display:block;
	width:100%;
	padding-top:6px;
	padding-bottom:6px;
	font-size:17px;
	color:white;
	text-align:center;
	position:relative;

	background-color:#D25F9D;

	left:0px;
	top:0px;
	border-bottom:2px dotted #cccccc;
}
.af2_list{
	display:block;
	width:100%;
	padding-top:6px;
	padding-bottom:6px;
	font-size:17px;
	color:white;
	text-align:center;
	position:relative;

	background-color:#0092D7;

	left:0px;
	top:0px;
	border-bottom:2px dotted #cccccc;
}
.af2_list:after{
content:"+";
position:absolute;
top:4px;
font-size:24px;
right:10px;
color:white;
}
.divback{
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:3000px;
	background-color:white;
	z-index:120;
	display:none;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;
}
.divfix3{
	position:fixed;
	left:-100%;
	top:0px;
	width:60%;
	height:3000px;
	z-index:139;
	background-color:white;
}

.load{
width:100px;
display:block;
margin:auto;
padding-top:200px;
}

.divload{
position:fixed;
left:0px;
top:0px;
width:100%;
height:3000px;
background-color:white;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;
z-index:666;
}

.check{display:block;}

.slick{
width:100%;
margin:auto;
padding:0px;
overflow:hidden;
}
.dotrec{
position:relative;
top:0px;
height:10px;
}

.divprec{
width:98%;
margin:auto;
}

.slick-dotted.slick-slider{margin-bottom: 10px;}
.slick_dot{height:10px;}
.slick_dot li{
	position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0x;
    padding: 0;
}
.slick_dot li input{
	width:10px;
	border-radius:50% 50%;
	height:10px;
}

.imgc1{
width:100%;
border-radius:6px;
}

.divp1{
width:100%;
position:relative;
left:0px;
top:0px;
padding-bottom:10px;
}
.h2p1{
	display:block;
	width:100%;
	margin:auto;
	padding-top:8px;
	padding-bottom:8px;
	font-size:18px;
	color:white;
	font-weight:normal;
	text-align:center;
	letter-spacing:0em;
	border-radius:4px;
	margin-bottom:10px;
	margin-top:0px;
}
.h2p2{
	display:block;
	width:100%;
	margin:auto;
	padding-top:6px;
	padding-bottom:6px;
	font-size:18px;
	color:#555555;
	font-weight:normal;
	text-align:center;
	letter-spacing:0.1em;
	border-radius:10px;
	background-color:#f1f1f1;
	border:1px solid #cccccc;;
	margin-bottom:2px;
	margin-top:2px;
}
.h2p3{
display:block;
width:100%;
margin:auto;
padding-top:8px;
padding-bottom:8px;
font-size:20px;
color:white;
font-weight:normal;
text-align:center;
letter-spacing:0.1em;
border-radius:10px;
background-color:#660033;
margin-bottom:10px;
margin-top:10px;
}
.padding-auto{
width:90%;
margin:auto;
}
.ap1{
display:block;
width:100%;
margin:auto;
text-align:center;
color:#666666;
font-size:16px;
padding-top:5px;
line-height:1.3em;
padding-bottom:5px;

border-bottom:2px dotted #cccccc;
}
.ap1:nth-child(odd){background-color:#f1f1f1;}
.ap1:hover{color:orange;}
.ap2{
display:block;
width:auto;
margin:auto;
padding-left:28px;
text-align:left;

color:#777777;
color:#008000;
font-size:15px;
padding-top:8px;
line-height:1.3em;
padding-bottom:3px;
border-bottom:1px dotted #008000;
background-image:url(./../img/file.jpg);
background-repeat:no-repeat;
background-size:15px 18px;
background-position:5px 50%;
}
.ap2:hover{color:orange;}
.ago{
display:block;
width:80px;
margin:auto;
margin-top:6px;
margin-bottom:6px;
padding-top:1px;
padding-bottom:1px;
text-align:center;
font-size:13px;
}
.panel_fixed{
width:230px;
display:table-cell;
vertical-align:top;
padding-left:10px;
}

.panel_wide{
width:auto;
display:table-cell;
vertical-align:top;
padding-left:20px;
padding-right:10px;

}

.divpanel{
 width:1200px;
 margin:auto; 
 display:table; 
 margin-top:10px;
 table-layout: fixed;
}

.recpanel{
display:table-row;
}
.datapanel{
display:table-cell;
}

.divspace{
width:100%;
height:70px;
}

.divlist{
width:100%;
text-align:right;
}
.at1{
display:inline-block;
padding-top:15px;
padding-bottom:15px;
width:auto;
padding-left:20px;
padding-right:20px;
font-size:18px;
color:white;
text-align:center;

transition:0.5s;
position:relative;
left:0px;
top:0px;
cursor:pointer;

}

.at1-back {
display:inline-block;
padding-top:10px;
padding-bottom:10px;
width:auto;
padding-left:20px;
padding-right:20px;
font-size:18px;
color:white;
text-align:center;

transition:0.5s;
position:relative;
left:0px;
top:0px;
cursor:pointer;

}


.at1_list{
display:inline-block;
padding-top:15px;
padding-bottom:15px;

font-size:18px;
color:white;
text-align:center;
transition:0.5s;
position:relative;
left:0px;
top:0px;
cursor:pointer;
padding-left:20px;
padding-right:30px;
width:auto;
background-image:url(./../img/icon_plus.png);
background-size:10px 10px;
background-position:85% 50%;
background-repeat:no-repeat;
}

.at1_list-back{
display:inline-block;
padding-top:10px;
padding-bottom:10px;

font-size:18px;
color:white;
text-align:center;
transition:0.5s;
position:relative;
left:0px;
top:0px;
cursor:pointer;
padding-left:20px;
padding-right:30px;
width:auto;
background-image:url(./../img/icon_plus.png);
background-size:10px 10px;
background-position:85% 50%;
background-repeat:no-repeat;
}


.tahead-back{
display:table;
width:1200px;
margin:auto;
height:40px;
transition:0.5s;
}

.tahead{
display:table;
width:1200px;
margin:auto;
height:70px;
transition:0.5s;
}
.trhead{display:table-row;}
.cellhead1{
width:200px;
padding-left:30px;
display:table-cell;
vertical-align:middle;
}
.cellhead2{
display:table-cell;
text-align:left;
vertical-align:middle;
}

.logoimg{
width:100%;
transition:0.5s;
}
.logoimg-back{
width:60%;
transition:0.5s;
}

.icon_face{
height:55%;
}

.divfix{
position:fixed;
left:0px;
top:0px;
width:100%;
z-index:33;
background-color:#0090D4;
}

.br1{
width:90%;
height:1px;
clear:both;
}

.div1200{
width:1200px;
margin:auto;
}

body{
padding:0px;
margin:0px;
}

html{
line-height:1.5em;
padding:0px;
margin:0px;
font-size:14px;
font-family: Microsoft JhengHei;
}

a{
text-decoration:none;
cursor:pointer;
}

.divmanrec a{
color:white;
}
.slick_dot1{
text-align:left;
position:relative;
left:-20px;
height:0px;
}

.slick_dot1 li
{
position: relative;
display: inline-block;
left:0px;
top:0px;
width: 20px;
height: 20px;
margin: 6px 5px 5px 6px;
padding: 0;
cursor: pointer;
}
.slick_dot1 li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;

    background: transparent;
   
}

.slick_dot1 li button:before
{
    font-family: 'slick';
    font-size: 18px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 10px;
    height: 10px;

    content: '•';
    text-align: center;

    opacity: 1;
    color: #222222;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick_dot1 li.slick-active button:before
{
    opacity: 1;
    color:#FF3399;
}
.divdmdot{
position:relative;
left:0px;
top:0px;
width:auto;
height:1px;
top:-100px;
z-index:10;
margin:auto;
padding:0px;
text-align:center;

}

.divdm1{
width:100%;
background-image:url(./img/test2.jpg);
background-size:auto 100%;
background-position:50% 50%;

position:relative;
left:0px;
top:0px;
background-repeat:no-repeat;
background-color:#222222;
cursor:pointer;
}

.divdmpos{
position:absolute;
left:0px;
width:100%;
bottom:0px;
padding-top:20px;
padding-bottom:20px;
background-color:black;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;
color:white;
font-size:25px;
text-align:center;
line-height:1.2em;
}

.divtype{
width:100%;
text-align:center;
padding-top:10px;
}

.divtype a{
display:inline-block;
text-align:center;
padding-top:10px;
padding-bottom:6px;
font-size:18px;
padding-left:20px;
padding-right:20px;
margin-right:0px;
border-radius:10px 10px 0px 0px;
margin-bottom:6px;
}

/*
.atype1{
background-color:#1AB5FF;
color:white;
}
.atype3{
background-color:#0076AE;
color:white;
position:relative;
left:0px;
top:0px;
}
*/

.h2s2{
font-size:30px;
font-weight:normal;
color:#0076AE;   
width:100%;
padding-top:20px;
padding-bottom:15px;
width:100%;
margin:auto;
text-align:center;
}

.ptop{
width:100%;
margin:auto;
font-size:16px;
color:#666666;
background-color:#f1f1f1;
border-radius:30px;
text-indent:10px;
padding-top:6px;
padding-bottom:6px;
border:1px solid #cccccc;
}
.ptop a{
color:#0090D4;
}

.tdline span{
display:block;
width:100%;
background-color:#cccccc;
height:1px;
}

.name1 a{
display:block;
width:auto;
padding-top:6px;
padding-bottom:6px;
padding-left:10px;
text-indent:0px;
line-height:1.4em;
color:#666666;
}



.ta1{
width:100%;   
font-size:17px;
text-indent:10px;
color:#666666;
}
.tr1{
background-color:#cccccc;
background-image:linear-gradient(to top,#f6f6f6,#f1f1f1);
height:40px;
color:#666666;

}
.date1{
width:100px;
text-align:left;

}
.date1 br{
display:none;
}
/****
結束
****/

.ptext{
font-size:1.2em;
color:#000;
line-height:1.8em;
width:95%;
margin:auto;
padding-top:30px;
}

.pdate{
font-size:1.1em;
color:#333;
text-align:center;
width:100%;
margin:auto;
padding-top:6px;
}
.pdate br{
display:none;
}
.h2text{
font-size:26px;
font-weight:normal;
color:#0076AE;   
width:100%;
padding-top:0px;
padding-bottom:15px;
width:100%;
margin:auto;
text-align:center;
border-bottom:1px solid #cccccc;
line-height:1.3em;
}

.divfile{

width:98%;
margin:auto;
border:1px solid #cccccc;
box-shadow:3px 3px 3px #cccccc;
border-radius:10px;
min-height:190px;
}

.imgfile{
width:120px;
display:block;
margin:auto;
padding-top:10px;
padding-bottom:6px;
}
.imgfile1{
width:100px;
display:block;
margin:auto;
padding-top:0px;
padding-bottom:0px;
}
.afs1{
display:block;
width:90%;
margin:auto;
padding-top:5px;
padding-bottom:5px;
border-bottom:1px solid #cccccc;
font-size:16px;
color:#0070A8;
text-align:center;
background-size:10px 10px;

}


.divs1_file{
position:relative;
left:0px;
top:0px;
padding-bottom:10px;
}

.h2file{
font-size:19px;
font-weight:normal;
text-align:center;
width:90%;
margin:auto;
padding-top:6px;
padding-bottom:6px;
color:#666666;
margin-bottom:0px;

}

.br2_file{
width:100%;
clear:both;
}
.br3_file{
width:100%;
clear:both;
}

.divdorec{
width:100%;
background-color:#f1f1f1;
margin-top:20px;
}
.divdocen{
width:90%;
padding-top:20px;
padding-bottom:20px;
margin:auto;
}
.divdocen img{
width:120px;
}
.divdocen a{
display:block;
width:100%;
padding-top:10px;
padding-bottom:10px;
border-bottom:1px solid #cccccc;
font-size:19px;
color:#0070A8;
}








.divs1_video{
width:48%;
margin-left:1%;
margin-right:1%;
float:left;
position:relative;
left:0px;
top:0px;
margin-bottom:10px;
}

.divs1_video_all{
width:98%;
padding-left:1%;
padding-right:1%;
padding-bottom:0px;

position:relative;
left:0px;
top:0px;
padding-bottom:10px;
}

.s100{
width:100%;
}
.divposf1{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
}

.divs1_video{
width:48%;
margin-left:1%;
margin-right:1%;
float:left;
position:relative;
left:0px;
top:0px;
margin-bottom:10px;  
}

.fvideo{
display:block;
border:none;
overflow:hidden;
width:100%;
margin:auto;
height:100%;
}






.p4{
width:31%;
margin-left:1%;
margin-right:1%;
float:left;
}
.p6{
width:48%;
margin-left:1%;
margin-right:1%;
float:left;
}
.p3{
width:23%;
margin-left:1%;
margin-right:1%;
float:left;
}
.p9{
width:73%;
margin-left:1%;
margin-right:1%;
float:left;
}
.p12{
width:100%;
margin-left:0%;
margin-right:0%;
float:left;
}






.divresall{
text-align:center;
}

.divs1_img{
width:48%;
margin-left:1%;
margin-right:1%;
float:left;
position:relative;
left:0px;
top:0px;
margin-bottom:10px;
}

.divs1_img:hover .divposs1{
padding-top:30px;
padding-bottom:30px;
transition:0.5s;
color:yellow;
}
.imgs1{
width:100%;
border-radius:4px;
}

.divres1{
position:relative;
left:0px;
top:0px;
width:100%;
}
.divposs1{
position:absolute;
left:0px;
bottom:0px;
width:100%;
text-align:center;
background-color:black;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;
color:white;
font-size:18px;
padding-top:10px;
padding-bottom:10px;
transition:0.5s;
}

.divs1_rotate{
width:100%;
position:relative;
left:0px;
top:0px;
margin-bottom:10px;
}
.divs1_rotate img{
width:100%;
}





.h2s1{
font-size:28px;
color:#555555;
font-weight:normal;
font-family:DFKai-sb;
text-indent:20px;
position:relative;
left:0px;
top:0px;
clear:both;
margin:auto;
margin-bottom:20px;
margin-top:30px;
}
.h2s1:after{
content:'';
position:absolute;
left:5px;
width:4px;
top:5%;
height:90%;
background-color:#0090D4;
}










.divcheckman{
display:none;
width:3px;
}

.h2man{
display:block;
font-size:26px;
color:#0090D4;
width:100%;
font-weight:normal;
padding-top:0px;
padding-bottom:10px;
clear:both;
text-align:left;
border-bottom:1px solid #cccccc;
}

.divmanrec img{
width:100%;
margin:auto;
padding:0px;
display:block;
border-radius:6px 6px 0px 0px;
}
.pman{
width:100%;
margin:auto;
font-size:18px;
color:white;
text-align:center;
padding-top:10px;
padding-bottom:10px;
border-top:1px solid #cccccc;
background-color:teal;
}
.divmanrec{
display:block;
width:31.5%;
float:left;
margin-left:0%;
margin-right:1%;
border:1px solid #cccccc;
margin-bottom:10px;
border-radius:6px 6px 0px 0px;
}

.divmanall{
width:100%;
text-align:center;
}

.taimg1{
padding-left:5px;
}
.taimg1 td{
vertical-align:top;
}

.divs1_img1{
position:relative;
left:0px;
top:0px;
margin-bottom:10px;
}

.imgall{
width:100%;
}

.imgqr{
width:60px;
padding-right:6px;
}
.nameimg{
color:white;
font-size:20px;
display:block;
width:100%;
font-weight:bold;
padding-bottom:5px;
}
.nametext{
display:block;
width:100%;
color:white;
font-size:16px;
color:#cccccc;
}

.nameimg1{
color:white;
font-size:17px;
display:block;
width:100%;
font-weight:bold;
padding-bottom:0px;
}
.nametext1{
display:block;
width:100%;
color:white;
font-size:15px;
color:#cccccc;
}

.divimgpos1{
position:absolute;
left:0px;
width:100%;
bottom:0px;
padding-top:5px;
padding-bottom:0px;
background-color:black;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;
}







.divs1_link{
position:relative;
left:0px;
top:0px;
padding-bottom:10px;
}

.als1{
display:block;
width:90%;
margin:auto;
font-size:16px;
color:#464646;
text-align:center;
padding-top:5px;
padding-bottom:5px;
border-bottom:2px dotted #cccccc;
}


.divlink{
width:98%;
margin:auto;
border:1px solid #cccccc;
box-shadow:3px 3px 3px #cccccc;
border-radius:10px;
min-height:190px;
}
.h2link{
font-size:19px;
font-weight:normal;
text-align:center;
width:100%;
margin:auto;
padding-top:10px;
padding-bottom:10px;

margin-bottom:10px;

}

.br2_link{
width:100%;
clear:both;
}
.br3_link{
width:100%;
clear:both;
}



.divs1_auto{
position:relative;
left:0px;
top:0px;
padding-bottom:10px;
}

.padding{
width:90%;
margin:auto;
}

.divauto{
width:98%;
margin:auto;
border:1px solid #cccccc;
box-shadow:3px 3px 3px #cccccc;
border-radius:10px;
min-height:190px;
}
.h2auto{
font-size:19px;
font-weight:normal;
text-align:center;
width:100%;
margin:auto;
padding-top:10px;
padding-bottom:10px;
margin-bottom:10px;


}

.br2_auto{
width:100%;
clear:both;
}
.br3_auto{
width:100%;
clear:both;
}



.h2img{
font-size:26px;
font-weight:normal;
color:#0076AE;   
width:100%;
padding-top:20px;
padding-bottom:15px;
width:100%;
margin:auto;
text-align:center;
line-height:1.3em;
}


.divimg img{
width:90%;
display:block;
margin:auto;
border:1px solid #cccccc;
padding:3px;
border-radius:6px;
margin-bottom:20px;
}

.divmanimg{
width:100%;
text-align:center;
}
.divmanimg img{
width:390px;
padding-top:30px;
padding-bottom:30px;
}

.taman{
width:100%;
font-size:17px;
color:#666666;
vertical-align:top;
border-bottom:1px solid #cccccc;
padding-top:3px;
padding-bottom:3px;
}
.tdman1{
width:100px;
text-align:right;
vertical-align:middle;
text-align:center;
background-color:#f1f1f1;
border-radius:4px;
color:#666666;
}
.tdman2{
vertical-align:middle;
padding-left:20px;
}
.olman{
margin-top:-0px;
margin-left:-20px;
font-size:17px;
}
.olman li{
padding-top:3px;
padding-bottom:3px;
}




.marquee{
width:98%;
margin:auto;
background-color:#FCF3F8;
font-size:17px;
color:#BD405E;
padding-top:10px;
padding-bottom:6px;
padding-left:0.2%;
text-align:left;
border-radius:10px;
overflow:hidden;


}
.line{
position:relative;
left:0px;
top:0px;
z-index:11;

}





.atabtext:nth-child(odd){
border-bottom:3px dotted #E1C4FF;
color:#6600CC;
color:#666666;
background-image:url(./../img/dot_purple.jpg);
}
.atabtext:nth-child(even){
border-bottom:3px dotted #A4DBFF;
color:#006CB5;
color:#666666;
background-image:url(./../img/dot_blue.jpg);
}
.atabtext{
display:block;
padding-left:40px;
width:auto;
font-size:16px;

line-height:1.3em;
padding-top:10px;
padding-bottom:0px;
border-bottom:1px solid #cccccc;
position:relative;
left:0px;
top:0px;

background-size:5px 5px;
background-repeat:no-repeat;
background-position:15px 50%;
cursor:pointer;
transition:0.5s;
left: 0px;
}
.atabtext:hover{
color:orange;
transition:0.5s;
left:20px;
}

.atabtext span{
color:#ff3300;
font-size:0.9em;
}


.divline{
width:100%;
clear:both;
height:2px;
background-color:#cccccc;
}
.divtabrec a{
display:block;
padding-top:12px;
padding-bottom:10px;
width:auto;
padding-left:30px;
padding-right:30px;
text-align:center;
font-size:18px;
float:left;
cursor:pointer;
}

.atab1{
background-color:#999999;
color:white;
}
/*
.atab3{
background-color:#0092D7;
color:white;
}
*/
.divtabtext{
min-height:190px;
}
.divtab{
padding-top:10px;
position:relative;
z-index:13;
left:0px;
top:0px;
}


@media screen and (min-width:1px) and (max-width:460px){


.divnavi a{
font-size:16px;
}



.divdm1{
height:280px;
}
.divdmpos{
font-size:18px;
}


.slick_dot1 li button:before{
width:10px;
height:10px;
font-size: 18px;

}
.slick_dot1 li{
margin: 0px 5px 5px 0px;
}

.divdmpos{
padding-top:10px;
padding-bottom:10px;   
}

.divdmdot{
 top:-70px;   
}


.divdm1{
text-indent:10px;
}



.divtype a{
padding-left:0px;
padding-right:0px;
width:50%;
border-radius:0px 0px 0px 0px;
display:block;
float:left;
}





.pbase{
font-size:16px;
}
.h2base{
font-size:27px;
}
.h2b1{
font-size:19px;
}


.load{
width:100px;
padding-top:100px;
}



.divdm1{
height:280px;
}
.divdmpos{
font-size:18px;
}


.slick_dot1 li button:before{
width:10px;
height:10px;
font-size: 18px;

}
.slick_dot1 li{
margin: 0px 5px 5px 0px;
}

.divdmpos{
padding-top:10px;
padding-bottom:10px;   
}

.divdmdot{
 top:-70px;   
}


.divdm1{
text-indent:10px;
}



.divtype a{
padding-left:0px;
padding-right:0px;
width:50%;
border-radius:0px 0px 0px 0px;
display:block;
float:left;
}





.date1{
width:60px;
text-align:center;
}
.date1 br{
display:inline;
}





.ptext{
font-size:17px;
}
.h2text{
font-size:22px;
}
.divdocen a{
font-size:18px;
}



.p6{
width:90%;
margin:auto;
float:none;
}
.p4{
width:90%;
margin:auto;
float:none;
}
.p3{
width:90%;
margin:auto;
float:none;
}
.p12{
width:90%;
margin:auto;
float:none;
}
.p9{
width:90%;
margin:auto;
float:none;
}


.h2s1{
font-size:22px;
}




.divmanrec{
width:80%;
float:none;
margin:auto;
margin-bottom:10px;
}

.divcheckman{
width:1px;
}


.h2man{
font-size:22px;
}
.pman{
font-size:16px;
}


.als1{
font-size:16px;
}



.h2img{
font-size:22px;
}



.divmanimg img{
width:90%;
}
.tdman2{
padding-left:10px;
}
.tdman1{
width:80px;
}
.taman{
font-size:16px;
}



.divtabrec a{
padding-left:0px;
padding-right:0px;
width:33.3%;
}

.atabtext{
padding-left:10px;
background-image:none;   
}



.divtabrec a{
font-size:16px;
}
.atabtext{
font-size:16px;
}


}

@media screen and (min-width:1px) and (max-width:1000px){


.facebook1{
display:block;
margin:auto;
padding-top:30px;
padding-bottom:20px;
}



.ptop{
width:100%;
border:0px;
border-radius:0px;
}


.divpanel{
display:block;
}
.recpanel{
display:block;
}
.panel_fixed{
display:block;
}
.panel_wide{
display:block;
padding-left:0px;
padding-right:0px;
}
.left{
display:none;
}



.ptop{
width:100%;
border:0px;
border-radius:0px;
}


.h2man{
text-align:center;
}


}

@media screen and (min-width:1px) and (max-width:600px){


.br2_img{
display:none;
}
.br2_video{
display:none;
}


.base_wide{
display:block;
}



.divs1_video{
width:98%;
margin-left:1%;
margin-right:1%;
}



.divs1_img{
width:98%;
padding-left:1%;
padding-right:1%;
padding-bottom:0px;   
}



.h2s1{
text-align:center;
color:#0092D7;
margin:auto;
margin-bottom:0px;
margin-top:0px;
padding-top:30px;
padding-bottom:20px;
}
.h2s1:after{
display:none;
}


}

@media screen and (min-width:1px) and (max-width:580px){


.divtype a{
margin-bottom:0px;
border-bottom:1px solid white;
}



.divtype a{
margin-bottom:0px;
border-bottom:1px solid white;
}


}

@media screen and (min-width:460px) and (max-width:580px){


.divtype a{
padding-left:0px;
padding-right:0px;
width:25%;
border-radius:0px 0px 0px 0px;
display:block;
float:left;
}



.divtype a{
padding-left:0px;
padding-right:0px;
width:25%;
border-radius:0px 0px 0px 0px;
display:block;
float:left;
}


}

@media screen and (min-width:1px) and (max-width:1200px){


.baserec{
width:100%;
}



.check{
display:none;
}



.divpanel{
width:100%;
}



.tahead{
width:100%;
}

.tahead-back{
width:100%;
}

.div1200{
width:100%;
}

}

@media screen and (min-width:1px) and (max-width:1100px){


.baserec{
display:bock;
}
.basebody{
display:block;
}
.base_fixed{
width:90%;
display:block;
margin:auto;
text-align:center;
padding-left:0px;
padding-right:0px;
}
.base_wide{

padding-left:0px;
padding-right:0px;
text-align:center;
}



.at1{
padding-left:10px;
padding-right:20px;
}
.at1-back{
padding-left:10px;
padding-right:20px;
}

.at1_list{
padding-left:10px;
padding-right:30px;

}
.at1_list-back{
padding-left:10px;
padding-right:30px;
}


}

@media screen and (min-width:600px) and (max-width:1100px){


.base_wide{
display:flex;
}


}

@media screen and (min-width:600px) and (max-width:740px){


.baseb1{
width:46%;
}


}

@media screen and (min-width:420px) and (max-width:600px){


.baseb1{
width:360px;
}


}

@media screen and (min-width:1px) and (max-width:420px){


.baseb1{
width:95%;
}


}

@media screen and (min-width:1px) and (max-width:790px){


.divfix{
display:none;
}
.divfix1{
display:block;
}
.divspace{
height:50px;
}



}

@media screen and (min-width:1px) and (max-width:300px){


.imgm1 span br{
display:inline;
}
.imgm1 span{
position:relative;
top:-3px;
left:0px;
font-size:15px;
line-height:1.2em;
padding-top:0px;
}


}

@media screen and (min-width:1px) and (max-width:1050px){


.panel_fixed{
padding-left:0px;
}


}

@media screen and (min-width:1000px) and (max-width:1050px){


.panel_wide{
padding-left:10px;
padding-right:10px;
}


}

@media screen and (min-width:740px) and (max-width:1000px){


.panel_wide{
width:700px;
margin:auto;
}


}

@media screen and (min-width:1px) and (max-width:740px){


.panel_wide{
width:95%;
margin:auto;
}




.divdocen img{
display:block;
margin:auto;
}
.divdocen a{
text-align:center;
}


}

@media screen and (min-width:500px) and (max-width:1000px){


.panel_fixed{
width:460px;
margin:auto;
}


}

@media screen and (min-width:1px) and (max-width:500px){


.panel_fixed{
width:100%;
margin:auto;
}


}

@media screen and (min-width:790px) and (max-width:1000px){


.taghead{
display:block;
}
.trhead{
display:block;
}
.cellhead1{
display:block;
width:100%;
margin:auto;
text-align:center;
}
.logoimg{
width:auto;
height:50px;
padding-top:10px;
}
.logoimg-back{
width:auto;
height:30px;
padding-top:10px;
}
.cellhead2{
display:block;
width:100%;
}
.divlist{
text-align:center;
}
.divspace{
height:115px;
}


}

@media screen and (min-width:1px) and (max-width:340px){


.pdate br{
display:inline;
}


}

@media screen and (min-width:460px) and (max-width:540px){


.p6{
width:360px;
margin:auto;
float:none;
}
.p4{
width:360px;
margin:auto;
float:none;
}
.p12{
width:360px;
margin:auto;
float:none;
}
.p9{
width:360px;
margin:auto;
float:none;
}
.p6{
width:360px;
margin:auto;
float:none;
}
.p3{
width:360px;
margin:auto;
float:none;
}

}

@media screen and (min-width:460px) and (max-width:640px){


.divmanrec{
width:48%;
margin-left:0.5%;
margin-right:0.5%;
margin-bottom:10px;
}
.divcheckman{
width:2px;
}


}

@media screen and (min-width:1px) and (max-width:540px){

.loginBtn {
  box-sizing: border-box;
  position: relative;
  /* width: 13em;  - apply for fixed size */
  margin: 0.2em;
  padding: 0 15px 0 46px;
  border: none;
  text-align: left;
  line-height: 34px;
  white-space: nowrap;
  border-radius: 0.2em;
  font-size: 16px;
  color: #FFF;
}
.loginBtn:before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 34px;
  height: 100%;
}
.loginBtn:focus {
  outline: none;
}
.loginBtn:active {
  box-shadow: inset 0 0 0 32px rgba(0,0,0,0.1);
}
/* Facebook */
.loginBtn--facebook {
  background-color: #4C69BA;
  background-image: linear-gradient(#4C69BA, #3B55A0);
  /*font-family: "Helvetica neue", Helvetica Neue, Helvetica, Arial, sans-serif;*/
  text-shadow: 0 -1px 0 #354C8C;
}
.loginBtn--facebook:before {
  border-right: #364e92 1px solid;
  background: url('{{asset('images/icon_facebook.png')}}') 6px 6px no-repeat;
}
.loginBtn--facebook:hover,
.loginBtn--facebook:focus {
  color:#fff;
  background-color: #5B7BD5;
  background-image: linear-gradient(#5B7BD5, #4864B1);
}

.divs1_img1{
margin-bottom:10px;
}
.nameimg{
font-size:19px;
padding-bottom:3px;
}
.nametext{
font-size:16px;
}

.tdimg1{display:none;}