/* CSS Reset *//**********************************************************/
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}abbr,acronym,fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:after,q:before{content:''}

/* Global *//**********************************************************/

body{font-size:13px;font-family: 'Ubuntu',"Microsoft JhengHei","\5FAE\x8EDF\6B63\9ED1\9AD4","Microsoft Yahei","\5FAE\8F6F\96C5\9ED1","Trebuchet MS", Arial, Helvetica, sans-serif;	color:#515151;line-height:22px; background:transparent;}
h2{ font-size:36px; line-height:normal; margin-bottom:20px}
a{ text-decoration:none; color: #00908f;transition:all 0.3s linear}
a:hover{color: #666;}

.listcoIndex{ padding:0 15px;}
.listcoIndex .top{display:grid;gap: 30px;grid-template-columns: repeat(3, 1fr); padding-bottom:50px}
.listcoIndex .top .company{ grid-column: span 2;}
.listcoIndex .top .comLogo{ margin-bottom:15px;}
.listcoIndex .top .comName{ font-size:28px; font-weight:700; line-height:normal}
.listcoIndex .top .comSubName{font-size:14px;}
.listcoIndex .top .stockBox{ background-color:#00908F; padding:30px; color:#fff; font-size:18px; font-weight:700}

@media only screen and (max-width:1024px) {
	.listcoIndex .top{grid-template-columns: repeat(2, 1fr);}
	.listcoIndex .top .company{ grid-column: span 1;}
}

@media only screen and (max-width:767px) {
	.listcoIndex .top{ display:block; padding-bottom:0;}
	.listcoIndex .top .company{ margin-bottom:30px}
	.listcoIndex .top .stockBox{ margin:0 -15px; padding:30px 15px;}
}