@charset "utf-8";
/* CSS Document */
/*!
Pure v0.6.0
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
https://github.com/yahoo/pure/blob/master/LICENSE.md
*/
/*!
normalize.css v^3.0 | MIT License | git.io/normalize
Copyright (c) Nicolas Gallagher and Jonathan Neal
*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}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}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dashed}b,strong{font-weight:600}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0; margin:0 0.3em 0 0;}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.hidden,[hidden]{display:none!important}.pure-img{max-width:100%;height:auto;display:block}

body{
	font-size: 16px;
	line-height: 2;
	font-family: 'Open Sans', "微軟正黑體", Arial, "新細明體", "Helvetica Neue", Helvetica, sans-serif;
	margin:0;
	padding:0;
	/*background:#ddd;
	color:#333;*/
}
.col-all{
line-height: 1.8em;
}

@media (min-width: 600px) {
	body{font-size: 16px;}
	.content-right{
	font-family: 'Open Sans', Arial, "新細明體", "Helvetica Neue", Helvetica, sans-serif; border:1px solid #F00;}
}
hr{/*border-color:#999;*/}
ul, ol, dl { padding: 0; margin: 0; list-style:none; }
ol li{list-style-type: decimal; margin-left:1.5em;}
label{font-weight: normal;  padding: 0; margin: 0; }
img, a img { border: none;}
a:link,a:hover,a:visited{text-decoration: none;}
a{/*color:#333;*/}
a:hover{/*color:#c63;*/}
.notice:after {
    content: '*';
    color: #F00;
    font-weight: bold;
    font-family: Verdana, Geneva, sans-serif;
}
.thumbnail { 
	background-color: transparent;
	border: 1px solid transparent;
	margin-bottom:0; padding:0;
}
.thumbnail.pic-shadow img{
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
}

.container { position:relative; max-width:100%;}
.quick_contact-set-line{ width:100%;padding:2%;}

@media (min-width: 768px) {
  .container { width: 780px;}
  .quick_contact-set-line{ width:100%;padding:0;}
}
@media (min-width: 992px) {
  .container { width: 980px;}
}
@media (min-width: 980px) {
  .container { width: 1280px;}
}

.clearfix:after,.clearfloat {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.btn-style,.btn,.btn-color{
	cursor: pointer;
	font-family: 'Open Sans', "微軟正黑體", Arial, "新細明體", "Helvetica Neue", Helvetica, sans-serif;
	display:inline-block;
	font-size: 1em;
	line-height: 1.5;
	font-weight:bold;
	border:1px solid #333;/**/
	color:#fff;/**/
	background:#333;/**/
	text-align: center;
	padding:0.5em 1em;
    margin-bottom:0.5em;
	-o-transition: all 0.2s cubic-bezier(0,.37,.24,.99);
	-webkit-transition: all 0.2s cubic-bezier(0,.37,.24,.99);
	-moz-transition: all 0.2s cubic-bezier(0,.37,.24,.99);
	transition: all 0.2s cubic-bezier(0,.37,.24,.99);
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-ms-border-radius: 0 !important;
	-o-border-radius: 0 !important;
	border-radius: 0 !important;
}
.btn-style:hover,.btn:hover,.btn-color:hover{
	/*color:#333;*/
	padding:0.7em 1em;
	box-shadow: 0 3px 0 rgba(0,0,0,0.2);
}
.gotop{
  display: none;
  position: fixed;
  border:none;
  left:0;
  bottom: 0;
  width:100%;
  height:30px;
  background-color:rgba(0,0,0,0.2);
  background-color:#999 \9;
  background-image:url(https://www.okweb.asia/3014/images/gotop.png);
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  z-index:1500;
}
.gotop img{width:100%; height:100%;}
.gotop:hover {  background-color:rgba(0,0,0,0.5); background-color:#666 \9;}

.form-control{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	font-size: 1.2em;
	line-height:2;
	padding:0 0.5em;
	margin-bottom:0.8em;
}
.animate{
	-o-transition: all 0.1s ease-out;
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
}
/*=============================================*/

.header{
	height:180px;
	position:relative;
	/*border-bottom:2px solid #999;*/
}
.logo{
	width:100%;
	height:100px;
	z-index: 100;
	text-align: center;
	position:absolute;
	top:0;
	left:0;
}
.logo img{
	max-width: 100%;
	max-height: 100%;
}
.header-part{
	display:block;
	height:50px;
	width:100%;
	/*background:#222;*/
	position:absolute;
	top:130px;
	left:0;
	padding:0;
	margin:0;
}
.marquee-wrap{
	display:block;
	position:absolute;
	width:100%;
	top:-30px;
	right:20px;
	font-size:1em;
	/*color:#333;*/
}
.header-nav > ul{
	position:absolute;
	width:100%;
	top:0;
	left:0;
	text-align: center;
}
.header-nav > ul > li{
	display:inline-block;
	*display:inline;
	position:relative;
	margin:0;
	padding:0;	
}
.header-nav > ul > li:before{
	content:'';
	display:none;
}
.header-nav > ul > li > a{
	display:block;
	margin:0;
	padding:0 0.5em;
	line-height:50px;
	font-size:1em;
	/*color:#fff;*/
	background:none;
}
.header-nav > ul > li > a:hover{
	/*color:#fff;*/
	background:url(https://www.okweb.asia/3014/images/darkbg.png) repeat 0 0;
}
@media (min-width: 768px) {
	.header{
		height:100px;
	}
	.logo{ 
		width:310px;
		height:310px;
		text-align: left;
	}
	.header-part{
		width:650px;
		height:100px;
		top:0;
		left:auto;
		right:0;
		background:transparent;
	}
	.marquee-wrap{
		display:block;
		position:absolute;
		width:100%;
		top:15px;
		right:15px;
		font-size:1em;
		color:#333;
	}
	.header-nav > ul{
		position:absolute;
		width:auto;
		top:50px;
		right:0;
		left:auto;
		text-align: left;
	}
	.header-nav > ul > li{
		margin:0 1em 0 0;
		padding:0 0 0 0.5em;
	}
	.header-nav > ul > li:before{
		content:' ';
		display:inline-block;
		position:absolute;
		top:0.8em;
		left:0;
		width:0;
		height:0;
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent; 
		/*border-left:6px solid #c63;*/
	}
	.header-nav > ul > li > a{
		/*color:#333;*/
		line-height: 2;
	}
	.header-nav > ul > li > a:hover{
		/*color:#c63;*/
		background:none;
	}

}
@media (min-width: 992px) {
	.header-part{
		width:750px;
		height:100px;
		top:0;
		left:auto;
		right:0;
	}
}

/*-----------Slider-------------*/
.slider-wrap{
	/*background: #333;*/
}
.carousel-wrap{
    position: relative;
	padding:0;
}
.carousel-load{
	display:none;
	position:absolute;
	z-index: 1000;
	top:50%;
	left:50%;
	display:block;
	width:43px;
	height:11px;
	margin-top:-5px;
	margin-left:-21px;
	background:url(https://www.okweb.asia/3014/images/loadpic.gif) no-repeat 0 0;
}
#carousel {/*slider*/
    position: relative;
    width: 100%;
    overflow: hidden;
	margin:0px auto;
	/*display:none;*/
}
#carousel ul.slides {
    width:100%;
	height:auto;
	overflow:hidden;
    list-style:none;
	margin:0;
}
#carousel ul.slides li.slide {
	max-width:100%;
	float: left;
	clear: none;
	padding:0;
	text-align:center;
	line-height:0;
}
#carousel ul.slides img {
	width: 100%;
	margin:0 auto;
	padding:0;
}
.slider-arrow {
	display:none;
}
.slider-nav{
	position: absolute;
	bottom: 15px;
	left:0;
	z-index:9997;
}
.slider-nav-item {
	width: 8px;
	height: 8px;
	float: left;
	clear: none;
	display: block;
	margin: 0 6px;
	/*border:1px #ccc solid;
	background: transparent;*/
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-ms-border-radius: 25px;
	-o-border-radius: 25px;
	border-radius: 25px;
}
.slider-nav-item:hover {
	/*background: #666;*/
}
.slider-nav-item-current {
	/*background: #ccc;*/
}

/*-----------Menu-------------*/
.major-menu-wrap{
	/*background:#222;*/
	padding-top:1em;
	padding-bottom:1em;
	z-index:1000;
	position:relative;
}
.major-menu{
	display:none;
}
.major-menu ul{
	position: absolute;
	top: -999em;
}
.major-menu li:hover, .major-menu li.current {
	visibility: inherit; /* fixes IE7 'sticky bug' */
}
.major-menu > li {
	float:left;
	position: relative;
}
.major-menu > li:before{
	content:' ';
	height:1em;
	width:1px;
	/*background:#fff;*/
	opacity: 0.5;
	position:absolute;
	top:1.8em;
	left:0;
}
.major-menu > li:first-child:before{
	content:'';
	display:none;
}
.hasdropmenu{
	display:inline-block;
	position:absolute;
	top:1.6em;
	right:0.5em;
	width:0;
	height:0;
	/*border-top: 5px solid #fff;*/
	border-right: 3px solid transparent;
	border-left:3px solid transparent; 
	opacity: 0.5;
}
.major-menu > li > a {
	margin:0.5em 1.1em;
	display:block;
	font-size: 1.3em;
	/*color:#fff;*/
}
.major-menu > li:first-child > a{
	margin:0.5em 1.1em 0.5em 0;
}
.major-menu > li:hover > a, .major-menu > li.current > a {
	/*color:#c63;*/
}
.major-menu > li:hover > ul{
	left: 0;
	top: 3.5em;
	z-index: 9999;
	/*background: #f5f5f5;次選單背景*/
	/*border: 1px solid #ddd;次選單框*/
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	width: 180px;
	padding:0;
	margin:0;
}
.major-menu > li:hover > ul > li > a {
	display:block;
	padding:0.5em 1em;
	/*border-top:1px solid #ddd;
	color:#666;*/
	font-size: 1.1em;
}
.major-menu > li:hover > ul > li:first-child > a{
	border-top:none;
}
.major-menu > li:hover > ul > li > a:hover {
	/*color:#fff;
	background:rgba(0,0,0,0.5);*/
}

.major-menu-wrap select {
	/*background:#222;
	color:#fff;*/
	border:none;
	width:100%;
	display: block;
	margin:0 auto; 
	font-size: 1.3em;
}

@media  (min-width: 768px) {
	.major-menu { display: block;}
	.major-menu-wrap{padding-top:0; padding-bottom:0;}
	.major-menu-wrap select { display:none; }
}

.content-all{
	width:100%;
	margin:1em 0;
	padding:0;
	position:relative;
	background:none;
	border:none;
}
.content-left{
	position:relative;
	float:none;
	display:block;
	z-index: 2;
	width:100%;
	margin:0;
}
.content-right{
	width:100%;
	margin:0;
	padding:30px;
	margin-bottom:1em;
	float:none;
	display:block;
	z-index: 0;
	/*background:#fff;
	border:3px solid #333;*/
}
@media  (min-width: 768px) {
	.content-all{
		/*width:670px;*/
		margin:1em 0 1em 0;
		padding-bottom:2em;
		position:relative;
		/*background:#fff;
		border:3px solid #333;*/
	}
	.content-left{
		position:relative;
		float:left;
		width:240px;
		margin:-3px 0 -3px 0;
	}
	.content-right{
		width: calc(100% - 300px);
		padding:0;
		margin:30px;
		float:right;
		/*background:none;
		border:none*/
	}
}
@media  (min-width: 992px) {
	.content-all{
		/*width:870px;*/
		margin:1em 0 1em 0;
	}
	.content-left{
		width:240px;
		margin:-3px 0 -3px 0;
	}
	.content-right{
		width: calc(100% - 300px);
	}
}
@media  (min-width: 1294px) {
	.content-all{
		/*width:870px;*/
		margin:1em 0 1em 0;
	}
	.content-left{
		width:300px;
		margin:-3px 0 -3px 0;
	}
	.content-right{
		width:910px;
	}
}
.sidegroup{
	position:relative;
	width:100%;
	height:auto;
}

.side-style{
	padding:15px;
	margin:0 0 1em 0;
	position:relative;
}
.side-style:before{
	content:' ';
	height:2px;
	width:100%;
	background:url(https://www.okweb.asia/3014/images/whitebg.png) repeat 0 0;
	top:0;
	left:0;
	position:absolute;
}
.side-style-nonebg{
	padding:0;
	margin:0;
	background:transparent;
}
.side-category{ /*background:#333; color:#fff;*/}
.side-login{ /*background:#333; color:#fff;*/}
.side-news{ /*background:#333; color:#fff;*/}
.side-vote{ /*background:#333; color:#fff;*/}


.side-title{
	font-size:1.8em;
	line-height: 1.5;
	margin:0 0 0.5em 0;
	padding:0;
	position:relative;
}
.side-title:before{
	content:' ';
	width:0;
	height:0;
	border-top:8px solid transparent;
	border-bottom:8px solid transparent;
	border-left-width:8px;
	border-left-style:solid;
	float:left;
	margin-top:0.3em;
	margin-left:-15px;
}
.side-category .side-title{	/*color:#F60;*/}
.side-category .side-title:before{/*border-left-color:#F60;*/}
.side-login .side-title{/*color:#F60;*/}
.side-login .side-title:before{/*border-left-color: #F60;*/}
.side-news .side-title{	/*color:#F60;*/}
.side-news .side-title:before{/*border-left-color: #F60;*/}
.side-vote .side-title{	/*color:#F60;*/}
.side-vote .side-title:before{/*border-left-color: #F60;*/}
.side-vote label{background: none;}
.side-vote label input{text-align: text-bottom; display:inline-block;}

.mobile-section-btn{
	display:block;
	text-align: center;
	margin:-30px -30px 0 -30px;
	padding:0;
}
.mobile-section-btn > ul li{
	display:inline-block;
	*display:inline;
	margin:0;
	padding:0;
	width:23%;
	vertical-align: top;
}
.mobile-section-btn > ul li span{
	display:block;
	font-size: 1em;
	line-height: 1.5;
	padding:0.5em;
	font-weight: bold;
	cursor: pointer;
}
.mobile-section-btn--category span{ /*background:#333; color:#f60;*/}
.mobile-section-btn--category span:hover,.mobile-section-btn--category span.active{/*background:#f60; color:#333;*/}
.mobile-section-btn--login span{ /*background:#333; color:#f60;*/}
.mobile-section-btn--login span:hover, .mobile-section-btn--login span.active{ /*background:#f60; color:#333;*/}
.mobile-section-btn--news span{ /*background:#333; color:#f60;*/}
.mobile-section-btn--news span:hover, .mobile-section-btn--news span.active{ /*background:#f60; color:#333;*/}
.mobile-section-btn--vote span{ /*background:#333; color:#f60;*/}
.mobile-section-btn--vote span:hover, .mobile-section-btn--vote span.active{ /*background:#f60; color:#333;*/}
@media  (min-width: 768px) {
	.mobile-section-btn{
		display:none;
	}
}


.vote-title{
	display:block;
	border-top:1px solid rgba(255,255,255,0.2);
	border-bottom:1px solid rgba(255,255,255,0.2);
	/*color:#fff;*/
	padding:0.3em 0;
	margin:0 0 1em 0;
	font-style: italic;
}
.search-box{
	position:relative;
}
.search-box .form-control{
	/*background:#111;
	border:1px solid #111;
	color:#fff;*/
	padding-right:40px;
}
.btn-search{
	background:url(https://www.okweb.asia/3014/images/btn-search.png) no-repeat 0 0;
	width:25px;
	height:25px;
	position:absolute;
    cursor:pointer;
	top:0.5em;
	right:0.5em;
	display:inline-block;
	border:none;
}
.btn-search:hover{margin-right:0.3em;}

.side-login .form-control{
	/*background:#111;
	border:1px solid #111;
	color:#fff;*/
}
.side-login .btn-style{
	/*border:1px solid #f60;
	background:#f60;
	color:#333;*/
	display:block;
	width:100%;
}
.side-vote .btn-style{
	/*border:1px solid #f60;
	color:#333;
	background:#f60;*/
	display:inline-block;
	width:48.6%;
	margin:0.1em;
}
.sub-list li{
	display:block;
	margin:0;
	padding:0;
	position:relative;
	color:inherit;
}
.sub-list--line > li{
	/*border-bottom:1px dashed #fff \9;*/
}
.sub-list--line > li:after{
	content:' ';
	height:1px;
	width:100%;
	border:none;
	/*border-bottom:1px dashed #fff;*/
	opacity: 0.5;
	box-shadow:0 1px 0 rgba(0,0,0,0.3);
	position:absolute;
	top:0;
	left:0;
	display:block;
}
.sub-list--line > li:first-child:after{
	display:none;
}
.sub-list li a{
	/*color:#fff;*/
	font-size: 1.2em;
	padding:0.2em 0 0.2em 1em;
	display:block;
	position: relative;
}
.sub-list li a:hover{
	/*color:#FBB371;*/
}
.sub-list li a.mark{
	/*color:#f60;
	background:transparent;*/
}
.sub-list > li > a:before{
	content:' ';
	width:0;
	height:0;
	border-top:4px solid transparent;
	border-bottom:4px solid transparent;
	/*border-left:5px solid #fff;*/
	position:absolute;
	top:1em;
	left:0;
}
.sub-list.no-triangle > li > a:before{
	display:none;
}

.sub-list > li > ul {
	height:0;
	opacity: 0;
	overflow: hidden;
	-webkit-transition: all .15s ease-in-out .15s;
	-moz-transition: all .15s ease-in-out .15s;
	-o-transition: all .15s ease-in-out .15s;
	-ms-transition: all .15s ease-in-out .15s;
	transition: all .15s ease-in-out .15s;
}
.sub-list > li:hover > ul,.sub-list > li > ul.open {
	
	height:100%;
	opacity: 1;
}
.sub-list > li > ul > li > a{
	font-size: 1.2em;
	padding:0 0 .3em 1em;
	margin-left:1em;
}
.sub-list > li > ul > li > a:before{
	content:' ';
	width:0;
	height:0;
	/*border:1px solid #fff;*/
	position:absolute;
	top:1em;
	left:0;
	opacity: 0.5;
}
.sub-list > li > ul > li > a.mark{
	/*color:#fff;
	background:#222;*/
}

.sub-list-date{
	/*color:#fff;*/
	opacity: 0.5;
	font-size: 0.9em;
	display:inline-block;
	margin-left:0.3em;
	font-style: italic;
}

.side-fb{
	text-align: center;
	margin:0 auto;
	max-width: 300px;
}
.side-link1, .side-link2{
	display:block;
}

.side-link1{
	text-align: center;
}
.ad-vertical li,.ad-horizon li{
	margin:0 ;
	padding:0;
	display:inline-block;
	*display:inline;
	vertical-align: top;
}
.ad-vertical li img{
	max-width: 300px;
	width:100%;
}
ul.ad-vertical:before .effectopacity img{
	width:100%;
	}

.footer > .container{
	/*border-top:1px solid #ccc;*/
	padding:1em 0 3em 0;
	text-align:center;
}
@media  (min-width: 768px) {
	.footer > .container{
		border-top:none;
		padding-top:0;

		text-align:left;
	}
}

.footer-nav li{
	display:inline-block;
	*display:inline;
	position:relative;
	margin:0;
	padding:0;	
}
.footer-nav li:before{
	content:' ';
	height:1em;
	width:1px;
	/*background:#333;*/
	opacity: 0.3;
	position:absolute;
	top:0.8em;
	left:0;
}
.footer-nav li:first-child:before{
	content:'';
	display:none;
}
.footer-nav li a{
	display:block;
	margin:0;
	padding:0 0.8em;
	font-size:1em;
	font-weight: bold;
	line-height: 2;
	/*color:#333;*/
	background:none;
}
.footer-nav li:first-child a{
	padding:0 0.8em 0 0;
}
.footer-nav li a:hover{
	/*color:#c63;*/
}
.footer-info{
	font-size: 1em;
}

.social-icon {
	list-style:none;
	margin:0 0 1em 0;
	padding:0;
}
.social-icon li {
	display:inline-block;
	*display:inline;
	margin:0 0.5em 0 0;
}
.social-icon li a {
	display:block;
	width:45px;
	height:45px;
	background-repeat:no-repeat;
	background-size:contain;
	border:1px solid transparent;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	/*background-color:#f5f5f5;*/
}
.social-icon li a:hover{
	/*background-color:#fff;*/
}
.social-icon li a.social-fb{background-image:url(https://www.okweb.asia/3004/svg/social-icon-facebook.svg);}
.social-icon li a.social-twitter{background-image:url(https://www.okweb.asia/3004/svg/social-icon-twitter.svg);}
.social-icon li a.social-gplus{background-image:url(https://www.okweb.asia/3004/svg/social-icon-gplus.svg);}
.social-icon li a.social-plurk{background-image:url(https://www.okweb.asia/3004/svg/social-icon-plurk.svg);}
.social-icon li a.social-weibo{background-image:url(https://www.okweb.asia/3004/svg/social-icon-weibo.svg);}
.social-icon li a.social-line{background-image:url(https://www.okweb.asia/3004/svg/social-icon-line.svg);}
.social-icon li a.social-Instagram{background-image:url(https://www.okweb.asia/3004/svg/social-icon-Instagram.svg)}
.social-icon li a.social-wechat{background-image:url(https://www.okweb.asia/3004/svg/social-icon-wechat.svg)}
.social-icon li a.social-mail{background-image:url(https://www.okweb.asia/3004/svg/social-icon-mail.svg)}
.social-icon li a.social-youtube{background-image:url(https://www.okweb.asia/3004/svg/social-icon-youtube.svg)}
.social-icon li a.social-telegram{background-image:url(https://www.okweb.asia/3004/svg/social-icon-telegram.svg);}
.social-icon li a.social-blog{background-image:url(https://www.okweb.asia/3004/svg/social-icon-blog.svg);}
.quick-contact img{max-width:100px; max-height:100px;}