@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	font-size: 15px;
	font-family: Helvetica,Arial,'微軟正黑體','Microsoft JhengHei',sans-serif;
	color: #333;
	background-color: #f4f4f4;
	vertical-align: middle;
}

img {border:none}
.clear {clear:both}
a { transition-property: all; -webkit-transition-duration: 300ms; -webkit-transition-timing-function: ease-in-out; -moz-transition-duration: 300ms; -moz-transition-timing-function: ease-in-out;	-o-transition-duration: 300ms; -o-transition-timing-function: ease-in-out; text-decoration: none; outline: none; /* firefox fix */}		
a {text-decoration:none;color:#333;}

.text-align-right {text-align: right;}.text-align-left {text-align: left;}.text-align-center {text-align: center;}
.strong {font-weight: bold;}.dfn {font-style: italic;}
ul {list-style-type: none; margin: 0px; padding: 0px;}
li {}
.float-left {float: left;} .float-right {float: right;}
@media (max-width:767px){
.text13 {font-size: 16px;}.text15 {font-size: 18px;}.text17 {font-size:20px;}.text19 {font-size:22px;}.text21 {font-size:24px;}.text25 {font-size:28px;}
}
@media (min-width:768px){
.text13 {font-size: 16px; line-height: 25px;}.text15 {font-size: 18px;}.text17 {font-size:20px;}.text19 {font-size:22px;}.text21 {font-size:24px;}.text25 {font-size:28px;}
}
@media (min-width:992px){
.text13 {font-size: 13px; line-height: 20px;}.text15 {font-size: 15px;}.text17 {font-size:17px;}.text19 {font-size:19px;}.text21 {font-size:21px;}.text25 {font-size:25px;}
}
@media (min-width:1200px){
.text13 {font-size: 13px; line-height: 20px;
}.text15 {font-size: 15px;}.text17 {font-size:17px;}.text19 {font-size:19px;}.text21 {font-size:21px;}.text25 {font-size:25px;}
}

/*global-header*/
.global-header {font-size: 13px; color: #999; background-color: #FFF; float: left; height: 36px; width: 100%; font-family: Arial, Helvetica, sans-serif;}
.global-header .tab {background-color: #CCC; float: left; height: 13px; width: 1px; margin-right: 15px; margin-left: 15px; margin-top: 12px; }
.global-header ul {list-style-type:none;margin:0;padding:0}
.global-header ul li {list-style-type: none; float: left; font-size: 13px; margin-top: 10px;}
.global-header ul li a:link, .global-header ul li a:visited {color: #999;}
.global-header .utravel a:hover {color: #80af55;}
.global-header .uhk a:hover {color: #5b85c4;}
.global-header .ubeauty a:hover {color: #e20b77;}
.global-header .ufood a:hover {color: #f18800;}
.global-header .ublog a:hover {color: #bc9b6e;}
.global-header .uknow a:hover {color: #5467b0;}
.global-header .upet a:hover {color: #FED05B;}
.global-header .mallking a:hover {color: #820024;}

.global-header .utravel{color: #80af55;}
.global-header .uhk{color: #5b85c4;}
.global-header .ubeauty{color: #e20b77;}
.global-header .ufood{color: #f18800;}
.global-header .ublog{color: #bc9b6e;}
.global-header .uknow{color: #5467b0;}
.global-header .upet{color: #FED05B;}
.global-header .mallking{color: #820024;}

.global-header .upet-arrow { background-image: url(../images/upet/img-upet-arrow.png); background-repeat: no-repeat; height: 20px; width: 38px; position: absolute; left: 504px; top: 35px;
}
.global-header .utravel-arrow { background-image: url(../images/upet/img-upet-arrow.png); background-repeat: no-repeat; height: 20px; width: 38px; position: absolute; left: 144px; top: 35px;
}
.global-header .uhk-arrow { background-image: url(../images/upet/img-upet-arrow.png); background-repeat: no-repeat; height: 20px; width: 38px; position: absolute; left: 201px; top: 35px;
}
.global-header .ubeauty-arrow { background-image: url(../images/upet/img-upet-arrow.png); background-repeat: no-repeat; height: 20px; width: 38px; position: absolute; left: 260px; top: 35px;
}
.global-header .ufood-arrow { background-image: url(../images/upet/img-upet-arrow.png); background-repeat: no-repeat; height: 20px; width: 38px; position: absolute; left: 328px; top: 35px;
}
.global-header .ublog-arrow { background-image: url(../images/upet/img-upet-arrow.png); background-repeat: no-repeat; height: 20px; width: 38px; position: absolute; left: 386px; top: 35px;
}
.global-header .uknow-arrow { background-image: url(../images/upet/img-upet-arrow.png); background-repeat: no-repeat; height: 20px; width: 38px; position: absolute; left: 447px; top: 35px;
}
.global-header .ullogo {margin-top: -1px;}

.icon-time {
	background-image: url(../images/global/icon-time.gif);
	background-repeat: no-repeat;
	height: 12px;
	width: 12px;
	float: left;
	margin-top: 5px;
	margin-right: 5px;
}

.icon-view {
	background-image: url(../images/global/icon-view.png);
	background-repeat: no-repeat;
	height: 20px;
	width: 20px;
	float: left;
	margin-top: 5px;
	margin-right: 5px;
}


.radius2 {border-radius: 2px;}.radius4 {border-radius: 4px;}.radius6 {border-radius: 6px;}.radius8 {border-radius: 8px;}.radius10 {border-radius: 10px;}.radius14 {border-radius: 14px;}.radius16 {border-radius: 16px;}.radius20 {border-radius: 20px;}.radius30 {border-radius: 30px;}.radius40 {border-radius: 40px;} .radius50 {border-radius: 50px;} .radius60 {border-radius: 60px;} .radius80 {border-radius: 80px;} .radius100 {border-radius: 100px;}

.text-color-000 {color: #000;} .text-color-fff {color: #FFF;} .text-color-888 {color: #888;} .text-color-999 {color: #999;} .text-color-666 {color: #666;} .text-color-333 {color: #333;}  .text-color-333 {color: #ccc;} 
.text-color-red {color: #F00;} 

.padding-5 {padding:5px;} .padding-10 {padding:10px;} .padding-15 {padding:15px;} .padding-20 {padding:20px;} .padding-25 {padding:25px;} .padding-30 {padding:30px;} .padding-35 {padding:35px;} .padding-40 {padding:40px;} .padding-45 {padding:45px;} .padding-50 {padding:50px;}
.padding-top-5 {padding-top:5px;} .padding-top-10 {padding-top:10px;} .padding-top-15 {padding-top:15px;} .padding-top-20{padding-top:20px;} .padding-top-25 {padding-top:25px;} .padding-top-30 {padding-top:30px;} .padding-top-35 {padding-top:35px;} .padding-top-40 {padding-top:40px;} .padding-top-45 {padding-top:45px;} .padding-top-50 {padding-top:50px;}
.padding-bottom-5 {padding-bottom:5px;} .padding-bottom-10 {padding-bottom:10px;} .padding-bottom-15 {padding-bottom:15px;} .padding-bottom-20 {padding-bottom:20px;} .padding-bottom-25 {padding-bottom:25px;} .padding-bottom-30 {padding-bottom:30px;} .padding-bottom-35 {padding-bottom:35px;} .padding-bottom-40 {padding-bottom:40px;} .padding-bottom-45 {padding-bottom:45px;} .padding-bottom-50 {padding-bottom:50px;}
.padding-left-5 {padding-left:5px;} .padding-left-10 {padding-left:10px;}  .padding-left-15 {padding-left:15px;} .padding-left-20 {padding-left:20px;} .padding-left-25 {padding-left:25px;} .padding-left-30 {padding-left:30px;} .padding-left-35 {padding-left:35px;} .padding-left-40 {padding-left:40px;} .padding-left-45 {padding-left:45px;} .padding-left-50 {padding-left:50px;}
.padding-right-5 {padding-right:5px;} .padding-right-10 {padding-right:10px;} .padding-right-15 {padding-right:15px;} .padding-right-20 {padding-right:20px;} .padding-right-25 {padding-right:25px;} .padding-right-30 {padding-right:30px;} .padding-right-35 {padding-right:35px;} .padding-right-40 {padding-right:40px;} .padding-right-45 {padding-right:45px;} .padding-right-50 {padding-right:50px;}

.margin-5 {margin:5px;} .margin-10 {margin:10px;}.margin-15 {margin:15px;} .margin-20 {margin:20px;} .margin-25 {margin:25px;} .margin-30 {margin:30px;} .margin-35 {margin:35px;} .margin-40 {margin:40px;} .margin-45 {margin:45px;} .margin-50 {margin:50px;}
.margin-top-5 {margin-top:5px;} .margin-top-10 {margin-top:10px;} .margin-top-15 {margin-top:15px;} .margin-top-20 {margin-top:20px;} .margin-top-25 {margin-top:25px;} .margin-top-30 {margin-top:30px;} .margin-top-35 {margin-top:35px;} .margin-top-40 {margin-top:40px;} .margin-top-45 {margin-top:45px;} .margin-top-50 {margin-top:50px;}.margin-bottom-5 {margin-bottom:5px;} .margin-bottom-10 {margin-bottom:10px;}.margin-bottom-15 {margin-bottom:15px;} .margin-bottom-20 {margin-bottom:20px;} .margin-bottom-25 {margin-bottom:25px;} .margin-bottom-30 {margin-bottom:30px;} .margin-bottom-35 {margin-bottom:35px;} .margin-bottom-40 {margin-bottom:40px;}.margin-bottom-45 {margin-bottom:45px;} .margin-bottom-50 {margin-bottom:50px;}.margin-left-5 {margin-left:5px;} .margin-left-10 {margin-left:10px;} .margin-left-20 {margin-left:20px;} .margin-left-25 {margin-left:25px;} .margin-left-30 {margin-left:30px;} .margin-left-35 {margin-left:35px;} .margin-left-40 {margin-left:40px;} .margin-left-45 {margin-left:45px;} .margin-left-50 {margin-left:50px;} .margin-right-5 {margin-right:5px;} .margin-right-10 {margin-right:10px;} .margin-right-15 {margin-right:15px;} .margin-right-20 {margin-right:20px;} .margin-right-25 {margin-right:25px;} .margin-right-30 {margin-right:30px;} .margin-right-35 {margin-right:35px;} .margin-right-40 {margin-right:40px;} .margin-right-45 {margin-right:45px;} .margin-right-50 {margin-right:50px;}
.margin-top-100 {margin-top:100px;}

/* v-align */
.vcenter {display: flex; align-items: center;}